Мережа автозаправних станцій KLO, заснована в Києві в 1995 році, відома своєю відданістю інноваціям та екологічним ініціативам. За понад 25 років на ринку KLO перетворилася на лідера серед операторів паливного ринку України. Сьогодні компанія обслуговує понад 2 мільйони клієнтів через програму лояльності "ДякуYOU" та налічує 64 АЗС, що пропонують не тільки пальне, а й різноманітні послуги, включаючи ресторани, кафе та автомийки.

Нещодавно KLO звернулася до нас із завданням кардинально оновити їхній мобільний застосунок та розробити нову веб-айдентику, що відповідатиме сучасним потребам користувачів. Початково, компанія мала застосунок на базі React Native, який вимагав значних поліпшень у продуктивності, функціональності та дизайні.

Завдання та Підхід

Наше завдання полягало у повному ребрендингу існуючого застосунку KLO, включаючи:

• Розробка Нативного Мобільного Застосунку: Перехід від ненативного React Native до окремих нативних застосунків для iOS та Android, написаних на Swift та Kotlin відповідно.

• Вдосконалення Бекенду: Заміна MSSQL на PostgreSQL для підвищення продуктивності та надійності, а також реалізація бекенду з використанням Nest.js, що дозволило створити модульну та масштабовану архітектуру.

• Інтеграція AWS: Перенесення інфраструктури на AWS з метою економії витрат на сервери на 70%, завдяки оптимізації обчислювальних ресурсів та забезпеченню стабільної роботи додатку.

• Впровадження RabbitMQ: Використання брокера повідомлень RabbitMQ для інтеграції з різними касовими системами, що покращує обробку транзакцій та комунікацію між сервісами.

• Розробка Дизайну та UX: Створення нового дизайну, що включає розробку веб-айдентики KLO, design kit для веб-елементів, а також повний редизайн UX, щоб забезпечити інтуїтивність та зручність використання.

Хід Проєкту

Проєкт був структурований у кілька ключових етапів, що включали:

1. Дослідження та Аналіз: Ми провели глибокий аналіз існуючого застосунку та його бекенд-інфраструктури. Це дало змогу виявити слабкі місця та визначити напрямок для вдосконалення.

2. Розробка Концепції: На основі зібраних даних наша команда створила концепцію нового застосунку, що враховувала потреби клієнтів та бізнес-процеси KLO.

3. Реалізація та Тестування: Після затвердження дизайну ми приступили до розробки застосунку на Swift для iOS та Kotlin для Android. Бекенд був адаптований до нових вимог, включаючи реалізацію нових функцій, таких як продаж паливних талонів та інтеграція KLO Pay для зручного процесу оплати на АЗС.

4. Перенос Інфраструктури на AWS: Перехід на AWS дозволив оптимізувати витрати на сервери та забезпечити стабільність роботи всіх сервісів, завдяки чому KLO значно знизила операційні витрати.

5. Запуск та Підтримка: Після завершення розробки та тестування застосунок був успішно запущений. Ми продовжуємо надавати підтримку та розробляти нові функції, зокрема можливість онлайн-запису на мийку через додаток.

Результати

Завдяки тісній співпраці з командою KLO, ми успішно реалізували комплексний проект, що охоплював як технічну, так і дизайнерську складову. Перехід на нативні технології дозволив підвищити продуктивність та стабільність роботи застосунку. Інтеграція з AWS та RabbitMQ оптимізувала бізнес-процеси компанії, дозволяючи краще обслуговувати клієнтів і ефективно управляти ресурсами.

Завдяки новій веб-айдентиці та інтерактивному мобільному застосунку, KLO не лише покращила взаємодію з користувачами, але й закріпила своє місце як лідера на ринку паливних послуг, впроваджуючи інноваційні рішення для покращення клієнтського досвіду.

Додаток KLO тепер легко масштабується і забезпечує першокласний користувацький досвід, маючи рейтинг 4,8 на iOS та Android і понад 65 000 позитивних відгуків. Завдяки нативним технологіям та розумній оптимізації ми допомогли KLO перетворитися з малоефективного додатку на додаток, який полюбився користувачам.