FUN&SUN
B2B/B2C туристическая платформа
Проектирование туристического сервиса для рынка ОАЭ: поиск и бронирование, настройка предложений, десктопные и мобильные интерфейсы.
О проекте
FUN&SUN разрабатывал туристические сервисы для частных путешественников и бизнес-партнёров на рынке ОАЭ.
Для нового продукта нужно было спроектировать пользовательские сценарии и интерфейсы, сохранив визуальную связь с брендом. Основой стали существующие цвета, типографика и компоненты FUN&SUN.
Моя роль и задачи
Я спроектировала весь B2C-сайт, включая десктопную и мобильную версии. Требования и правила туристических предложений обсуждала с заказчицей, которая активно участвовала в проекте.
Моя работа включала:
- информационную архитектуру и связи между страницами;
- сценарии поиска, фильтрации, просмотра предложений и бронирования;
- структуру и визуальный дизайн страниц;
- мобильные адаптивы;
- конкурентный анализ;
- адаптацию и расширение существующей дизайн-системы.
Также участвовала в работе над B2B-направлением совместно со старшим дизайнером. B2C и B2B использовали общую визуальную и компонентную основу, при этом интерфейсы учитывали разные задачи частного путешественника и партнёра.
Пример решения: настройка туристического пакета
Задача
В разделе Holidays были представлены пакеты Pre-Planned, Customizable и Fixed-Date. Возможность изменения параметров зависела от условий выбранного предложения. Нужно было дать пользователю возможность изучить пакет, изменить доступные параметры и продолжить оформление.
Решение
Спроектировала модальное окно с параметрами пакета: датами, направлением и длительностью поездки. Если условия предложения позволяли, пользователь мог изменить количество ночей. В этом же окне можно было добавить международный перелёт. После выбора этой опции появлялись поля маршрута, типа поездки, дат и класса обслуживания.
Онбординг и контекстные подсказки
Чтобы помочь пользователю разобраться в типах пакетов и доступных настройках, в сценарий добавили пошаговый онбординг. Он знакомил с категориями пакетов и выделял соответствующие элементы интерфейса.
В окне деталей контекстная подсказка объясняла, как изменить количество ночей. Пояснение появлялось непосредственно рядом с настройкой.
Десктопная и мобильная версии
Для всех страниц B2C-сайта подготовила мобильные адаптивы. Ниже — пример: выбор авиабилетов.
Результат
B2C-сайт реализован и доступен публично. Моя работа охватила все его страницы, пользовательские сценарии и мобильные адаптивы.
В B2B-направлении участвовала в проектировании совместно со старшим дизайнером.