Экран мобильного приложения TripPack с карточкой тура, фотографией маршрута, автором, рейтингом и навигационными элементами

Мобильное приложение TripPack для авторских маршрутов

Travel

BULLTECH разработал мобильное приложение TripPack для поиска, прохождения и создания авторских маршрутов

// Задача

TripPack — travel-tech сервис для самостоятельных путешествий и авторских маршрутов.

Перед командой BULLTECH стояла задача разработать мобильное приложение, которое объединяет сразу несколько сценариев: поиск туров, просмотр карточек маршрутов, прохождение путешествия по этапам, создание собственного тура и работу с пользовательским профилем.

Основная сложность заключалась в том, что мобильный продукт должен быть удобен не только для выбора маршрута, но и для его использования непосредственно в пути. Интерфейс нужно было выстроить так, чтобы пользователь мог быстро ориентироваться в туре, видеть маршрут на карте, понимать структуру этапов и не терять контекст во время движения.

При этом приложение должно было поддерживать и второй важный сценарий — создание авторского маршрута с телефона, когда пользователь не просто потребляет контент, а сам собирает новое путешествие из точек и этапов.

Экран авторизации в мобильном приложении TripPack с входом по email и ссылкой на политику использования приложенияСхема ключевых разделов TripPack: создание и поиск туров, этапы и карточки маршрута, профиль пользователя

// Решение

01. Спроектировали мобильный сценарий вокруг самого путешествия

В основе приложения — не абстрактный каталог, а сценарий реального использования в дороге.

Поэтому ключевые действия пользователя вынесены на первый план: открыть тур, изучить его содержание, перейти к маршруту и начать прохождение. Интерфейс помогает быстро перейти от интереса к маршруту к самому путешествию.

Карточка тура в мобильном приложении TripPack с фотографией маршрута, автором, рейтингом, параметрами поездки и нижней навигациейКарточки туров TripPack в разных состояниях: опубликованный маршрут и черновик с ключевой информацией о поездке

02. Сделали карточку тура информативной, но не перегруженной

Экран тура объединяет основные характеристики маршрута в одном месте: автора, дату публикации, количество этапов, длительность, возможные траты, визуальные материалы, теги и краткое описание.

За счет этого пользователь может быстро оценить маршрут еще до начала прохождения и понять, подходит ли ему формат путешествия.

Ключевое действие — переход к маршруту — выделено как основной CTA, поэтому путь из просмотра в использование сервиса остается коротким и понятным.

Экран тура в мобильном приложении TripPack до и после прохождения маршрута: описание, этапы, параметры поездки, рейтинг и действия пользователяЭкран отзыва о туре в TripPack с оценкой, текстом, фотографиями и примерами опубликованных отзывов других пользователей

03. Показали маршрут целиком до начала прохождения

Перед стартом пользователь видит весь маршрут на карте: расположение и количество этапов, их последовательность и линию движения между точками.

Так можно заранее оценить структуру тура, понять его протяженность и увидеть, как отдельные места складываются в единый маршрут.

Карта маршрута в мобильном приложении TripPack с этапами тура и кнопкой запуска прохожденияСписок этапов маршрута в мобильном приложении TripPack с фотографиями точек и отметками аудиосопровождения

04. Адаптировали интерфейс под положение пользователя на маршруте

После старта тура интерфейс меняется в зависимости от того, где находится пользователь.

На карте отображается его текущее положение и следующий этап. При приближении к нужной точке приложение переводит пользователя в соответствующее состояние и показывает карточку этапа, с которым можно взаимодействовать.

Так карта работает уже не как схема маршрута, а как инструмент навигации непосредственно во время прохождения тура.

Прохождение маршрута в TripPack на интерактивной карте с текущим этапом, пройденными точками и навигацией к следующей точкеЭкран этапа маршрута в TripPack с подробным описанием, фотографиями и аудиосопровождением

05. Реализовали создание тура прямо с телефона

В мобильном приложении предусмотрен и авторский сценарий — пользователь может создавать собственный маршрут.

Добавление этапов строится через поиск точки, выбор адреса, постановку точки на карте и дальнейшее продолжение сценария создания тура. Такой подход делает географию частью интерфейса: маршрут создается не в абстрактной форме, а непосредственно через работу с картой.

