LozahStudio
Eng
Ukr
KLO App

KLO App

Нативний мобільний застосунок і нова діджитал-айдентика для KLO.

Короткий опис проєкту: KLO – столична мережа АЗК із 25+ роками досвіду, що обслуговує понад 2 млн клієнтів. Ми створили новий нативний мобільний застосунок для iOS та Android, побудували нову діджитал-айдентику та розробили масштабований backend на Nest.js з інтеграціями для онлайн-заправки, платежів та внутрішніх систем.

KLO - столична автозаправна мережа, яка має 79 станцій із кафе, ресторанами, автомийками та іншими сервісами, яка обслуговує понад 2 мільйони клієнтів. За 25+ років KLO стали одним із лідерів паливного ринку в Україні. Вони відомі своїми інноваціями та екологічними ініціативами. Сьогодні KLO обслуговує понад 2 мільйони клієнтів через програму лояльності “ДякуYOU” та має 64 АЗК із кафе, ресторанами, автомийками й іншими сервісами.

В 2022 році компанія звернулася до нас із завданням повністю оновити мобільний застосунок та розробити нову веб-ідентичність, щоб відповідати сучасним потребам користувачів. Попередній додаток було розроблено на React Native, він мав проблеми з продуктивністю, функціональністю та дизайном, тому було прийнято рішення про глобальний редизайн. Ми взялися за задачу розробити новий, нативний під iOS та Android застосунок, який повинен був мати унікальний дизайн та функціонал (майже 80% всіх компонентів застосунку не нативні, а створювалися нашими розробниками з нуля)

 




Унікальність застосунку




Ми перейшли на нативні технології, замість React Native ми розробили два окремих застосунки для iOS та Android. Писали на Swift для iOS та Kotlin для Android. Це дозволило значно покращити стабільність, швидкість роботи та плавність інтерфейсу застосунку

Розроблено Талони - це проєкт в рамках КЛО, який має інтеграцію з 1С та реалізовує продаж паливних талонів. Талони дають змогу планувати бюджет, їх можна надсилати друзям.
Є інтеграція з корпоративним модулем так, що бізнеси можуть надавати своїм працівникам літри або гривні для заправки з відображенням у додатку.


 

 
Заправка без каси (QR + Apple/Google Pay)

Оплата прямо на колонці: скануєш QR, обираєш паливо та підтверджуєш Face ID/Touch ID. Без каси й черг, один безпечний платіж — і колонка стартує.

 

Мапа АЗС з фільтрами

Знаходь потрібну станцію поруч і фільтруй за видом пального, наявністю сервісів (Wi-Fi, кафе, термінал). Детальна картка АЗС з цінами, графіком, телефоном та маршрутом.


 

Купони: показати або надіслати другу

Особисті купони з QR — покажи на касі або поділися з другом у два тапи. Прозорий статус дії купона й підтвердження відправки.

 

Бонуси: знижка, донат, другу, чайові

Бонуси працюють як гроші: списуй як знижку на пальне, жертвуй на благодійність, надсилай другу або залишай чайові працівнику. Усе — в одному місці з чеками операцій.


Новий дизайн та UX

Окрім технічної розробки мобільного застосунку, ми створили нову діджитал-ідентичність для KLO, UI-Kit та дизайн-систему для цифрових продуктів компанії, а також повний редизайн UX-складової для інтуїтивного та зручного використання застосунку користувачами