Coral Travel

Сайт туроператора для поиска, сравнения и онлайн-бронирования туров: помогает выбрать направление, отель, перелёт и оформить поездку в понятном digital-сценарии.

Ссылка на сайт
Coral Travel — главный экран
Роль
UX/UI дизайнер
Сфера
Travel / Туроператор / Online booking
Команда
Продакт-менеджер, аналитик, разработчики, контент-команда

О проекте

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

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

Бизнес-проблема

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

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

Задача от бизнеса

Упростить ключевой сценарий онлайн-подбора и бронирования тура на сайте Coral Travel.

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

Coral Travel — сценарий подбора и бронирования, часть 1 Coral Travel — сценарий подбора и бронирования, часть 2 Coral Travel — сценарий подбора и бронирования, часть 3 Coral Travel — сценарий подбора и бронирования, часть 4
Главный экран и поиск тура Coral Travel
СЕКЦИЯ: План действий ========================================================= -->

План действий

Чтобы спроектировать понятный digital-сценарий для туроператора, я разложил задачу на несколько этапов: анализ текущего пользовательского пути, исследование поведения туристов, конкурентный анализ travel-сервисов, работу с фильтрами, карточкой тура, сравнением отелей и процессом бронирования.

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

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

Исследование целевой аудитории

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

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

Вопросы для интервью

Текущий опыт

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

Работа с интерфейсом

Что помогает быстрее понять, подходит ли вам тур?
Какие фильтры действительно нужны, а какие только усложняют выбор?
Насколько важно видеть сравнение отелей, условий перелёта, питания и итоговой цены в одном месте?
Что должно быть на карточке тура, чтобы вы почувствовали уверенность перед бронированием?

Боли

Что вызывает наибольшее напряжение при выборе тура: большое количество вариантов, непонятные условия, скрытые доплаты, сложные фильтры, плохие фото или страх ошибиться с отелем?
Бывали ли ситуации, когда вы не понимали, почему цена тура изменилась?
Что раздражает сильнее: перегруженная выдача, слишком много рекламных блоков, непонятная карточка отеля или длинный процесс оформления?
На каком этапе вы чаще всего откладываете покупку: поиск, сравнение, карточка отеля, ввод данных или оплата?

Ожидания

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

Список Job stories

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

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

Выводы из анализа

Пользователь выбирает не тур, а снижение риска

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

Выдача должна помогать выбирать, а не просто показывать варианты

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

Сравнение отелей — ключевой инструмент принятия решения

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

Карточка тура должна отвечать на тревожные вопросы

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

Онлайн-бронирование требует доверия

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

Акции и спецпредложения не должны ломать основной сценарий

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

Анализ конкурентов

Для Coral Travel я изучал сайты туроператоров, travel-агрегаторов и сервисов бронирования, чтобы понять, как разные продукты решают задачу подбора тура, фильтрации, сравнения отелей, карточки предложения и онлайн-бронирования.

Мне было важно увидеть, как пользователь переходит от общего желания «хочу отдохнуть» к конкретному туру с датами, отелем, перелётом и оплатой. Анализ показал, что travel-продукт выигрывает не за счёт количества предложений, а за счёт понятного сценария выбора и прозрачной подачи условий.

Конкуренты

