UX-аудит и редизайн мобильного приложения для водителей электромобилей Тандер Софт

1. Вводная задача от заказчика, проблематика, цели

Заказчик

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

О проекте

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

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

Задачи

• Выполнить UX-аудит текущих интерфейсов мобильного приложения и веб-панели
• Провести опросы и интервью с пользователями для проверки гипотез
• Переработать пользовательские сценарии, навигацию и визуальный стиль
• Разработать дизайн-систему, поддерживающую ребрендинг готовых продуктов (white label)
• Обновить логотип и брендбук компании

2. Описание реализации кейса и творческого пути по поиску оптимального решения

У проекта было 4 основных этапа: UX-аудит, интервью с пользователями, редизайн и айдентика.

UX-аудит

Наша команда прошлась по всем экранам мобильного приложения и веб-панели и зафиксировала проблемы.

Опрос пользователей

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

Для пользователей мобильного приложения провели онлайн-опрос среди водителей электромобилей. А для веб-панели провели глубинные интервью с сервисными инженерами и владельцами станций. Узнали про их опыт пользования и боли.

Редизайн

Собрав все данные, мы приступили к проектированию новых интерфейсов.

Мобильное приложение:

• Регистрация и вход — убрали лишние шаги, добавили вход по номеру телефона.
• Главный экран — теперь сразу открывается карта с ближайшими станциями, раньше тут был список избранного. Фильтры вынесли в удобный таббар, добавили изображения для типов разъемов.
• Страница станции — маршрут, подробности о станции, 3D-изображения коннекторов. Добавили возможность бронирования на нужное время.
• Зарядка — анимация подключения, индикатор заряда, длительность сессии.

Веб-панель:

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

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

Так как это white label-продукт, мы не привязывались к конкретной цветовой палитре. Основным выбрали синий цвет. Часть цветов можно кастомизировать под айдентику другого бренда.

Для мобильного приложения выбрали шрифт Wix Madefor Display. Он нестандартный, современный и хорошо читается.

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

Также разработали новый логотип Тандер Софт. В основе метафоры — образы солнца и приборной панели электромобиля.

3. Результаты сотрудничества

Тандер Софт выпустили MVP-версию приложения — оно доступно в App Store.

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

Приложение Тандер Софт в App Store

4. Заключение

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