Задача
Необходимо было обновить уже существующий личный кабинет трансферной платформы, сделав его более современным, удобным и масштабируемым. В основу дизайна нового решения должны были лечь обновленный брендбук и цветовое кодирование компании.
Отдельным важным требованием стала поддержка составных маршрутов. При этом ключевой сценарий использования — работа в B2B-сегменте, поэтому приоритет был отдан десктопной версии: конечный клиент обычно не оформляет трансфер самостоятельно, заказ создают и сопровождают партнеры и посредники.
Клиент
BuyTheWay — международная IT-платформа для бронирования трансферов и командировок, работающая только с юридическими лицами. Компания специализируется на трансферах, корпоративных поездках, MICE-мероприятиях и индивидуальных маршрутах по России и за рубежом.
Сервис помогает организовать трансферы из аэропорта и обратно, междугородние поездки, транспорт для деловых мероприятий, а также аренду автомобилей с водителем. В отдельных случаях доступны более сложные транспортные решения, включая минивэны, автобусы и другие виды транспорта.
Контекст
У компании уже был личный кабинет, однако он требовал обновления: интерфейс устарел, сценарии оформления были недостаточно удобными, а функциональность не покрывала все задачи пользователей.
При этом он же для BuyTheWay это сильное конкурентное преимущество — детализированный и информационно насыщенный, он позволяет партнерам быстро работать с заказами и видеть итоговую стоимость трансфера заранее, иметь всю информацию по трансферу в быстром доступе. Для клиентов так же особенно важны надежность сервиса, проверенные водители и уверенность в том, что поездка пройдет без сбоев (своевременные уведомления об изменении статуса поездки, быстрая реакция на внештатные ситуации).
Решение
Перед редизайном было проведено исследование и опрошены респонденты из компаний, которые уже работают с BuyTheWay. В ходе исследования выяснилось, что для пользователей особенно важны скорость реакции на заказы, оперативная обработка изменений и внештатных ситуаций, а также удобство интерфейса и прозрачность стоимости.
На основе этих данных личный кабинет был полностью переработан. Мы:
- внедрили поддержку составных маршрутов;
- упростили создание и редактирование заказов;
- сделали интерфейс более современным и понятным;
- разработали дизайн-систему для дальнейшего масштабирования продукта.
Простой маршрут
Это базовый функционал. Маршруты могут быть нескольких типов – в одну сторону, туда и обратно, аренда автомобиля с водителем. Для каждого типа были проработаны необходимые состояния. Большой блок модификаций для выбора адресов (например, это могут быть адреса вне черты города, аэропорт, жд/автовокзал и тп)
Составные маршруты
Сложный функционал, который предполагает создание заказа из нескольких маршрутов, возможно разных типов (туда-обратно, аренда с водителем), последовательные или нет, с разными пассажирами, и тп. Все шаги создания заказа сделали максимально интуитивно понятными и последовательными.
Блок заказов
Сделали и доработали блок заказов на основе фидбека пользователей уже нашей, обновленной версии. Нужно было сделать всю страницу более компактной, а так же сделать более понятным сценарий редактирования/отмены заказов.
Детальная заказа
Так как заказы часто сложносоставные, было решено изменить отображение детальной версии на модальное окно, чтобы переключение на него стало более очевидным. Отменить каждый трансфер в заказе или весь заказ можно как из общего списка заказов, так и из детальной страницы заказа.
Дизайн-система, макет, превью
Проект сложный и масштабный, поэтому важно было придерживаться определенных правил. Тогда уже появились сложные компоненты для фигмы, поэтому все элементы которые переиспользуются были оформлены в дизайн-систему, с пояснениями как использовать их в дальнейшем.
Еще на этапе дизайна был сделан кликабельный прототип для каждого сценария.
Все макеты внутри файла для удобства разбиты на разделы/сценарии, с пояснениями в тех местах, где у команды которая будет работать с макетом (или у нас, если к нему не возвращались давно) могут возникнуть вопросы как работает тот или иной функционал.
Итог
Получился современный и удобный продукт, который лучше отвечает задачам B2B-пользователей и помогает быстрее работать с заказами. После запуска мы продолжаем поддерживать проект и учитываем обратную связь пользователей: например, как было сказано выше, часть интерфейса заказов была доработана уже после внедрения новой версии.