О проекте
Стартап в сфере ride-sharing — сервис для совместных поездок между городами и внутри города. Водитель создаёт маршрут и берёт попутчиков, попутчик находит подходящую поездку и присоединяется. Один продукт, две роли, два разных сценария использования.
Команда: iOS и Android разработчики, аналитик, дизайнер и руководитель проекта. Я отвечал за весь продуктовый дизайн — от UI Kit до финальных экранов.
Задача
Спроектировать приложение с нуля для двух типов пользователей с разными целями и сценариями. Водитель планирует маршрут заранее, управляет заявками и общается с попутчиками. Попутчик ищет поездку, отправляет заявку и ждёт подтверждения.
Главная сложность — сделать единый интерфейс понятным для обеих ролей, не перегрузить экраны и выстроить логичные переходы между состояниями: от создания поездки до завершения и отзыва.
Дизайн-система
До начала проектирования экранов собрал UI Kit: сетка, типографика на базе Montserrat, цветовая палитра, иконки, состояния кнопок и компонентов. Это позволило работать быстро и держать консистентность на всех экранах — включая светлую и тёмную темы.
Часть дизайн-системы
Часть дизайн-системы
Сценарий водителя
Водитель регистрируется, добавляет автомобиль через пошаговый флоу — марка, модель, кузов, цвет, год, госномер. Затем создаёт поездку: указывает маршрут, промежуточные точки, дату и количество мест. После публикации получает заявки от попутчиков, принимает или отклоняет их, видит маршрут на карте и общается через чат.
Сценарий попутчика
Попутчик ищет поездку по маршруту, видит доступные варианты с водителями и ценами, отправляет заявку и ждёт подтверждения. После принятия видит детали поездки и маршрут на карте, может написать водителю в чат. По завершении оставляет отзыв с оценкой и категориями.
Состояния интерфейса
Отдельно проработал нестандартные состояния: потеря соединения с интернетом — синий и красный баннеры в зависимости от критичности, ошибки сервера, отмена поездки, уведомления. Каждый сценарий должен был работать понятно даже в нештатной ситуации.
Светлая и тёмная темы
Все экраны проработаны в двух темах. Тёмная тема важна для приложения которым пользуются за рулём или в ночное время — снижает нагрузку на глаза и улучшает читаемость на ярком солнце.
результат
Продукт не был запущен — работа остановилась на стороне стартапа. Тем не менее проект стал самым масштабным в моей практике на тот момент: две роли, полный цикл сценариев, дизайн-система и две темы.
Цифры
30+ спроектированных экранов и состояний
2 роли — водитель и попутчик
2 темы — светлая и тёмная
iOS и Android
UI Kit — сетка, типографика, цвета, иконки, компоненты
Полный цикл — от регистрации до отзыва после поездки
