EKA — мобильное приложение для держателей топливных карт на iOS и Android

WINFOX разработал для топливной компании EKA мобильное приложение для держателей топливных карт на iOS и Android.

Приложение объединило основные сценарии работы с топливной картой: контроль операций и лимитов, поиск АЗС, построение маршрутов и обращение в поддержку.

Команда WINFOX выполнила полный цикл проекта — от технического задания и прототипирования до UX/UI-дизайна, мобильной разработки и интеграции с внешними сервисами.

Топливная компания «ЕКА» работает на рынке нефтепродуктов московского региона с 1997 года. Компании требовалось перевести основные сценарии взаимодействия держателей топливных карт в мобильный канал. Пользователю нужно было дать возможность в одном приложении: — контролировать операции по топливной карте; — видеть остатки и сроки действия лимитов; — находить подходящие АЗС; — строить маршруты до точек обслуживания; — получать информацию об услугах на АЗС; — обращаться в поддержку. Для EKA приложение должно было стать цифровым каналом взаимодействия с держателями топливных карт и инструментом контроля операций на АЗС в режиме реального времени.

WINFOX разработал мобильные приложения EKA для iOS и Android с нуля.

Команда:

— подготовила техническое задание;
— разработала прототипы;
— спроектировала UX/UI;
— реализовала приложения для двух мобильных платформ;
— настроила интеграции с внешними сервисами.

Для получения данных о точках обслуживания, характеристиках АЗС и построения маршрутов приложение интегрировали с геосервисом «Мультигоу».

Для общения пользователей со службой поддержки подключили JivoSite.

В результате ключевые операции с топливной картой и сетью АЗС были собраны в одном мобильном интерфейсе.

Основные экраны приложения

Контроль лимитов

Пользователь может посмотреть доступные продукты и услуги, период действия лимита, его размер и остаток.

Лимиты отображаются не только для топлива, но и для дополнительных услуг, например автомойки и шиномонтажа.

История операций

В приложении собрана актуальная информация об операциях по топливной карте.

Данные можно фильтровать по месяцам и видам топлива, чтобы быстрее контролировать расходы.

Поиск АЗС

Водитель может найти подходящую точку обслуживания на карте.

Поиск поддерживает фильтры по нескольким параметрам:

— бренд АЗС;
— вид топлива;
— наличие парковки;
— автомойка;
— кафе;
— дополнительные сервисы.

Это позволяет искать не только ближайшую АЗС, но и станцию с нужным набором услуг.

Другое

Нажав «Другое», пользователь может настроить уведомления, найти ответы на частые вопросы, посмотреть контакты компании и связаться с поддержкой.

Что умеет приложение

Авторизация и биометрия

При первом входе пользователь вводит номер топливной карты и привязанный к ней номер телефона.

Для последующей авторизации можно использовать биометрию — отпечаток пальца или Face ID.

Поиск точек обслуживания по фильтрам

Фильтры помогут быстро найти точку по определенным параметрам. Например, можно фильтровать результаты поиска по бренду АЗС, марке бензина, наличию стоянки, мойки, кафе и других сервисов. Можно выбрать один фильтр или сразу несколько.

Построение маршрута

На этапе проектирования предполагалось строить маршрут непосредственно внутри приложения.

После тестирования команда выяснила, что водителям удобнее использовать привычные навигационные сервисы.

Поэтому приложение интегрировали с популярными навигаторами: пользователь выбирает АЗС и продолжает построение маршрута в привычном сервисе.

Просмотр параметров лимита

Нажав на топливную карту, водитель увидит подробности по лимиту во всплывающем окне: доступные продукты и услуги, период действия, размер и остаток лимита.

Заправка из салона авто

Тот, кто не хочет выходить из машины, может оформить и оплатить заправку в приложении. Достаточно выбрать номер колонки, тип бензина, количество литров — и нажать кнопку «Оплатить».

Онлайн-поддержка

Пользователь может обратиться в поддержку непосредственно из приложения.

Например, через чат можно получить помощь при утере топливной карты и узнать, как ее заблокировать.

Работа локатора без интернета

Часть данных локатора остается доступной при отсутствии интернет-соединения.

Водитель может посмотреть точки АЗС на карте, режим их работы и доступные дополнительные услуги.

EKA получила мобильное приложение для iOS и Android, которое объединило основные сценарии взаимодействия с держателем топливной карты в одном цифровом канале.

Пользователи могут контролировать расходы и лимиты, просматривать историю операций, искать АЗС по нужным параметрам, строить маршруты и обращаться в поддержку.

Для EKA приложение стало инструментом контроля операций на АЗС в режиме реального времени и мобильной точкой взаимодействия с держателями топливных карт.

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

Стек технологий

Мобильная разработка: Java, Kotlin, Swift
Инфраструктура: Docker
Дизайн: Figma
Аналитика: Яндекс Метрика, Google Analytics
Интеграции: «Мультигоу», JivoSite