Андрей Носиков Резюме
Все проекты

PARQ

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

Роль
UX/UI-дизайнер, весь цикл
Контекст
Дипломный проект, «Прикладная информатика»
Платформа
iOS: водители (B2C) и владельцы (B2B)
Методы
JTBD, User Flow, вайрфреймы, UI-kit
Карта с выбранной парковкой и прогнозом загрузки
Парковка и прогноз загрузки
Карточка парковки поверх карты
Выбор автомобиля
Экран подтверждения оплаты
Проверка данных и оплата

Проблема

Водителю неочевидно, где на самом деле есть свободные места. Он опирается на свой опыт, а не на данные, и теряет время на поиски.

Кроме того, оплата и продление парковки в существующих сервисах неудобны.

Задачи

Для водителей

Сценарий поиска, оплаты и продления парковки — понятный от первого экрана до продления.

Для владельцев

Сценарий управления парковкой для частных владельцев и муниципалитетов: загрузка, тарифы, прибыль.

Этапы работы

  1. Исследование

    Аудитория: водители, владельцы парковок и муниципалитеты. Общие паттерны конкурентов для MVP, референсы карт, оплаты и дашбордов. JTBD: Core Job, Growth, Desired Outcome.

  2. Структура

    User Flow для двух ролей, две отдельные схемы. Детальные вайрфреймы, чтобы на этапе UI не переделывать экраны.

  3. Интерфейс

    Сдержанный цвет и чёткие акценты. UI‑kit с компонентами и состояниями. Проект защищён как дипломный.

Jobs To Be Done

Сформулировал Core Functional Job и Growth — что входит в MVP, а что в расширение функционала. Расписал этапы продукта как Job Story и для каждого нашёл Desired Outcome.

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

Схема Core Functional Job и Growth
CFJ и Growth: MVP и расширение функционала

Desired Outcome по этапам

01Поиск парковки

Desired Outcome 1.1: когда я планирую выехать в центр города, хочу понять, куда ехать, чтобы припарковаться
Desired Outcome 1.1

02Оплата

Desired Outcome 2.1: когда я выбрал парковку, хочу быть уверенным, что оплачиваю свою машину на нужной парковке
Desired Outcome 2.1

03Продление

Desired Outcome 3.1: когда я оплатил парковку, хочу, чтобы меня уведомили об окончании времени и предложили продлить
Desired Outcome 3.1

Ещё 4 Desired Outcome. Для каждого этапа расписал по 2–3 исхода и решения под них — здесь по одному на этап.

User Flow

Две роли — два маршрута. Водитель ищет, платит и продлевает; владелец добавляет парковку, задаёт тарифы и смотрит аналитику.

User Flow водителя
Для водителей
User Flow владельца парковки
Для владельцев и муниципалитетов

Вайрфреймы

Черновики делаю детально, чтобы на этапе UI не приходилось сильно перестраивать фреймы.

Открыть вайрфреймы в Figma

Вайрфрейм: карта и загрузка
Вайрфрейм: проверка данных
Вайрфрейм: выбор времени
Вайрфрейм: оплата успешна
Вайрфрейм: вход по номеру
Вайрфрейм: кабинет владельца

Интерфейс

Цвета немного: синий — только для действия и выбранной зоны. Так экран с картой не перегружает, а кнопка оплаты всегда заметна.

Открыть макеты в Figma

Приложение водителя

Вход по номеру телефона
Вход
Карта с парковкой и прогнозом загрузки
Карта
Проверка данных перед оплатой
Оплата
Выбор времени окончания
Время окончания
Оплата успешна
Готово
Активная парковка с кнопкой продления
Продление
Экран ошибки оплаты
Ошибка
Аккаунт водителя
Аккаунт
Номера автомобилей
Номера ТС

Кабинет владельца

Список парковок владельца
Мои парковки
Парковка на карте
На карте
Загрузка и прибыль парковки
Загрузка и прибыль
Добавление парковки
Новая парковка
Уведомления владельца
Уведомления

UI-kit

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

UI-kit PARQ