/ портфолио
[ tg ]
[ vk ]
/ блог
[ AZ ]
/ меню
[ AZ ]
UI/UX-дизайнер Анастасия Завьялова
Связаться

VoltCity

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

О проекте

Я проектировала мобильное приложение для аренды электромобилей с нуля — от анализа пользовательских сценариев до финальных экранов.

Цель проекта: сделать процесс аренды электромобиля понятным и быстрым.

Задачи проекта: анализ пользовательских сценариев и болей; формулировка Job Stories и UX-гипотез; проектирование User Flow; разработка интерфейсов.

Целевая аудитория и проблемы

Выделила три сегмента с разными контекстами использования и точками трения: городские жители без личного автомобиля, эко-осознанные пользователи, туристы и гости города. Определила ключевые боли аудитории: запутанный процесс аренды с непредсказуемой итоговой стоимостью поездки; непрозрачность по уровню заряда и запасу хода; перегруженные экраны без фокуса на главном действии; страх ошибок и штрафов у новых пользователей.
Job Stories и UX-гипотезы
На основе сегментов и болей сформулировала Job Stories и вывела из них UX-гипотезы — какие изменения в интерфейсе снимут конкретную проблему.

Бенчмаркинг

Я проанализировала три приложения для аренде автомобилей — Ситидрайв, Делимобиль и Яндекс Драйв. Все они покрывают базовый путь пользователя — от входа до завершения поездки. Ситидрайв и Яндекс Драйв дополнительно развивают долгую аренду как отдельный продукт; Делимобиль сильнее вкладывается в удержание через лояльность и социальные механики.

ЧТО ХОРОШО РАБОТАЕТ:

  • Пошаговая верификация с прогрессом и статусом снимает тревогу новичка — пользователь понимает, что происходит с его данными
  • Рейтинговые системы с видимыми критериями и прогрессом к следующему уровню вовлекают сильнее, чем просто числовая оценка
  • Долгая аренда как отдельный каталог со своей карточкой модели не конкурирует с краткосрочным сценарием за внимание

ЧТО РАБОТАЕТ ПЛОХО

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

Пользовательские сценарии (User Flow)

Были спроектированы ключевые пользовательские сценарии:

  • Онбординг и проверка документов
  • Поиск и выбор автомобиля
  • Бронирование и поездка
  • Долгая аренда
  • Профиль пользователя

🡥 ОТКРЫТЬ MIRO

Онбординг и проверка документов

Для данного сценария я выстроила флоу по структуре «Проблема > Решение > Доверие > Действие»: пользователь сначала понимает ценность сервиса, и только потом видит форму.
Верификацию разбила на атомарные шаги — каждый экран отвечает на три вопроса: что делать, как и зачем. Финальные статус-экраны закрывают флоу с правильным эмоциональным тоном и снимают тревогу ожидания.

Поиск и выбор автомобиля

Предусмотрела несколько режимов под разные контексты: карта с фильтрами, поиск по адресу назначения и поиск по госномеру (для случаев, когда машина уже видна на улице). Карточка автомобиля построена на принципе прогрессивного раскрытия: ключевые параметры — сразу, детали — по запросу.

Бронирование и поездка

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

Долгая аренда

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

Профиль пользователя

Сгруппировала настройки, документы и оплату по логическим блокам — без навигационного хаоса. Рейтинг показывает прогресс и критерии роста, а не просто цифру. Бонусная программа объединяет баланс, историю операций и реферальную механику без структурного конфликта между блоками. Клуб VoltCity оформлен как закрытая привилегия с явным CTA для тех, кто ещё не вступил.

UI-кит

Разработала UI-кит с нуля: цветовую систему, типографику и библиотеку переиспользуемых компонентов для всех сценариев проекта.

Итоги проекта

  • Выделила 3 пользовательских сегмента, сформулировала Job Stories и UX-гипотезы
  • Провела бенчмаркинг Яндекс Драйва, Делимобиля и Ситидрайва
  • Спроектировала User Flow и разработала UI-кит: цветовая система, типографика, компоненты
  • Проработала 5 продуктовых сценариев с полным покрытием экранов и UX-копирайтингом
  • Закрыла ключевые боли аудитории: непрозрачность стоимости, тревога о заряде и перегруженные экраны
🡥 ОБСУДИТЬ ПРОЕКТ
© MMXXVI. Все права защищены.