Good Auto
Haraba
Web · MobileUX/UI DesignAutomotiveИркутск · Байкал
Good Auto

Веб-сервис аренды и покупки автомобилей для путешествий по Иркутской области и вокруг Байкала.

Смотреть кейс
Роль
UX Research · Прототипирование · UI Design · Design System
Платформы / Отрасль
Automotive · Travel · E-commerce
Срок
8 недель · 2022
Аудитория / Команда
Туристы из РФ, Китай, деловые поездки, жители Иркутска
О проекте

Good Auto — сервис проката легковых автомобилей в Иркутске. Основная аудитория: туристы, которые хотят объехать Байкал самостоятельно, а также местные жители, которым нужен авто на день или неделю.

Платформа охватывает полный путь: подбор авто по типу трансмиссии и классу, выбор пакета услуг (встреча из аэропорта, поездки по Байкалу, деловые трансферы), детальная карточка с кредитным калькулятором, онлайн-бронирование и связь с менеджером.

Сайт поддерживает светлую и тёмную тему, мультиязычный интерфейс (RU / EN / CN) — ориентация в том числе на китайских туристов, активно посещающих Байкал.

Предыстория проекта

Летом 2023 года иркутский предприниматель потерял клиента, который не смог разобраться в таблице Excel с наличием машин. Запрос был простым: «Сделайте так, чтобы турист из Москвы забронировал авто до Байкала прямо в самолёте, за пять минут». Перед стартом мы провели три дня интервью с водителями и туристами на набережной Ангары — это полностью изменило первоначальный концепт.

Екраны и компоненты

Ключевые сценарии

01

День и ночь — один сервис

Переключатель темы в хедере меняет режим мгновенно. Оба варианта прошли проверку контрастности WCAG AA и адаптированы для мобильных устройств.

02

Умные фильтры без перезагрузки

Тип кузова, трансмиссия, класс авто и период аренды — всё в одном экране. Любимые авто — в избранное одним кликом.

Good Auto — каталог автомобилей, фильтры и поиск Good Auto — каталог автомобилей, фильтры и поиск
Good Auto — карточка автомобиля, 4 состояния компонента Good Auto — карточка автомобиля, 4 состояния компонента
Good Auto — главная страница, тёмная тема Good Auto — главная страница, тёмная тема
03

Один компонент — два сценария

Свёрнутая · раскрытая · модал «Купить» с кредитным калькулятором · модал «В аренду» с доп. услугами.

04

Детали, которые закрывают вопросы

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

Дизайн-система

Два режима — один сервис

Тема переключается в хедере одним кликом и запоминается в localStorage. Ночная версия — не инверсия светлой: отдельная цветовая система с акцентом на читаемость при низком освещении. Оба варианта прошли проверку контрастности WCAG AA.

Дизайн-система

Два режима — один сервис

Тема переключается в хедере одним кликом и запоминается в localStorage. Ночная версия — не инверсия светлой: отдельная цветовая система с акцентом на читаемость при низком освещении. Оба варианта прошли проверку контрастности WCAG AA.

UX Анализ

Что мешало · Что изменили

Боли пользователей (интервью, 12 человек)

  • Наличие машин только по телефону, режим работы 9:00–18:00
  • Непонятно, пройдёт ли авто по грунтовке на Ольхон или к Слюдянке
  • Нет онлайн-оплаты: нужно ехать в офис с наличными
  • Стоимость пакетов услуг скрыта до звонка менеджеру
  • Сайт не открывается на мобильном без горизонтального скролла
  • Нет маршрутов: туристы теряются за пределами раскрученных мест

Решения (воплощены в дизайне)

  • Каталог с живым наличием и онлайн-бронью 24/7
  • Фильтр по классу + карточка с клиренсом и типом привода
  • Онлайн-оплата и резервирование прямо в интерфейсе
  • Калькулятор пакетов показывает итог до оформления
  • Mobile-first дизайн, адаптив для всех разрешений
  • Раздел «Туризм» с 20+ авторскими маршрутами вокруг Байкала
User Flow

Путь пользователя

5 сценариев — от первого касания до возврата автомобиля и повторного бронирования. Основа — паттерны реального поведения из 12 интервью и анализа 847 сессий в Яндекс.Метрике.

User Flow
Customer Journey Map

Путь клиента

Карта составлена по итогам 12 интервью с туристами и 5 — с сотрудниками прокатных компаний Иркутска. Каждый этап содержит реальную боль пользователя и конкретное дизайн-решение.

01
Осознание потребности

«Хочу объехать Байкал сам — где взять машину?»

Действие
Поиск в Google, 2ГИС, спрашивает в Telegram-каналах путешественников
Боль
Сайты конкурентов устарели; нет онлайн-каталога, только номер телефона
Решение
SEO-оптимизированный каталог с актуальным наличием и быстрой загрузкой
02
Выбор автомобиля

Сравниваю варианты под маршрут

Действие
Просматривает фото и характеристики, уточняет проходимость по телефону
Боль
Клиренс и тип привода не указаны; непонятно, пройдёт ли авто по грунтовке
Решение
Фильтр «Проходимость» + карточка с клиренсом, типом привода и фото реальных дорог
03
Бронирование

Хочу забронировать сейчас, не завтра

Действие
Выбирает даты, дополнительные услуги, вводит данные
Боль
Финальная стоимость неизвестна до звонка; непонятно, что входит в пакет
Решение
Интерактивный калькулятор с чекбоксами — итог виден до подтверждения брони
04
Поездка

За рулём по Байкалу

Действие
Использует арендованный авто, ищет интересные места и съезды с трассы
Боль
Google Maps не знает байкальских грунтовок, смотровых и неочевидных точек
Решение
Раздел «Туризм» с 20+ авторскими маршрутами и точками, недоступными в обычных картах
05
Возврат и отзыв

Сдаю машину, пишу отзыв

Действие
Осмотр авто при сдаче, оценка сервиса, рекомендует друзьям
Боль
Споры о повреждениях без зафиксированного состояния при выдаче
Решение
Цифровой акт приёма-передачи с фото + блок отзывов реальных путешественников
Листайте вбок
Результаты

Что изменилось

−70%
Время оформления брони: с ~50 до ~15 минут
4.8 ★
Средняя оценка в юзабилити-тесте на 18 участниках
×2.4
Рост онлайн-броней за первые 3 месяца после запуска

Готовы обсудить ваш проект?

Связаться со мной