Прототип и варианты визуальной концепции Виртуального заповедника
На материале наших эскизов для проекта мобильного приложения "Сихотэ-Алинский виртуальный заповедник"
Творческое объединение "Парсуна" представляет единую модульно-информационную систему "Виртуальный заповедник".

Виртуальный заповедник "Парсуна" - информационная модульная система для заповедников и национальных парков, позволяющая в настраиваемом режиме через web-интерфейс и мобильное приложение выкладывать в широкий доступ актуальную информацию во всех медиа форматах (текст, фото, аудио, видео) о ландшафтах, биоразнообразии, достопримечательностях , истории и маршрутах заповедной территории - то есть создавать информационное поле, которое является виртуальным прообразом заповедника. Система может быть использована как справочный презентационный материал, гид-навигатор по территории, моделировать виртуальное посещение заповедной территории. В этих целях может быть задействован информационный объём любого размера и содержания, а его структура может быть дополнена и изменена. Количество информационных ячеек и уровней иерархии групп каталога не ограничены.
Прототип
Прототип – эскиз, которым мы показываем разделы/элементы проекта с описанием их функций. Следующий шаг – правка и детализация материала, а затем –дизайн. Ниже примерный функционал будущего продукта поэкранно.
Целевая аудитория: специалисты/интересующиеся. Большой разброс в демографии: ЦА начинается с учеников начальных классов и старше.
Вывод: нужно учесть детские паттерны взаимодействия (ориентирование в информации по визуальным материалам, быстрая потеря интереса в статичном, однообразном материале), так и восприятие взрослых пользователей, разбирающихся в материале (удобный поиск, структура подачи информации, понимание неадаптированного разнородного материала, зуммирование интереса к материалам виртуального заповедника).
В приложении должны присутствовать следующие фичи:
Для детей:
— обилие фото, графики, цветовых маркеров и фильтров, помогающих быстро запомнить условные обозначения;
— наглядный поиск с фотографиями, который поможет найти и спровоцировать интерес к любимому животному или растению;
— элементы журнальной вёрстки, чтобы аудиотрию не отпугивало сплошное полотно однородного текста.
Для взрослых, глубоко изучающих предмет:
— максимально простой, интуитивно понятный поиск по справочнику;
— глубокая проработка структуры информации справочника, панорам;
— продумывание условного "конструктора", чтобы благодаря стилям текста можно было быстро выделить необходимое, но при этом справочник выглядел цельно.

Также необходимо продумать специальные экраны (нужна ли обратная связь и т.д.)

1. Главная страница
Web версия главной страницы "Виртуального заповедника" с окном виртуального тура, привязанного к карте-навигатору.
2. Раздел "Карта"
Несколько версий первого экрана, ниже приведены примерные пути пользователя.
Карта 2.1
Первый экран – карта с наложенными сверху типовыми ландшафтными зонами. Их можно скрыть и/или включить другие элементы (пути миграции птиц, маршруты экскурсий и т.д.). Пользователь нажимает на одну из зон, происходит переход. Может получиться так, что не все названия зон будут видны на маленьких экранах, в этом случае делаем как в гугл-картах: показываем название по увеличению
Второй экран – типовая ландшафтная зона в условном разрезе. Мы выбираем, что хотим увидеть – флору или фауну.
Третий экран – выбор класса фауны из условно расположенных на иллюстрации.
Четвертый экран – список видов, по нажатию на ссылку, переходим в статью из справочника.
Карта 2.2
Первый экран – карта с некликабельными типовыми ландшафтными зонами. Взаимодействие с картами происходит через фильтры и кнопки показа маршрутов, а так же через пины с условными обозначениями царств. По нажатию на пин видим поп-ап с информацией и фото о виде.
Вид экрана с поп-апом. В версии для ПК можно сразу же выводить названия видов, прикрепленных к пину.
Далее происходит переход либо к панораме, связанной с этим видом, либо к статье об этом виде. Ниже будет приведен разбор этих страниц (разделы "Справочник", "Панорамы").
Основные элементы интерфейса на примере последней версии карты
Первый экран – карта с типовыми ландшафтными зонами
1 — меню
2 — кнопки масштаба
3 — дополнительные элементы интерфейса, например, места проведения экскурсий
4 — фильтры
Уникальные охраняемые виды растений и животных Сихотэ-Алинского заповедника списком.
В этот раздел можно добавить различные фильтры по согласованию.

