KLO App

Про компанію KLO

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

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

Що ми зробили

1. Перехід на нативні технології

Замість React Native ми розробили окремі застосунки для iOS та Android:

• Swift для iOS

• Kotlin для Android

Це дозволило значно покращити швидкість роботи, плавність інтерфейсу та стабільність додатка.

2. Покращений бекенд

Ми замінили MSSQL на PostgreSQL, що зробило систему більш швидкою та надійною. Новий бекенд побудований на Nest.js, що дало можливість створити гнучку та масштабовану архітектуру.

3. Оптимізація через AWS

Міграція на AWS дозволила:

• знизити витрати на сервери на 70%,

• забезпечити стабільну роботу всіх сервісів,

• підвищити масштабованість.

4. Інтеграція RabbitMQ

Ми впровадили RabbitMQ як брокер повідомлень для інтеграції з POS-системами. Це покращило обробку транзакцій та взаємодію між сервісами.

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

Окрім мобільного застосунку, ми розробили:

• нову веб-ідентичність KLO,

• дизайн-кит для цифрових продуктів,

• повний редизайн UX для інтуїтивного користування.

Як проходила робота

1. Аналіз та дослідження

Ми вивчили, як працював старий застосунок, виявили його слабкі місця та визначили, які зміни потрібні.

2. Розробка концепції

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

3. Розробка та тестування

Після затвердження дизайну ми почали розробку:

• фронтенд на Swift та Kotlin,

• новий бекенд з PostgreSQL, Nest.js та RabbitMQ,

• додані нові функції, включаючи продаж паливних талонів та інтеграцію KLO Pay для швидкої оплати на АЗК.

4. Міграція на AWS

Цей етап знизив витрати та забезпечив стабільність роботи всіх сервісів.

5. Запуск та підтримка

Після успішного релізу ми продовжуємо підтримувати додаток, а також розробляємо нові функції, наприклад онлайн-запис на автомийку.

Результати

✅ Продуктивність та стабільність – нативні технології зробили додаток швидшим і плавнішим.

✅ Оптимізовані бізнес-процеси – інтеграція AWS і RabbitMQ спростила управління ресурсами та покращила сервіс.

✅ Новий рівень користувацького досвіду – завдяки редизайну, застосунок став більш зручним та сучасним.

✅ Вражаючі відгуки – середній рейтинг 4.8★ на iOS та Android, понад 65 000 позитивних відгуків.

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