Создать онлайн-сервис, включающий в себя широкий спектр туристических услуг туристов и агентств: бронирование туров, отелей, авиабилетов, оформление виз, трансфера, страховки и др.
Задача
90+
страниц интерфейса десктопной версии сайта
90+
22
Сервис для онлайн-бронирования дает возможность самостоятельно планировать свой отдых: от бронирования тура до покупки авиабилета, оформления визы, страховки и заказа трансфера. Также включает обширный функционал личного кабинета для агентств-партнёров.
О проекте
Создание удобного и современного сервиса включает в себя выстроенные процессы командной работы, которые разделяются на основные шаги
Этапы работы над проектом
04
UI-kit и подготовка к вёрстке
Подготовка макетов к верстке UI-kit и передача макетов в разработку
03
UX/UI-дизайн
Подбор референсов и дизайн-концепции Разработка дизайна интерфейсов в Figma
02
UX-прототипирование
Проектирование структуры сайта Отрисовка прототипов в Figma
01
Аудит и анализ конкурентов
Аудит текущего сайта Анализ конкурентов и ЦА Подготовка и обсуждение предложений
6
специалистов в проектной команде: UX-аналитик, 2 UX/UI-дизайнера, Разработчик, Руководитель проекта, Арт-директор
6
Аудит и анализ конкурентов
Анализ конкурентов
Для объединения в проекте лучшего туристического опыта мы погрузились в исследования существующей ситуации на рынке и анализ конкурентов.
Аудит сайта
На старте проекта сервис уже работал, что позволило быстро понять набор функционала и содержание страниц. Для изучения текущих решений и нахождения ключевых интерфейсных проблем, был проведён UX-аудит сайта и составлен чек-лист с рекомендациями.
Первым этапом мы провели Бриф и серию интервью с клиентом, чтобы погрузиться в специфику компании и бизнес-требования. Мы получили первичное описание будущих пользователей сервиса.
Бриф клиента
В ходе работы над проектом были спроектированы прототипы клиентской части. Они помогли сформировать и расставить акценты, понять набор целевых действий на страницах и учесть различные пользовательские сценарии.
UX-прототипирование
итерации проектирования структуры сайта и прототипов
4
4
4
4
итерации проектирования структуры сайта и прототипов
На этапе дизайна был спроектирован фирменный цвет сервиса. Для визуализации атмосферы и эмоций курортов выбран оранжевый цвет и оттенки синего. Они достаточно контрастны к белому фону, что позволяет использовать их в паре и не утяжелять общее восприятие интерфейса.
UX/UI-дизайн
Цвет
Шрифтовая пара
#E1622F
#3A7996
#455D77
#18222A
#DFDFDF
#70CBA0
Разработана удобная система навигации по сайту, с понятной архитектурой и разделением на функционал для туристов и агентств.
Навигация
В ходе исследования было выявлено, что путешественник едет не в конкретный отель, а в первую очередь в понравившуюся страну и город. Для этого мы поместили в каталоге соответствующие фильтры и детальное описание стран и регионов с перечнем особенностей и достопримечательностей.
Выбор туров и отелей
довольных клиентов и успешно подобранных туров
1500+
1500+
Онлайн-сервис позволяет быстро найти не только необходимые туры, но и подобрать интересующие авиабилеты, а также оформить их в несколько кликов.
Подбор авиабилетов
вариантов фильтров, подключаемых опционально для авиабилетов и туров
20+
Для проекта был разработан подробный UI-kit с набором не только основных элементов, но и более сложных полноценных кросс-компонентов, например, карточка тура, футер, хедер, и др. Это позволяет упростить процесс разработки и получить единообразный дизайн на всех страницах проекта.
UI-kit и подготовка к вёрстке
Отзыв клиента
Особенно хотели бы отметить подход команды с точки зрения анализа рынка и конкурентов. Нам понравилось, что выполнялись работы чётко, качественно и в обещанные сроки. За 1,5 месяца команда UX-Lama сделали то, что мы пытались довести до ума 2 года!
Большакова Юлия, генеральный директор компании "ПИТЕРТУР"