3. Раздел "Красная книга"
Для примера один экран со статьей. В справочник так же входит содержание, структура которого станет понятна при разработке. На этом макете учтены основные элементы из страницы-примера: ряд названий, основная информация, отличительные признаки, статус (есть ли в красной книге), лид, фото + авторство, мелкие детали (будут реализованы после утверждения дерева справочника).
4. Раздел "Справочник"
На этом макете мы стараемся показать материал компактно, разнородно, сделать его удобочитаемым
Пример реализации для компьютеров
Содержит 3d тур из панорам с информационными окнами. Панорамы включают в себя любые типы медиафайлов: текстовые, фото, аудио и видеоматериалы, привязанные к произвольным точкам в панораме.
Это помогает сформировать зрителю цельную картину знаний о заповеднике, конкретных видах, того, что можно увидеть на экскурсиях по заповеднику и многое другое...
На иллюстрации пример панорамы.



5. Раздел "Панорамы"
Экраны прототипа
Визуальная концепция
Набросок, помогающий найти стиль всей работы. На этом этапе мы смотрим, какие графические элементы выбрать, с какой интонацией обращаться к пользователю. Например, если мы хотим производить впечатление солидной организации, к которой обращаются "на вы", мы скорее предпочтём сдержанную палитру, чёткую геометрию в дизайне, шрифты, намекающие на "классику". Если мы хотим показать дружелюбность, выберем яркий стиль, не побоимся применить современные тренды дизайна и так далее. В предлагаемых концепциях мы решили попробовать несколько подходов: с иллюстрациями, с фото, в ярких цветах и сдержанных. Примеры визуальных концепций помогут нам начать диалог о том, каким должен стать проект по дизайну.
В концепции с фотографией сдержанные цвета, чтобы текст при любом фоне был читаем. Можно подобрать ряд фотографий с пейзажами, макроизображений объектов, животных, портретов посетителей и сотрудников и выводить их по очереди при каждом новом входе приложения. С такой концепцией упор в дизайне продукта делается на фотоматериалы. Большие подробные фотографии, минималистичный стиль.
В концепции с иллюстрацией в странице загрузки используются цвета, которые составят основу дизайна внутренних страниц.
В системе виртуального заповедника будет использована авторская административная панель Парсуна с возможностями:
— Активации/деактивации панорам;
— создания многогоуровневой иерархии групп;
— расстановки переходов;
— создания/редактирования тегов;
— редактирование геометок;
— редактирование стартового направления панорамы;
— прикрепление к панораме любого типа медиафайлов и инфометок;
— быстрое открытие панорамы в больших турах.

Как работает админка
Видеообзор админки, 3 мин


Скриншот экрана заполнения
Особенности разработки виртуального заповедника с ТО "Парсуна":
— Удобная панель управления категориями и объектами с привязкой к местности, с дополнительными метками, например "хищники", "млекопитающие" и т. п. В дальнейшем это позволит делать любые тематические подборки для посетителей, к каждому элементу можно будет загрузить медиа-материал (фото, видео, аудио, статьи и книги);

— API с помощью которого клиентское приложение (сайт/мобильное приложение/другое) сможет получать информацию из базы данных и выводить в удобном виде для конкретного случая;

— продукт будет адаптирован под современные реалии. Упор сделан на мобильные устройства, при этом он будет гармонично адаптироваться и на устройства с большими экранами – планшеты, компьютеры;

— приложения для iOS и Android будут транслировать страницы сайта в разделы мобильного приложения. Дополнительно можно будет посредством PUSH уведомлений сообщать пользователям информацию о разного рода мероприятиях.
Стоимость услуг
Виртуальный заповедник
490 000 ₽
Базовый уровень: сайт + административная панель + мобильные приложения для IOS и Android
виртуальный заповеднник
700 000 ₽
Средний уровень: базовый уровень + интеграция с картой + функция радара на карте
Виртуальный заповедник
880 000 ₽
Продвинутый уровень: средний уровень + гид-навигатор с возможностью работы в автономном режиме
стоимость производства одной фотопанорамы
4000 ₽
менее 100 панорам
СТОИМОСТЬ ПРОИЗВОДСТВА ОДНОЙ ФОТОПАНОРАМЫ
3500 ₽
Более 100 панорам
Оставить заявку
Мы готовы реализовать ваш проект, оставьте ваши контактные данные, и мы свяжемся с вами в ближайшее время, чтобы обсудить все детали.
Ваш e-mail
Ваш телефон
Ваше имя
Нажимая на кнопку, вы даете согласие на обработку персональных данных и соглашаетесь c политикой конфиденциальности
Made on
Tilda