Редизайн мобильного приложения КЛЮЧАВТО

Spider Group

#Приложение под ключ

Редизайн мобильного приложения КЛЮЧАВТО

3784

Spider Group Россия, Краснодар

Клиент

КЛЮЧАВТО

Бюджет

Сфера

Авто/Мото

Регион

Россия, Москва

Мобильная платформа

IOS, Android

Сдано

Ноябрь 2022

Задача

КЛЮЧАВТО обновила фирменный стиль и предъявила новые требования к дизайну мобильного приложения. Одновременно с этим в ассортименте компании появились новые услуги. Поэтому основными задачами переработки стали редизайн с адаптацией интерфейса к смене приоритетов бизнеса и оптимизация пользовательских сценариев на основе опыта первой версии приложения.

Решение

В дизайне выбрана тёмная тема оформления с 3D-графикой и сложными фоновыми узорами. В дополнение к новому стилю мы предложили акцентный сиреневый цвет, который понравился заказчику. Появились новые страницы и пункты меню. Для оптимизации интерфейса и сокращения путей пользователя Spider Group внедрила концепцию дашбордов во всех ключевых экранах.

Главный и другие ключевые экраны приложения спроектированы по принципу дашборда — набора интерактивных информационных панелей. Набор функций на дашборде можно оперативно менять в зависимости от бизнес-задач.

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

Для лучшего информирования клиентов дизайнеры внедрили сториз с трёхмерным изображением и ёмким текстом. Для программистов такой дизайн означает сложную вёрстку с учётом разного разрешения экранов. Изображение приходит с сервера, используется и для превью, и для большого экрана. Под и над картинкой накладывается декоративный фон. Текст должен попадать в заданную область и оставаться без прокрутки на любом экране.

Раздел «Мой гараж» из таббара переехал на главный экран. Список автомобилей представлен в виде карточек, на которых выводится ключевая информация. Если автомобиль находится в сервисе, мы показываем статус работ и время их окончания, а также заявки на покупку, трейд-ин, оценку и продажу.

У каждого добавляемого авто свой вариант фона, который отображается в карточке и экране подробной информации. Здесь потребовалось учесть сумму факторов, таких как адаптация под экраны разной ширины, специфическое позиционирование фонового узора, динамическое размещение внутренних элементов на карточке.

Новый раздел услуг собрал на одном экране ве популярные сервисы с возможностью заказа. Предполагается дальнейшее расширение под актуальные бизнес-задачи.

Раздел для общения с клиентами превратился в более удобную карту филиалов с переключением на список. Фильтры в виде тегов получились более удобными. В контактах появились фотографии дилерских центров

В разделе «Сервис» клиент видит активные и завершённые заявки на обслуживание и может создать новую заявку. По каждому автомобилю можно определить стоимость владения — общие затраты на ремонт и обслуживание.

Реализована работа с заявкой на всех стадиях:

— Запись

— Выбор и подтверждение списка работ и деталей

— Отслеживание процесса

— Подтверждение дополнительных работ

— Оплата

— Просмотр завершённой заявки

Доработанные фильтры в каталоге автомобилей делают выбор гораздо удобнее. Здесь, как в других обновлениях, подход Data Driven — всё сделано по данным использования предыдущей версии ПО.

Интеграции

Сторонние сервисы серьёзно облегчают использование приложения. В данном случае Spider Group обеспечила клиентам КЛЮЧАВТО дистанционное оформление полиса e-ОСАГО из каталога, а также автоматическое заполнение полей информации об автомобиле по VIN из Автотеки.

Для маркетинга

Заявки из форм обратной связи идут в BI-систему КЛЮЧАВТО

Переработаны конверсионные цепочки для AppMetrica

Push-уведомления идут через AppMetrica, а не Firebase

Доступен прямой шеринг страницы авто через диплинк