Спроектировал основной сценарий приложения такси: от поиска машины
до оценки завершённой поездки. Выстроил чистую структуру экранов, чтобы
человек на каждом этапе поездки чётко понимал статус своего заказа.
Задача
Предстояло разработать веб-интерфейс для заказа такси в рамках в условиях жёсткого дедлайна: компоненты с нуля, автолейауты, логика главного экрана. Вышел за рамки задания и проработал весь сценарий — от главного экрана до завершения поездки.
Основной сценарий
Главный экран
Панель заказа слева, карта справа. Геопозиция определяется автоматически — ещё до ввода адреса видна примерная стоимость тарифов.
Ввод маршрута
До ввода — быстрые действия: указать точку на карте или выбрать сохранённый адрес. Когда начинаешь печатать, адресные подсказки выходят на первый план, быстрые действия уходят вниз.
Настройка поездки
После выбора адресов — собранный заказ: маршрут, тарифы, оплата, бонусы и стоимость. Маршрут отображается на карте — можно визуально проверить точки.
Можно выбрать несколько тарифов одновременно. Стоимость показывается диапазоном — финальная цена зависит от того, какой водитель примет заказ первым.
Поиск водителя
Строка статуса показывает, что идёт поиск. Заказ сворачивается до основных параметров. Начальная точка блокируется — поиск уже запущен, но конечную точку и остановки ещё можно изменить. Кнопка отмены доступна, но не перетягивает внимание.
Водитель найден
Фокус переключается на водителя и время приезда. Карточка с именем, рейтингом, машиной и номером. Быстрые действия — позвонить или написать. Адреса заблокированы, стоимость из диапазона становится финальной.
В пути
Статус-бар показывает оставшееся время, карта следит за машиной. Вся важная информация остаётся в панели. Внизу — кнопка «Пожаловаться»: не мешает, но доступна.
Завершение поездки
Я оставил здесь только самое нужное: информацию о водителе, стоимость поездки, рейтинг, поле комментария и кнопку отправки отзыва. Можно пропустить и сразу начать новую поездку.
Итог
Проект выполнялся в рамках тестового задания с жёстким дедлайном. Я вышел за пределы базового скоупа и проработал полный сценарий поездки — от первого экрана до завершения заказа.
Профиль сотрудника внутри системы
B2B-интерфейс для рабочей платформы. Спроектировал карточку сотрудника, структуру блоков и логику работы в системе.