Ноутбук с открытым сайтом TripPack и экранами мобильного приложения с маршрутами и картой

Разработка лендинга для travel-tech сервиса TripPack

Travel

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

// Задача

TripPack — travel-tech сервис для создания, поиска и прохождения авторских маршрутов. Пользователи могут находить готовые туры, собирать собственные маршруты, публиковать их и приглашать других участников в путешествие. Сервис рассчитан на путешественников, авторов контента, городских исследователей и культурные проекты.

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

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

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

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

// Решение

01. Сразу показали два основных сценария TripPack

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

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

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

02. Разделили коммуникацию для разных аудиторий

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

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

Адаптивный интерфейс TripPack на ноутбуке и смартфоне с экранами маршрутов и описанием сервиса для путешественников и авторов контентаЦелевые аудитории TripPack: путешественники, тревел-блогеры и авторы контента, городские исследователи и культурные проекты

03. Собрали ключевые возможности TripPack в одном блоке

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

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

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

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

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

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

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

Так структура лендинга постепенно переводит посетителя от общего понимания продукта к конкретным действиям внутри сервиса.

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

05. Сделали интерфейс частью презентации продукта

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

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

Так UX/UI дизайн лендинга работает одновременно на презентацию бренда и на объяснение логики веб-сервиса.

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

06. Показали использование TripPack на разных устройствах

TripPack доступен в мобильных приложениях для iOS и Android, а также в веб-версии для компьютера. Эту особенность продукта вынесли в самостоятельный блок лендинга.

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

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

07. Закрыли практические вопросы перед началом использования

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


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

Раздел частых вопросов TripPack с ответами об использовании приложения, публикации, редактировании и прохождении туровRU: Мобильный раздел FAQ TripPack с ответами на частые вопросы пользователей о турах и работе сервиса

// Результат

BULLTECH разработал лендинг для travel-tech сервиса TripPack, который последовательно объясняет механику функционально насыщенного цифрового продукта и знакомит пользователя с основными сценариями его использования.

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

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

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

  • Разработка лендинга
  • Проектирование структуры страницы
  • UX/UI дизайн
  • Проектирование пользовательских сценариев
  • Презентация возможностей travel-tech сервиса
  • Разделение сценариев путешественника и автора маршрута
  • Визуальная презентация цифрового продукта
  • Блок целевых аудиторий
  • FAQ
  • Веб-разработка
Лендинг TripPack стал самостоятельной точкой знакомства с сервисомСложная механика сервиса получила понятную и последовательную структуруСценарии путешественника и автора маршрута были чётко разделеныВозможности TripPack собраны в цельную визуальную презентацию продукта

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