Кейс дизайна райдшеринг-сервиса

Веб-приложения Mobile SaaS маркетплейс дизайн верстка адаптивный сайт мобильная версия Figma корпоративный сайт

Hitcharide — зарубежный веб-сервис, объединяющий попутчиков: водителей и пассажиров. Он позволяет водителям заработать, а пассажирам — добраться до нужного места дешевле, чем на такси.

Задача

У заказчика был прототип сервиса — без дизайна и с ограниченным функционалом. Перед нами встала задача разработать фирменный стиль и дизайн сервиса.

Решение

Разработали фирменный стиль, логотип, а также дизайн десктопной и мобильной версий приложения.

Технологии

Figma

Adobe XD

Фирменный стиль

Поездка с незнакомым человеком может оправданно вызвать опасение как у пассажира, так и у водителя. Поэтому в качестве основных цветов мы выбрали мягкие оттенки синего и зелёного. Они вызывают чувства спокойствия, доверия, успеха, а также ассоциируются с организованностью и ответственностью.

Логотип

Разработали порядка 20 вариаций логотипа. Финальной версией стало название сервиса с двумя маркерами местоположения: начала и конца поездки — и автомобилем, который перемещается между ними.

Дизайн десктопной версии

На основе фреймворка Ant Design мы создали собственную библиотеку компонентов. Она включает в себя кнопки, поля ввода, модальные окна и все остальные элементы, используемые в сервисе. Повторное использование готовых компонентов ускорило разработку макетов в разы.

Дизайн мобильной версии

Мобильная версия сервиса — целевая. Для неё мы разработали порядка 50 дизайн-макетов. На выходе заказчик получил полноценный дизайн-проект в Figma — удобный для просмотра и редактирования и, что немаловажно, поддерживаемый.