Level.Travel
Travelata
Onlinetours
Яндекс Путешествия
Tutu
FUN&SUN
Sunmar
Ostrovok
Booking
Level.Travel
Travelata
Onlinetours
Яндекс Путешествия
Tutu
FUN&SUN
Sunmar
Ostrovok
Booking
Экраны конкурентов Coral Travel
Анализ аудитории / конкурентов / продукта Coral.ru
Тема проекта
Coral.ru — сайт туроператора для поиска, сравнения и онлайн-бронирования туров, отелей и дополнительных услуг
Задача
Упростить подбор тура и увеличить конверсию в онлайн-бронирование за счёт понятной выдачи, фильтров, карточки тура и доверия к оплате
Анализ аудитории
Как решают сейчас
Что удобно
Что неудобно
Ищут пакетные туры на Coral.ru, Level.Travel, Travelata, Onlinetours
быстрый подбор по стране, датам и бюджету
много параметров, сложно понять лучший вариант
Сравнивают отели через Яндекс Путешествия, Ostrovok, Booking и отзывы
фото, рейтинги, отзывы, карта, описание отеля
цены, питание, перелёт и трансфер приходится держать в голове
Обращаются к турагентам или менеджерам после самостоятельного поиска
есть человеческая поддержка, можно уточнить детали
онлайн-сценарий прерывается, нет прозрачности статуса и цены
Смотрят горящие туры, акции, рассылки и подборки в соцсетях
ощущение выгоды, быстрый старт выбора
риск импульсного выбора без понимания условий и состава тура
Анализ конкурентов
Конкуренты
Что удобно
Что неудобно
Level.Travel
удобный поиск туров, фильтры, онлайн-оплата
много вариантов, сложно быстро сравнивать детали тура
Travelata
понятная воронка подбора, акции, консультация
интерфейс местами перегружен промо и продажными триггерами
Onlinetours
быстрый подбор пакетных туров, горящие предложения
много однотипных карточек, слабее ощущение бренда туроператора
Яндекс Путешествия
сильный поиск, доверие экосистемы, карта, отзывы
пакетный тур не всегда ощущается как основной сценарий
Tutu
понятная логистика, доверие к билетам и поездкам
туровый сценарий конкурирует с билетными сервисами
FUN&SUN
яркая travel-подача, акции, туроператорский контент
визуальная перегруженность, сложная иерархия предложений
Sunmar
близкий по логике туроператор, подбор туров, спецпредложения
классический турсайт, мало дифференциации в сценарии
Ostrovok
сильная карточка отеля, фильтры, отзывы, карта
нет полноценного пакетного тура с перелётом и трансфером
Booking
привычное сравнение отелей, отзывы, фото, карта
не закрывает туроператорский сценарий с документами и поддержкой
Анализ продукта Coral.ru
Что даёт Coral.ru
Преимущества
Риски, если плохо подать
Единый поиск туров
быстрый вход в подбор по направлению, датам и составу туристов
если форма сложная, пользователь уйдёт к агрегатору
Выдача туров и фильтры
можно сузить выбор по цене, отелю, питанию, рейтингу и перелёту
если фильтры перегрузить, выбор станет ещё сложнее
Карточка отеля и тура
собирает фото, описание, рейтинг, питание, перелёт и итоговую цену
если детали спрятать, появится недоверие к покупке
Горящие туры и акции
дают повод начать выбор и ощущение выгоды
если переборщить с промо, основной сценарий поиска развалится
Онлайн-бронирование и оплата
можно завершить покупку без офиса и звонка менеджеру
если шаги непонятны, возрастёт страх ошибки в документах и оплате
Проверка бронирования и личный кабинет
контроль статуса заказа, документов и дальнейших действий
если статусы не объяснить, пользователь будет обращаться в поддержку
Поддержка и консультация
снижает тревогу в дорогом и ответственном сценарии покупки тура
если помощь спрятана, пользователь не рискнёт оплатить онлайн

Первые вайрфреймы и структура продукта

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

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

Первые вайрфреймы и структура продукта Coral Travel
СЕКЦИЯ: Гипотезы решений — вступление ========================================================= -->

Гипотезы решений

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

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

Гипотеза 1. Быстрый вход в поиск тура

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

Гипотеза 2. Выдача как инструмент выбора

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

Гипотеза 3. Фильтры должны снижать перегруз

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

Гипотеза 4. Сравнение отелей помогает принять решение

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

Гипотеза 5. Карточка тура должна отвечать на тревожные вопросы

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

Гипотеза 6. Бронирование должно быть пошаговым

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

Гипотеза 7. Личный кабинет продолжает сценарий после оплаты

После покупки пользователь должен видеть статус заказа, документы, чек, детали поездки и контакты поддержки. Это снижает тревогу после оплаты.

Все гипотезы были взяты в работу и реализованы в интерфейсе

Проработка сценариев

На этом этапе я опирался на сформированные Job Stories и построил user flow для ключевых пользовательских путей.

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

Проработка сценариев и user flow Coral Travel

Поиск и старт подбора тура

Раздел показывает, как пользователь впервые попадает на сайт Coral Travel, задаёт базовые параметры поездки и получает первые релевантные предложения. Сценарий был сделан максимально понятным, чтобы сократить порог входа: город вылета, направление, даты, количество туристов и продолжительность тура должны считываться сразу, без ощущения сложной анкеты.

Сценарий подбора тура

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

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

Выдача туров Coral Travel — верхняя часть Выдача туров Coral Travel — нижняя часть
СЕКЦИЯ: Помощь с подбором тура ========================================================= -->

Помощь с подбором тура

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

Экраны помощи с подбором тура Coral Travel

Направления и типы отдыха

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

Направления и типы отдыха Coral Travel

Сравнение и избранное

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

Сравнение и избранное Coral Travel

Карточка тура и детали отеля

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

Карточка тура и детали отеля Coral Travel

Оформление, оплата и статус бронирования

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

Оформление, оплата и статус бронирования Coral Travel
Оформление, оплата и статус бронирования Coral Travel

Промо-блоки и карточки направлений

Для Coral Travel была проработана система промо-блоков, карточек направлений, акций и сезонных предложений. Эти элементы помогают не только показать ассортимент, но и направить пользователя к подходящему сценарию: горящие туры, раннее бронирование, семейный отдых, пляжные направления, премиальные отели или предложения с выгодными условиями. Важно было сделать промо заметным, но не превратить страницу в хаотичную витрину баннеров.

Промо-блоки и карточки направлений Coral Travel

Интервью и UX-тесты

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

Карточки интервью и UX-тестов

Результаты

Точные метрики проекта остаются закрытыми, поэтому в кейсе я не привожу внутренние цифры.

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

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

Made on
Tilda