Веб-сервис TripPack для поиска и создания авторских маршрутов

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

В рамках разработки веб-версии нужно было объединить в одном интерфейсе несколько разных пользовательских сценариев: поиск путешествий, изучение туров на карте, работу с собственным контентом и создание новых маршрутов.

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

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

01. Сделали карту основой пользовательского интерфейса

Основное пространство веб-приложения занимает интерактивная карта.

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

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

02. Совместили карту и карточки маршрутов в одном сценарии

Для просмотра найденных туров реализовали карточки поверх карты.

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

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

03. Разработали отдельный сценарий поиска

Поиск вынесли в самостоятельный режим работы с картой.

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

Вместо классического списка результатов поиск сохраняет географический контекст и помогает исследовать доступный контент относительно конкретных городов и территорий.

04. Спроектировали персональный профиль внутри сервиса

Личный кабинет стал не отдельной служебной страницей, а частью пользовательской экосистемы TripPack.

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

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

05. Объединили социальный и travel-контент

В TripPack важен не только маршрут, но и человек, который его создал.

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

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

06. Разделили работу с черновиками и опубликованными турами

При создании собственного контента пользователь может вернуться к незавершенному маршруту и продолжить работу с ним позже.

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

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

07. Перенесли создание маршрута непосредственно на карту

Редактор тура также построили вокруг географии.

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

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

08. Сделали поэтапное создание тура

Для работы со сложным маршрутом предусмотрена отдельная панель этапов.

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

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

09. Сохранили единый принцип навигации между разделами

Основные разделы веб-приложения вынесены в компактную боковую навигацию.

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

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

BULLTECH разработал веб-сервис TripPack с map-first интерфейсом, в котором карта стала частью ключевых пользовательских сценариев — от поиска авторских туров до создания собственного маршрута.

В одном веб-приложении удалось объединить каталог путешествий, интерактивную карту, поиск, личный кабинет, пользовательский контент и редактор маршрутов.

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

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

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

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

TripPack получил полноценную веб-версию, которая объединила в одном интерфейсе 3 ключевых сценария: поиск авторских маршрутов, работу с пользовательским контентом и создание собственных туров. Map-first архитектура стала единой основой для поиска и редактора маршрутов, а поддержка черновиков и поэтапного создания позволила реализовать полный цикл работы с авторским туром — от первой точки на карте до публикации