ClickTravel

Поиск туров больше не живёт в чужом виджете. От направления до заявки и оплаты человек остаётся внутри ClickTravel.

Коротко

• Своя выдача, фильтры и карточки отелей поверх данных поставщика
• Страницы стран и направлений работают как собственный поисковый канал
• Заявка и онлайн-оплата проходят внутри сервиса агентства

Задача

ClickTravel — действующее туристическое агентство. До проекта своего полноценного онлайн-сервиса не было. Поиск туров сидел на сторонних решениях, а нормальный разговор с клиентом часто начинался уже после заявки менеджеру. Цифровой путь человека проходил внутри чужих продуктов.

Для бизнеса это потолок. Нельзя нормально управлять интерфейсом, сценариями, SEO и развитием сервиса. Агентство продавало туры, а продукт вокруг продажи ему не принадлежал.

Нужна была своя веб-платформа: направление, поиск, отель, тур, заявка, оплата. Под брендом ClickTravel, а не как окно в чужую витрину.

Решение

Основа — своя прослойка поверх API Турвизора. Пользователь не видит готовый интерфейс поставщика. Данные приходят по API, а структура, карточки и связи — уже ClickTravel.

Человек остаётся в сервисе агентства от первого запроса до конкретного предложения. Внешняя система работает как источник данных.

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

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

Страницы стран и направлений соединяют рассказ о поездке и переход к предложениям. Человек изучает место и идёт к покупке без разрыва между «почитать» и «купить».

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

Выдачу сделали частью продукта: фильтры, сравнение, переход от списка к отелю и условиям. Карточка отеля собирает фото, описание, размещение и доступные туры: даты, питание, длительность, номер, перелёт, стоимость. Решение принимается на одном экране.

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

Свой контур поверх API

Собрали фронтенд и бэкенд агрегатора: API Турвизора, параметры поиска, выдача, карточки, оформление.

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

Сценарий не обрывается на выборе тура. Человек заполняет данные туристов, создаёт заявку, информация уходит менеджеру, доступна онлайн-оплата. Основная воронка проходит в одном сервисе.

У команды агентства своя админка. Контент сайта и туристический API разделены. Сотрудники сами ведут направления, тексты, изображения, SEO, промо и подборки и не лезут в интеграцию.

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

Проект прошёл весь цикл внутри MakeDifference: аналитика, UX, UI, прототип, фронтенд, бэкенд, интеграции, тесты, запуск. Отвечали за цепочку целиком, чтобы она работала как один продукт.

Стек

• Next.js
• React.js
• SaaS
• Веб-приложение
• Разработка продукта

Результат

У ClickTravel запущен свой агрегатор туров. Это сервис агентства, а не брендированное окно в чужой поиск.

Человек проходит сценарий внутри ClickTravel: направление, предложения, сравнение отелей, конкретный тур, заявка или оплата.

Бизнес получил контроль над каналом продаж: как выглядит поиск, какие предложения видит человек и каким путём он доходит до покупки.

Часть работы менеджера забрал продукт. Клиент сам задаёт параметры и приходит дальше уже с понятным запросом. Менеджер подключается ближе к конкретной продаже, а не к вопросу «куда вообще поехать».

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

Как это выглядит