РОЛЬФ. Редизайн мобильного приложения «Мой РОЛЬФ»

В действующем приложении РОЛЬФа нужно было сохранить привычные возможности и пересмотреть то, как человек ими пользуется. Вместе с командой автодилера мы переработали пользовательские сценарии: от выбора автомобиля до записи на обслуживание. На этой основе создали новый визуальный стиль «Моего РОЛЬФа».

Через «Мой РОЛЬФ» клиенты автодилера могли покупать и продавать автомобили, записываться на техобслуживание и тест-драйв, оформлять аренду и страховку. Во время проекта общая аудитория приложения приближалась к 400 000 человек, а месячная активная аудитория превышала 78 000. Вместе с заказчиком мы выделили три базовых портрета пользователей. Автомобильному энтузиасту нужны подробности о моделях и их оснащении; автовладельцу важны уход за машиной, ремонт и доступ к сервисам. Автомобильного путешественника интересуют маршруты, места для поездок и возможности бронирования гостиниц и ресторанов.

Прежнюю версию начали разрабатывать в 2016 году, и к 2020-му её дизайн требовал обновления. РОЛЬФ хотел сделать приложение помощником автомобилиста в вопросах, связанных с машиной, и развивать взаимодействие с клиентом через разные каналы. При этом существующий продукт уже решал базовые задачи: его логику и наполнение нужно было сохранить. Наша работа заключалась в пересмотре пользовательского опыта и визуального стиля с учётом дальнейшего развития приложения. Предстояло разобраться, как человек доходит до нужной услуги или информации, а затем переосмыслить соответствующие экраны и элементы управления. С самого начала проект ориентировался на отдельные нативные версии для iOS и Android.

Мы пришли в проект через тендер: подготовили дизайн-концепцию, защитили её перед командой РОЛЬФа и победили. В концепте уже были прототипы главного экрана, каталога и карточки автомобиля. Для дальнейшей работы изучили исследования заказчика и другие продукты авторынка, а наши арт-директор и аналитик провели аудит приложения, разобрав смысл каждого шага в пользовательских сценариях. Для каждой из трёх базовых персон мы составили карту пользовательских историй, учитывая список функций, результаты исследований и стратегию развития РОЛЬФа с отдельно сформулированными целями приложения. Карты прошли несколько кругов разбора и уточнений с командой заказчика. После согласования сценариев мы приступили к отрисовке дизайна, используя результаты анализа и подготовленный для тендера концепт.

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

Знакомство с приложением начинается с нескольких приветственных экранов: иллюстрации в фирменном стиле объясняют его основные возможности. Дальше человек попадает на главный экран, который мы сделали разным для пользователей, вошедших в учётную запись, и тех, кто ещё этого не сделал. На первом экране доступны переход в каталог и небольшая кнопка входа; после авторизации здесь видны запись в дилерский центр, активные заявки, штрафы и «гараж» с добавленными автомобилями. Если машин пока нет, приложение предлагает их добавить. Поиск дилерского центра раньше скрывался среди трёх похожих иконок: мы заменили этот блок заметной картой с геометками. В панели быстрого перехода привели иконки к единому стилю и убрали скрытое меню.

При выборе автомобиля мы изменили первые шаги поиска. В каталоге человек начинает с марки и модели, а затем при необходимости уточняет запрос фильтрами; ниже ему доступны специальные предложения и уже просмотренные машины. Для аренды вместо длинного списка в произвольном порядке мы предложили первичный отбор: «Недорогие», «На автоматической коробке передач» и «Для города». После такого выбора можно задать дополнительные параметры. Отдельное исследование помогло определить место для сохранённых сравнений автомобилей: пользователи скорее ожидали найти их в личном кабинете, чем в разделе услуг. Там мы и разместили результаты сравнений.

При работе над разделом помощи на дороге мы проверили, какие услуги действительно интересуют автовладельцев. Опрос показал, что вызов аварийного комиссара и эвакуатора полезен, а услуга «трезвый водитель» почти не вызывает интереса; эти ответы легли в основу выбора опций. Сам раздел доступен даже без входа в учётную запись.

Для вопросов по работе приложения предусмотрен чат поддержки. На типовые вопросы отвечает бот, а при необходимости подключается консультант. В ответах бота есть быстрые ссылки на нужные разделы и услуги, поэтому человеку не приходится самостоятельно искать их в приложении. Из чата также можно позвонить на горячую линию.

Стратегия РОЛЬФа предусматривала и возможности, которые делают приложение интересным за пределами покупки и обслуживания автомобиля. Эту часть мы раскрыли через короткие истории с полезными для автомобилистов материалами. Человек может открыть полную версию публикации, а после чтения перейти в каталог, связаться с РОЛЬФом или поделиться материалом.

Визуальные решения мы уточняли по мере работы над экранами. В тендерном концепте услуги занимали квадратные плашки, но в сетке оставалась пустая ячейка; переход к списку устранил этот пробел и придал экрану завершённый вид. От заказчика мы получили фирменные цвета, а кнопки, иконки и другие элементы интерфейса разработали с нуля. Отказались от теней и стали выделять элементы оттенками. Белому фону придали красноватый оттенок, обыграв акцентный цвет РОЛЬФа, а элементам добавили скруглённые углы.

Вместе с командой РОЛЬФа мы воссоздали сценарии взаимодействия с приложением в более удобном и понятном виде. «Мой РОЛЬФ» получил новый минималистичный интерфейс. Заказчику также передали набор фирменных иконок, кнопок и других компонентов в разных состояниях. РОЛЬФ может использовать его при работе над другими продуктами.