Переосмысление платформы Fun&Sun

Fun&Sun — один из ТОП-5 туроператоров России. Пакетные туры, экскурсии, круизы, авиабилеты — компания покрывает весь цикл путешествия. Платформа обрабатывает тысячи бронирований в день, но визуально и по UX начала проигрывать рынку.

Команда Fun&Sun обратилась в агентство Утопия с задачей: привести цифровой продукт в соответствие с амбициями бренда. В зону ответственности входили UX-исследования, проектирование ключевых сценариев и создание дизайн-системы.

Первым делом — не Figma, а аналитика. Прошлись по Яндекс.Метрике и вебвизору, посмотрели записи сессий, построили карту кликов. Нужно было понять, где пользователи застревают, откуда уходят, какие экраны вызывают раздражение.

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

Отдельно разобрали конкурентов — Aviasales, Level.Travel, OnlineTours, Tui. Не для того, чтобы копировать, а чтобы увидеть, какие паттерны уже стали нормой индустрии, и найти пространство для дифференциации.

После аудита стало ясно, где болит:

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

Соблазн был велик — снести всё и нарисовать с чистого листа. Но платформа работает, приносит деньги, у пользователей сформированы привычки. Резкий редизайн — это всегда риск: конверсия может просесть, а команда разработки не справится с объёмом изменений.

Выбрали другой путь:

1. Переработать существующую дизайн-систему под новый визуальный стиль — единый фундамент для всей платформы 2. Параллельно делать точечные улучшения в текущем дизайне (quick wins), чтобы показать результат до большого обновления 3. Последовательно обновлять раздел за разделом, проверяя каждое изменение A/B тестами

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

У Fun&Sun уже была дизайн-система — но устаревшая, с накопившимися несогласованностями. На одном сайте использовалось 14 оттенков серого и 6 вариаций одной кнопки. Задача стояла не «построить с нуля», а переработать существующую базу под новый визуальный стиль и коммуникации.

Работа шла сразу в двух направлениях: проектирование новых экранов и параллельная актуализация дизайн-системы. Обновили токены (цвета, типографика, отступы, скругления), привели компоненты к единому стандарту — auto layout, варианты, состояния. Каждый новый экран проверял систему на прочность: если компонент не покрывал сценарий, дорабатывали его, а не рисовали одноразовое решение. Документация для разработчиков шла параллельно: не просто «вот макет», а «вот как это работает и почему».

Брендбук от клиента содержал базовые гайдлайны, но без проработки цифрового применения. Адаптировали визуальный язык под интерфейсы: определили правила использования цвета, задали иерархию акцентов, проработали стилистику промо-коммуникаций. Все эти решения сразу ложились в обновлённую дизайн-систему — токены и компоненты отражали новый брендинг.

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

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

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

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

Корзина — самая сложная и ценная часть проекта. Здесь конвертируется (или теряется) деньги. В старой версии путь от выбора тура до оплаты занимал 7 экранов. На каждом шаге — процент отвала.

Переработали флоу: объединили шаги, которые можно было совместить без потери ясности, убрали дублирующуюся информацию, добавили контекстные подсказки. Результат — 4 шага вместо 7.

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

Карточка отеля — это место, где пользователь принимает решение «ехать или нет». Старая версия давала много текста, но мало ощущения. Фотографии были мелкими, ключевая информация (рейтинг, расстояние до моря, тип питания) терялась.

Работу начали с этого экрана ещё до большого редизайна — как quick win. Увеличили галерею, вынесли ключевые характеристики в hero-блок, добавили социальное доказательство (отзывы, рейтинг). Для мобильного приложения спроектировали отдельную карточку Hotel Only с фокусом на фотографии и цену за ночь.

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

Вынесли критические фильтры наверх страницы (цена, рейтинг, тип питания), увеличили фотографии в карточках, добавили lazy-loading для быстрой загрузки.

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

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

Для каждого раздела был спроектирован мобильный first-screen с визуальным якорем и удобной навигацией по категориям. Параллельно обновлялось приложение Fun&Sun: переработаны карточки отелей, адаптированы фильтры, мобильный канал доведён до уровня сайта — те же возможности, тот же уровень проработки.

Отдельная задача — подарочные сертификаты. Было доработано флоу покупки, добавлена возможность применять несколько сертификатов к одному заказу (раньше нельзя было). Создан отдельный сценарий для юридических лиц — корпоративные подарки.

Также была подготовлена промо-механика «Раннее бронирование» с интеграцией в корзину и понятным объяснением выгоды для пользователя.

За время работы над проектом удалось:

— Переработать дизайн-систему: обновить токены, компоненты, документацию — Переработать 10+ ключевых разделов платформы — Сократить воронку бронирования с 7 до 4 шагов — Провести несколько волн UX-исследований и A/B тестов — Унифицировать опыт на двух платформах: веб и мобильное приложение — Переработать маркетинговые коммуникации из «спама» в «помощь»

Fun&Sun стал визуально целостным продуктом — пользователь переходит между разделами и понимает, что это одна платформа. Клиент продолжил развивать продукт на основе обновлённой системы.