CASE 01 / 2024–2025
UX/UI design – searching systems & analysis
PERSONA JET
частные рейсы – просто
Роль
Фриланс, одна: исследование, A/B-тест, UI-кит и все экраны
Задача
Поиск и бронирование частных рейсов
Платформы
Desktop · Mobile
Клиент
Persona Travel · мой первый коммерческий заказ
01
– О компании
Persona Jet – проект туристического холдинга Persona Travel, который с 1996 года работает в премиальном и деловом туризме.
Компания организует полёты по индивидуальным маршрутам, медицинские и групповые рейсы, авиаперевозку грузов – на воздушных судах всех типов в любую точку мира.
1996
год основания Persona Travel
4
типа перевозок: частные, медицинские, групповые, грузовые
ВС
воздушные суда всех типов
МИР
маршруты в любую точку мира
Задача
Спроектировать удобный онлайн-поиск и бронирование частных рейсов для desktop и mobile – от исследования до A/B-теста.
02
– Дизайн-процесс
Четыре этапа – от брифа
до A/B‑теста
тест сказал одно, клиент – другое ↓
01
Исследование
Получение заказа
Обсуждение деталей
Анализ конкурентов
Анализ ЦА
Выявление болей
02
Прототипирование
Создание вайрфреймов
03
UI-дизайн
Подбор палитр
Создание UI-kit
Мобильная адаптация
Создание дизайн-системы
04
Тестирование
Создание двух флоу
Поиск пользователей
A/B-тестирование
Анализ
03
– Исследование
Персоны
Персоны собраны по разговорам с реальными клиентами. Две ключевые боли: на рынке мало сервисов с удобным онлайн-поиском частных рейсов, а у существующих медленная обратная связь.
Персона 01
Карина
Аналитик
Возраст
25
Пол
Женский
Страна
Россия
Семья
Не замужем
О персоне
Заместитель руководителя отдела аналитики в сфере авиаинженерии. Регулярно летает по работе, ценит комфорт, скорость и удобство покупки билетов.
Цели
Покупка билетов на частные рейсы для командировок – для себя и руководителей.
Мотивация
Быстро и оперативно резервировать частные рейсы.
Барьеры
Мало компаний с удобной онлайн-системой поиска.
Персона 02
Илья
Ведущий разработчик MDD
Возраст
32
Пол
Мужской
Страна
Англия
Семья
Женат
О персоне
Lead Model Driven Developer. Много работает из-за потока проектов и любит отдыхать в максимально комфортных условиях, тратя на организацию минимум сил.
Цели
Оперативно улететь с семьёй на отдых, затратив минимум усилий.
Мотивация
Маленький ребёнок плохо переносит перелёт среди большого скопления людей.
Барьеры
Отсутствие сервиса и быстрой обратной связи.
04
– A/B-тестирование
Вариант B выиграл
в 8 из 9 вопросов
8/9
Четыре реальных пользователя из разных сфер сравнили два флоу поиска в опроснике из 9 вопросов. Цифры – число голосов за вариант.
A – первый виджет поиска
B – привычная строка поиска
эстетика – ничья, но решал клиент
Вопрос
Голоса A / B
Счёт
Какой вариант поиска показался удобнее?
1 : 3
В каком варианте легче ориентироваться?
1 : 3
Какой визуально понятнее и структурированнее?
1 : 3
В каком быстрее нашли нужную информацию?
1 : 3
В каком удобнее просматривать результаты?
1 : 3
Какой кажется современнее и интуитивнее?
1 : 3
Какой больше понравился эстетически?
2 : 2
Где удобнее расположены элементы поиска?
1 : 3
В каком реже приходилось возвращаться назад?
1 : 3
05
– Прототипы
Тест выбрал B, клиент – A
Вариант A · первый виджет
Первый вариант поиска – виджет на первом экране. UI нравился всем, но по UX он проиграл тесту. В итоге клиент выбрал именно его.
Вариант B · привычный поиск
Привычная строка поиска по мотивам конкурентов. Удобнее по всем вопросам теста, кроме эстетики.
06
– Страницы поиска
Выдача и карточка рейса
Выдача
Поиск в одну строку: откуда, куда, когда, сколько пассажиров. В выдаче – фото салона, класс, время и цена; плашки подсказывают альтернативы: «другое время», «другой аэропорт».
Desktop
Mobile
Туда-обратно
Карточка рейса: время полёта, ключевые ТТХ самолёта, размеры салона и схема – всё для выбора борта на одном экране. Альтернативные борта – в карусели сверху.
Desktop
Mobile
07
– UI-кит
UI-kit для desktop и mobile
100+
компонентов
30+
экранов
Палитра, кнопки, поля, саджесты, попапы выбора даты и фильтров – единый набор для двух платформ.
08
– Выводы
Что дал проект
Это мой первый коммерческий проект, и сейчас я бы переделала почти всё: сделала бы дизайн современнее, убрала градиенты, уменьшила скругления, пересобрала поиск и выдачу. Но именно здесь я поняла, что работать в продукте интересно. И что от работы нужно уметь отрываться, чтобы передохнуть.
01
Тест – не приговор
Вариант B выиграл 8 из 9 вопросов, но клиент выбрал A. Данные – сильный аргумент в разговоре, а решение всё равно за клиентом.
02
UI ≠ UX
Вариант A нравился визуально – по эстетике ничья 2 : 2, – но проигрывал в навигации. Тест помог отделить симпатию от удобства.
03
Сервис в деталях
Подсказки «другое время / другой аэропорт», ТТХ и схема салона в карточке отвечают на боли персон: скорость и понятность.
04
UI-кит на вырост
UI-kit из 100+ компонентов покрывает desktop и mobile и упрощает дальнейшее развитие продукта.
09
– Контакты
По вопросам и сотрудничеству – kateshprints@gmail.com
Спасибо за просмотр!
↑ пишите, я на связи
