Дом на воде, каталог круизов и бронирование без лишней нервотрепки: кейс «Донинтурфлот»

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

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

С «Донинтурфлотом» задача была шире обычного редизайна. Нужно было обновить устаревший сайт и собрать платформу, которая помогает продавать речные круизы онлайн, поддерживает агентский канал, дает маркетингу больше самостоятельности, и при этом сохраняет характер бренда.

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

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

Исследование

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

Но «Донинтурфлот» — оператор, а не агрегатор. Здесь другой фокус. У компании есть собственный флот, свой стиль сервиса, программа лояльности, агентская сеть и сильная связь с путешествиями по России. Поэтому мы не переносили готовые решения с другого круизного проекта, а заново смотрели на продукт и сценарии.

На старте разобрали:

• сайты прямых конкурентов;

• круизные агрегаторы;

• сервисы бронирования отелей и путешествий;

• поведение пользователей в длинных покупках;

• текущие процессы клиента в CRM;

• ожидания туристов и агентов.

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

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

Концепция: «плавучий дом»

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

Так появилась идея дома на воде. В речном круизе теплоход действительно становится временным домом. Здесь встречают, заботятся, кормят, показывают города и позволяют спокойно прожить несколько дней в путешествии. Этот образ хорошо совпал с характером «Донинтурфлота» и его фокусом на маршрутах по России.

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

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

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

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

Дизайн: атмосфера через фотографии

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

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

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

Каталог: быстрый путь к круизу

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

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

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

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

Карточка круиза: информация без перегруза

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

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

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

Бронирование: самостоятельный сценарий

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

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

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

Этот сценарий несколько раз пересобирался по ходу работы. Нужно было учитывать реальные процессы клиента в Bitrix24 и не ломать те участки, где ручная проверка пока остается важной. В результате путь от выбора круиза до оплаты сократился примерно на 25%. Пользователь получил больше контроля, а команда продаж — меньше лишней ручной нагрузки.

Личные кабинеты: туристы и агенты

У «Донинтурфлота» есть прямые клиенты и агентский канал. Объединить их одним кабинетом было бы неудобно: у туриста и агента разные задачи.

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

Для агента важны скорость продажи, статусы, связь с CRM и понятная работа с заказами. Этот блок проектировался особенно внимательно. Клиент собирал обратную связь от агентов, часть функций уточнялась уже в процессе, некоторые решения приходилось быстро перестраивать. Личный кабинет агента превратился из абстрактного B2B-раздела в рабочий инструмент под реальную модель продаж.

Контент: маркетинг внутри платформы

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

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

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

Разработка и интеграции

Сайт реализован на 1С-Битрикс с фронтендом на React. Для клиента это позволило сохранить управляемую административную часть и получить более современный, быстрый пользовательский интерфейс.

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

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

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

У «Донинтурфлота» появился сайт, который соединяет атмосферу российского речного круиза и практичную e-commerce-логику.

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

Функционально туроператор приблизился к полноценной digital-платформе:

• сайт стал полноценным цифровым центром продаж;

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

• путь от выбора до оплаты сократился примерно на четверть;

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

• туристы получили улучшенный личный кабинет с заказами и избранным;

• агенты получили отдельный B2B-сценарий;

• маркетинг может управлять подборками, акциями и контентом через CMS;

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

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

Для Фьюче этот кейс особенно ценен как пример работы на стыке дизайна, туризма и сложной коммерческой логики. Когда у продукта есть собственная культура, сайт должен не стирать ее ради универсального интерфейса, а аккуратно перевести в digital. В случае «Донинтурфлота» этой культурой стал русский круиз, такой же родной и теплый как и до этого, но теперь еще и гораздо более удобный для покупки онлайн.