или напишите нашему аккаунт-директору в
телеграм
Сервис покупки билетов Авиабилеты.Онлайн
UX-проектирование
UI-дизайн
Редизайн
Сервисы
О клиенте
Авиабилеты.Онлайн — российский онлайн-сервис по покупке авиабилетов по выгодным ценам. Платформа позволяет пользователям находить, сравнивать и приобретать билеты на внутренние и международные рейсы, ориентируясь на стоимость, удобство перелёта и дополнительные параметры.
Задача
Разработать современный, понятный и визуально аккуратный дизайн сайта.
Проработать удобную и функциональную форму поиска авиабилетов как ключевой элемент продукта, а также важно было:
- упростить сценарий подбора билетов;
- сократить количество ошибок при заполнении формы;
- повысить конверсию в поиск и покупку;
- обеспечить удобство использования на всех устройствах;
- заложить масштабируемую дизайн-систему для дальнейшего развития сервиса.
Главная страница
Первый и самый важный экран — форма поиска авиабилетов. Именно с неё начинается пользовательский путь, поэтому основной фокус был на простоте, скорости и понятности взаимодействия.
Детально проработали логику формы:
- реализовали подбор городов вылета и прилёта с учётом различных сценариев ввода;
- предусмотрели обработку частых ошибок и неоднозначных запросов;
- разработали удобный календарь с наглядным выбором дат;
- добавили отображение ориентировочных цен прямо в календаре, чтобы пользователь мог сразу оценить выгодные даты;
- упростили выбор количества пассажиров и класса обслуживания;
- продумали сценарии для сложных маршрутов и перелётов «туда-обратно».
Поиск билетов
Для страницы выдачи результатов разработали компактную шапку, в которой форма поиска остаётся доступной. Это позволяет быстро скорректировать параметры без возврата на предыдущую страницу.
В рамках блока выдачи мы:
- реализовали быструю сортировку по цене, времени в пути и другим параметрам;
- спроектировали наглядную карточку билета с ключевой информацией: авиакомпания, время вылета и прилёта, пересадки, длительность перелёта, итоговая стоимость;
- продумали визуальные акценты для выгодных предложений;
- разработали систему фильтров (по пересадкам, времени вылета, авиакомпаниям и др.), чтобы пользователь мог быстро сузить выбор.
Интерфейс страницы выдачи ориентирован на быстрое сравнение вариантов и принятие решения.
Календарь низких цен
Если предложенные варианты не подходят по цене или датам, пользователь может перейти в Календарь низких цен.
Разработали отдельный инструмент, который:
- наглядно показывает динамику стоимости по дням;
- помогает подобрать более выгодные даты вылета;
- упрощает поиск альтернативных решений без повторного ввода параметров.
Календарь стал дополнительным конверсионным инструментом и усилил ценность сервиса для аудитории, ориентированной на экономию.
Справочник
После покупки билета пользователь не «выпадает» из сервиса. Мы расширили сценарий взаимодействия, добавив полезный контент.
В интерфейсе можно:
- узнать больше о самолёте и авиакомпании;
- ознакомиться с информацией об аэропорте вылета или прилёта;
- изучить факты о стране или городе назначения;
- найти полезные рекомендации для путешествия.
Таким образом, сервис становится не только инструментом покупки, но и помощником в подготовке к поездке.
Мобильная версия
Покупка авиабилетов часто происходит со смартфона, поэтому мобильная версия была проработана как самостоятельный сценарий:
- адаптировали все страницы под разные размеры экранов;
- упростили навигацию и управление формой поиска;
- переработали фильтры и календарь для удобства использования одной рукой;
- сохранили функциональность десктопной версии без потери скорости работы.
В результате процесс покупки остаётся простым и понятным даже с телефона, а пользователь может завершить оформление билета за несколько минут.
