SOROKALETOVen

Astoria Grande — упрощение пути бронирования

UX-аудит и редизайн пути бронирования круизов по методологии AS IS → TO BE. Анализ каждого шага воронки, устранение точек отвала и создание понятного опыта — от поиска до подтверждения брони

КлиентAstoria Grande
АгентствоДиджитал Утопия
ПлатформаВеб + мобильный веб
СтатусВ разработке
Astoria Grande — упрощение пути бронирования
Контекст

О проекте

Astoria Grande — круизная компания, организующая морские путешествия из Сочи по направлениям Турция, Греция, Грузия, Израиль, Италия. Основной канал продаж — мобильный сайт, через который пользователи ищут круизы, выбирают каюты и бронируют поездки.

Задача — провести UX-аудит текущего пути бронирования и максимально его упростить. Пользовательский путь от первого экрана до подтверждения брони был длинным, запутанным и терял людей на каждом шаге. Методология — AS IS → TO BE: фиксируем текущее состояние, собираем все проблемы, проектируем новый опыт.

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

AS IS: разбор текущего пути

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

Реализация

Поиск как точка входа

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

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

Целевые метрики: доля пользователей, использующих поиск (а не скролл) → цель +20%. Time-to-first-action → цель −20%.

Главный экран: AS IS → TO BE

Поиск: пошаговый выбор направления, дат и пассажиров

От строк к карточкам

Старый список круизов — плоские строки с минимумом визуальной информации. Нет иерархии цена/маршрут/дата. Выбор из равнозначных строк замедляет решение.

Карточки с большим фото, чётким маршрутом, датами и ценой. Визуальная иерархия: фото → название → цена → кнопка. Пользователь сканирует, а не читает.

Целевые метрики: CTR на карточку → цель +15%. Время на экране списка → цель −10% (меньше = увереннее выбирают).

Контекст до бронирования

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

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

Целевые метрики: scroll depth 50%+ доходят до блока «Маршрут». Конверсия со страницы круиза в начало бронирования → цель +15%.

Страница круиза и контактные данные: AS IS → TO BE

Визуальная разница вместо таблицы

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

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

Целевые метрики: upgrade rate (выбор каюты выше базовой) → цель +10%. Drop-off на экране выбора каюты → цель −15%.

Выбор каюты и страница каюты: AS IS → TO BE

Авторизация: ближе к концу, а не в середине

В старом пути авторизация стояла в середине флоу — пользователь уже вложил усилие, но ещё не дошёл до подтверждения. Принудительная регистрация — один из главных триггеров отказа (Baymard Institute: 24% бросают из-за обязательного аккаунта).

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

Целевые метрики: abandonment rate на шаге авторизации → цель −20%. Доля завершённых регистраций → цель +15%.

Эмоциональный пик, а не номер брони

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

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

Подтверждение бронирования: AS IS → TO BE

Итог

Что получилось

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

— Провести полный UX-аудит мобильного пути бронирования — Спроектировать новый пользовательский путь по методологии AS IS → TO BE — Переработать 6 ключевых экранов: главная, поиск, страница круиза, выбор каюты, авторизация, подтверждение — Добавить полноценную страницу круиза, которой раньше не было — Оптимизировать позицию авторизации в воронке для снижения отвала — Заложить метрики для A/B тестирования каждого этапа

Проект находится в разработке. Целевой показатель — рост сквозной конверсии пути бронирования на 15%.

Общий план валидации: сквозная конверсия от главного экрана до подтверждения. Базовые метрики снимаются за 4 недели до релиза, сравниваются через 4 недели после. A/B тест на 20% трафика перед полным запуском. Ключевой показатель успеха: общая конверсия пути бронирования → цель +15%.