Топливная компания «ЕКА» — одна из лидеров продаж на рынке нефтепродуктов московского региона с 1997 года.Заказчик решил сделать мобильные приложения, чтобы отслеживать операции на заправке в режиме реального времени, контролировать оплаты и расход топлива.Пользуясь виртуальной топливной картой, владельцы авто смогут тратить на бензин и другие услуги АЗС на 30% меньше (возврат НДС 20% + экономия до 10%).
Нам предстояло сделать приложения для iOS и Android с нуля: составить техническое задание, разработать прототипы, нарисовать дизайн и написать код для двух операционных систем.Чтобы приложения получали данные карты с точками обслуживания, атрибуты заправок и построения маршрутов, мы настроили интеграцию с геосервисом «Мультигоу».Надо было добавить в приложения онлайн-чат. Выбрали JivoSite — одно из самых распространенных и надежных решений.Основные экраны приложенияЛимитыПользователь может быстро посмотреть срок действия и остаток лимитов по топливу и услугам, например по автомойке и шиномонтажу.РасходыЗдесь собрана актуальная информация о последних операциях по топливной карте. Операции можно отфильтровать по месяцам и видам топлива.ЛокаторС помощью локатора можно найти ближайшую заправку на карте и построить до нее оптимальный маршрут в любимом навигаторе, пример от Яндекса или Гугла.ДругоеНажав «Другое», пользователь может настроить уведомления, найти ответы на частые вопросы, посмотреть контакты компании и связаться с поддержкой.ОплатаВ будущем можно будет оплачивать топливо прямо из приложения — и не предъявлять карту сотруднику заправки. Водитель сможет заправлять машину, не выходя из нее.Что умеет приложениеАвторизация по топливной карте и FaceIDЧтобы первый раз войти в приложение, достаточно ввести номер топливной карты и привязанный к ней номера телефона. Потом для входа можно использовать отпечаток пальца или FaceID.Поиск точек обслуживания по фильтрамФильтры помогут быстро найти точку по определенным параметрам. Например, можно фильтровать результаты поиска по бренду АЗС, марке бензина, наличию стоянки, мойки, кафе и других сервисов. Можно выбрать один фильтр или сразу несколько.Построение маршрута до АЗСВодитель может построить маршрут до нужной станции обслуживания.UX/UI-дизайнер WINFOXИзначально строить маршрут можно было в самом приложении. Но после тестирования мы выяснили, что водителям удобнее пользоваться привычными сервисами вроде Яндекс.Навигатора. Поэтому подружили приложение с популярными навигаторами.Просмотр параметров лимитаНажав на топливную карту, водитель увидит подробности по лимиту во всплывающем окне: доступные продукты и услуги, период действия, размер и остаток лимита.Заправка из салона автоТот, кто не хочет выходить из машины, может оформить и оплатить заправку в приложении. Достаточно выбрать номер колонки, тип бензина, количество литров — и нажать кнопку «Оплатить».Горячая линия в онлайн-чатеЕсли у водителя что-то случилось, он может написать в чат — и менеджер быстро решит проблему. Например, в чате подскажут, как заблокировать топливную карту, если человек ее потерял.Работа в офлайн-режимеЕсли в дороге пропал интернет, водитель все равно сможет пользоваться локатором: посмотреть точки АЗС на карте, узнать их режим работы и перечень дополнительных услуг.