Это особенно важно для travel-tech продукта, где сама карта является основой пользовательского действия.

Создание этапа маршрута в TripPack с выбором точки на карте или поиском по адресуФорма добавления информации об этапе маршрута в TripPack с адресом, названием, описанием и изображением

06. Разбили сложный сценарий создания на последовательные шаги

Создание маршрута — потенциально длинный и сложный процесс, особенно на мобильном устройстве.

Чтобы не перегружать пользователя, сценарий разбили на короткие последовательные действия. Пользователь решает одну задачу за раз: найти место, подтвердить точку, перейти дальше к следующему этапу.

Такой подход снижает порог входа в создание контента и делает мобильный интерфейс пригодным не только для просмотра, но и для полноценной работы с маршрутом.

Выбор фотографий и заполнение информации о туре в TripPack: описание, изображения, расходы и продолжительностьСохранение и публикация тура в TripPack с подтверждением публикации и отображением готового маршрута на карте

07. Добавили социальный слой вокруг авторов и их контента

TripPack — это не только маршруты, но и люди, которые их создают.
Поэтому в мобильном приложении важное место занимает профиль пользователя: описание, контакты, подписки, подписчики, фото и видео. 

Через профиль пользователь может лучше понять автора маршрута, познакомиться с его контентом и перейти к дальнейшему взаимодействию.

Так сервис работает не только как инструмент навигации, но и как среда вокруг авторских путешествий.

Профиль пользователя TripPack с описанием, контактами, подписками, фотографиями и опубликованными турамиПрофиль пользователя TripPack с отзывами о пройденных турах, оценками и фотографиями из путешествий

08. Сохранили быстрый доступ к основным разделам приложения

Навигацию выстроили так, чтобы ключевые разделы были доступны без лишних переходов: лента туров, поиск, создание, уведомления и профиль.

Для мобильного продукта это особенно важно: пользователь должен быстро переключаться между сценариями, не теряя контекст и не сталкиваясь с перегруженным меню.

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

Состояния нижней навигации TripPack для быстрого переключения между ключевыми разделами приложенияМодальные окна и bottom sheets в TripPack для подтверждения действий, оценки тура и дополнительных операций без перехода на отдельные экраны

// Результат

BULLTECH разработал мобильное приложение TripPack для iOS и Android, которое объединяет поиск авторских туров, прохождение маршрутов, создание собственных путешествий и взаимодействие с пользовательским контентом.

Интерфейс приложения выстроен вокруг реального сценария использования в пути: пользователь может быстро открыть тур, изучить его параметры, перейти к карте маршрута и пройти путешествие по этапам. Одновременно мобильный продукт поддерживает и авторский сценарий — создание собственного маршрута прямо с телефона.

В результате TripPack получил мобильное приложение, которое помогает работать с travel-контентом не только на этапе выбора, но и в момент самого путешествия, связывая карту, маршрут, автора и пользовательский опыт внутри единого цифрового продукта.

Что было реализовано:

  • разработка мобильного приложения;
  • UX/UI дизайн мобильного приложения;
  • проектирование пользовательских сценариев;
  • карточка тура;
  • карта маршрута;
  • сценарий прохождения путешествия;
  • работа с этапами маршрута;
  • создание тура с мобильного устройства;
  • поиск и выбор точки на карте;
  • профиль пользователя;
  • подписки и подписчики;
  • работа с пользовательским контентом;
  • мобильная навигация по основным разделам.

TripPack получил мобильное приложение для iOS и Android, которое объединило в одном продукте 4 ключевых пользовательских сценария: поиск авторских туров, прохождение маршрутов, создание собственных путешествий и работу с пользовательским контентом. 

Карта стала основой как для прохождения, так и для создания маршрутов, а единая навигация из 5 основных разделовобеспечила быстрый доступ ко всем ключевым функциям сервиса. 

В результате мобильная версия поддерживает полный цикл работы с путешествием — от выбора тура до прохождения маршрута или создания собственного

TripPack получил полноценное мобильное приложение для iOS и AndroidКарта объединила выбор, прохождение и создание маршрутовЧетыре ключевых сценария собраны в одном мобильном продуктеПользователь может пройти весь путь — от выбора тура до создания собственного маршрута

Давайте обсудим ваш проект