Мобильное приложение "Гора Белая" – это аудиогид, который познакомит и сопроводит вас по туристическим маршрутам Урала.
Техническое задание
Наша команда разработки проанализировала существующие реализации приложений – аудиогидов на рынке, и начала набрасывать прототипы, которые представляли собой синтез функционала существующих приложений на рынке с добавлением оригинальных идей.
-
QR-коды
Мы придумали идею внедрения QR-кода для каждого Знакового места, чтобы пользователь мог подробнее ознакомиться, например, с музеем, открыв его в нашем приложении после сканирования QR-кода. -
Бонусная система
Бонусная система была придумана нами как хорошая система поощрений для пользователя – пользователь проходит маршруты и получает за это баллы, которые накапливаются в личном кабинете. Эта идея имеет перспективу развития в будущем как система обмена баллов на подарки, айдентику Горы Белой.
Палитра цветов
Интересный факт
Перед началом работы дизайнер проекта посетил парочку троп Горы Белой, чтобы понять нюансы, необходимые путешественнику маршрутов кластера. Таким образом, многие идеи были рождены в нашем совместном сотрудничестве
Тропы в формате “Обзор” позволяют пользователю ознакомиться с маршрутами в популярном формате Stories
Графическая карта маршрута, как описание к маршруту, как ориентир для пользователей какую протяженность занимает маршрут и какого он типа – кольцевой, линейный и т.д.
Разработка приложения
-
Для разработки был выбран фреймворк React native. Это позволило ускорить разработку в 1,5 раза по сравнению с использованием нативных языков мобильной разработки.
-
Для того, чтобы приложение легко было поддерживать и масштабировать, мы внедрили типизацию с помощью TypeScript и написали автотесты.
Сайт ≈ Мобильное приложение
Мы объединили логику сайта и мобильного приложения, используем единую базу данных, что ускоряет внедрение новых фичей. Благодаря этому пользователь имеет единый личный кабинет для сайта и мобильного приложения.
Управление контентом мобильного приложения и сайта находятся в одной админ-панели – это большой плюс в удобстве использования при администрировании и настройке контента.
Бонусная система
Зарегистрированный пользователь участвует в бонусной системе: за каждое посещенное
Знаковое место ему начисляются баллы. В зависимости от количества баллов пользователю
присваиваются следующие статусы:
Мечтатель на диване, Искатель приключений, Первооткрыватель, Легенда с рюкзаком,
Вечный странник
-
-
-
-
- ~535 ккал
-
-
Знаковые места
В приложении доступен просмотр списка Знаковых мест. Все Знаковые места разделены на категории согласно интересам пользователя: природные или религиозные достопримечательности, места интересные детям, места с панорамным видом, культурно-исторические достопримечательности и др.
-
По данным категориям возможна фильтрация с помощью не только удобных, но и красивых фильтров.
-
Фильтры настраиваются: добавляются/изменяются через админ панель сайта.
Знаковое
место
Пользователь может перейти на отдельную карточку Знакового места из списка.
Карточка представляет собой подробное описание каждого места, галерею фотографий, аудио сопровождение.
В конце Знакового места можно также увидеть на каких маршрутах оно встречается.
Технология “Deep Linking”
У каждого Знакового места кластера размещены таблички с QR-кодами. Мобильное приложение поддерживает систему перехода в карточку Знакового места при наведении на QR-код.
Эта технология называется Deep Linking – возможность создать внешнюю ссылку на любой раздел мобильного приложения. Если у пользователя не скачано приложение на смартфон, то откроется страница Знакового места на сайте: welcometoural.ru.
В мобильном приложении представлены маршруты в двух форматах отображения: “список” и “обзор – stories”
Список
Формат “список” повторяет визуальное исполнение вывода Знаковых мест – карточки, который удобен пользователю для фильтрования и сортировки маршрутов по предпочтениям и категориям.
Обзор
Формат “Обзор” позволяет пользователю ознакамливаться с маршрутами в популярном формате Stories.
Выбрав маршрут пользователю открывается отдельная страница посвященная данной тропе. На странице помимо описания и галереи фотографий представлена последовательность – цепочка Знаковых мест, которые встречаются на маршруте.
Offline аудиогид
Объекты кластера размещены не только вблизи городов и поселков, но также и на природной территории, на которой, порой, недоступно подключение к интернету.
По этой причине, пользователю предоставляется возможность скачать маршрут перед его началом – в любой точке пользователю доступен offline аудиогид, галереи и описание встречающихся Знаковых мест.
Возможности аудиогида
В качестве картографического сервиса мы выбрали mapbox (open street map). У этого сервиса хорошее апи для интеграции в react-native, а также есть поддержка режима работы карты в офлайн.
Видеообзор
Результат
Приложение «Аудиогид Гора Белая» представляет собой настоящий гид в твоем кармане.
Оно будет реагировать на твои перемещения и будь уверен, что ты не заблудишься на тропе.
А в случае отсутствия сети его функции доступны в offline режиме.
Скачивай его на платформах AppStore и GooglePlay.
Отзыв от клиента
Сайт рыбатекст поможет дизайнеру, верстальщику, вебмастеру сгенерировать несколько абзацев более менее осмысленного текста рыбы на русском языке, а начинающему оратору отточить навык публичных выступлений в домашних условиях. При создании генератора мы использовали небезызвестный универсальный код речей. Текст генерируется абзацами случайным образом от двух до десяти предложений в абзаце, что позволяет сделать текст более привлекательным и живым для визуально-слухового восприятия.
По своей сути рыбатекст является альтернативой традиционному lorem ipsum, который вызывает у некоторых людей недоумение при попытках прочитать рыбу текст. В отличие от lorem ipsum, текст рыба на русском языке наполнит любой макет непонятным смыслом и придаст неповторимый колорит советских времен.
Смотреть отзыв на Flamp