О проекте
Мобильное приложение для водителей электромобилей: оно помогает найти зарядную станцию рядом, выбрать свободный разъём и запустить зарядку прямо с телефона, с оплатой внутри приложения.
Задача
Водителю электромобиля важно заранее знать, где ближайшая станция, свободна ли она и подходит ли разъём к его машине. Если всё это выясняется уже на месте, поездка превращается в лотерею. Нам нужно было спроектировать приложение, в котором поиск станции, выбор зарядного устройства и запуск сессии укладываются в короткий понятный сценарий.
Станции рядом
Основа приложения — карта, поверх которой выезжает панель «Добро пожаловать». В ней поиск с фильтрами и легенда статусов: недоступно, занято, свободно — каждый со своим цветом иконки. Ниже два списка: «Недавние станции», чтобы быстро вернуться к привычным адресам, и «Ближайшие станции» со счётчиком их количества. У каждой станции название, адрес и расстояние. На карте есть кнопки слоёв, геолокации и сканирования QR-кода.
Выбор зарядного устройства
На странице станции перечислены её зарядные устройства. Каждое — отдельная карточка с номером, иконкой типа разъёма, названием и мощностью, например CCS 350 kW. При раскрытии карточки видна цена за кВт·ч и появляется кнопка «Начать зарядку». Мы сделали карточки крупными и контрастными, чтобы нужный разъём было легко найти даже на улице.
Запуск зарядки
Запуск разбит на три шага, прогресс которых показан вверху панели. На первом шаге приложение просит вставить кабель в автомобиль и нажать «Активировать». Здесь же собрана сводка сессии: станция, дата и время, адрес, общая стоимость, тип разъёма и способ оплаты, например Apple Pay. Пользователь видит все условия до того, как начнётся зарядка. Остальные шаги прогресса остаются серыми и становятся активными по мере того, как сессия продвигается, поэтому водитель всегда понимает, на каком этапе он находится и что от него требуется дальше.
Результат
Мы спроектировали приложение, в котором водитель электромобиля проходит весь путь в одном интерфейсе: находит ближайшую свободную станцию, выбирает подходящий разъём, видит стоимость и запускает зарядку с оплатой с телефона.