2024 року Idea Bank поставив собі чітку мету: запустити web-версію мобільного банкінгу O.Bank. Вона мала повторювати функції застосунку, але водночас стати рівноцінним каналом доступу до цифрових послуг банку. Завдання було непростим: з одного боку, потрібна була сучасна і гнучка архітектура, яка легко і швидко підлаштовується під зміни. З іншого – максимальна незалежність від зовнішніх команд у підтримці та розвитку сервісу.

Для реалізації цього банк вибрав платформу Trigger Neobank Engine no-code-систему. У партнерському тексті команда Idea Bank ділиться досвідом, як вдалося створити web-версію без великої кількості розробників і які можливості вона відкрила для клієнтів і самого банку.

Партнерський матеріал?

Зміст

Чому саме Trigger Neobank Engine 

Платформа Trigger Neobank Engine дозволяє будувати повноцінні інтерфейси та бізнес-логіку банківських сервісів у зручному візуальному конструкторі. Якщо пояснювати принцип, то він схожий на Figma: ви проєктуєте у форматі drag & drop, але результатом є не макет, а одразу живий продукт. 

Для Idea Bank це стало вирішальним. Завдяки платформі банк може самостійно запускати нові функції, змінювати процеси обслуговування та оновлювати дизайн – без програмування та довгих релізів.

«Запуск web-версії O.Bank став для нас не просто технічним релізом, а зміною підходів до впровадження нового функціоналу. Ми перестали мислити в категоріях ТЗ і спринтів. Бізнес-команда отримала змогу самостійно збирати, запускати й адаптувати цифровий продукт. Тепер ми не ставимо задачі ІТ, а самі керуємо продуктом і швидкістю його розвитку», – каже Віталій Могильов, директор департаменту цифрового банкінгу Idea Bank.

Історія запуску O.Bank у вебі показав, як правильно вибраний інструмент і чітка продуктова стратегія дозволяють банку вийти на новий рівень технологічної незалежності.

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

Як побудували web-версію без команди розробки

Від самого початку стало зрозуміло: робити web-версію банкінгу за класичною схемою front-end, back-end, devops, QA буде надто повільно, затратно та негнучко. Особливо якщо врахувати вимоги – швидкий запуск і незалежна підтримка в майбутньому.

Web-версію O.Bank створила невелика продуктова команда без участі розробників: лише бізнес-аналітики, дизайнер, проєктний менеджер і тестувальник. Усі екрани будували у візуальному конструкторі Trigger Neobank Engine, використовуючи базові компоненти: контейнери, кнопки, таблиці, форми тощо. 

Процес виглядав так: дизайнер формував UI/UX, бізнес-аналітики перетворювали це на реальні інтерфейси та бізнес-логіку у візуальному конструкторі, а тестувальник перевіряв, як усе працює. Після погодження зміни одразу відображалися у web-версії O.Bank. Це дозволило банку повністю контролювати продукт і швидко оновлювати його без допомоги зовнішніх фахівців. Саме тому вдалося не тільки швидко запустити O.Bank, а й легко оновлюватись після релізу.

«Ми створили платформу, яка дає банку операційну автономію. Замість того щоб чекати місяцями на впровадження нової функції, команда може зробити це самостійно за день. Це не просто інструмент, а новий рівень архітектури, де банк сам керує своїм цифровим продуктом, як повноцінний технологічний бізнес», – каже Максим Бондар, CEO Trigger Neobank Engine.

Які функції реалізував банк: структура, логіка, сценарії

Web-версія O.Bank покриває весь спектр типових функцій цифрового банкінгу тут можна переглядати рахунки, управляти кредитами, депозитами, картками та персональними фінансами. Ось головні функціональні блоки:

1. Головна сторінка: вся картина фінансів на одному екрані

На головному екрані клієнт бачить структуру своїх продуктів: рахунки, кредити, депозити, «Скриньки». Тут можна швидко перемикати валюту, щоб бачити баланс у гривні, доларах чи євро. Нижче останні операції, повідомлення та поточний курс валют. Структура побудована так, щоб користувач уже з першого екрана міг переглянути повну фінансову картину.

2. Список продуктів

У вкладці «Продукти» є перелік усіх банківських сервісів, під’єднаних у клієнта. Це рахунки, кредити, депозити, «Скриньки» кожен з окремим візуальним блоком і статусами. Інтерфейс дозволяє легко перейти до деталей і керувати кожним продуктом окремо.

3. Повноцінна робота з рахунками

Кожен рахунок має власну сторінку: там видно баланс, IBAN, прив’язані картки, історію операцій і можливість сформувати виписку. Є також інші функції – можна поповнювати рахунок, створювати перекази тощо. Крім того, сюди інтегрували блок «Національного кешбеку» (з налаштуваннями) та під’єднання до застосунку «Дія».

4. Картки: керування, реквізити, QR для оплати

У розділі карток клієнт отримує повну інформацію про свою картку: залишок, ліміти, реквізити, тариф і CVV. Тут же можна створити QR-код чи посилання для переказу грошей. Доступні й інші функції – зміна PIN-коду, блокування або розблокування картки, коригування кредитного ліміту. Усе це клієнт робить онлайн, і нікуди не потрібно телефонувати чи звертатися.

5. Кредити: прозорий графік і контроль

Кредит має власну сторінку з усіма деталями: залишок, графік погашення, історія транзакцій, договір. Можна погасити кредит частково або повністю, змінити назву, згенерувати QR чи посилання на оплату. Якщо потрібно, користувач тут же завантажує договір і виписку. 

6. Депозити: відкриття, поповнення, керування

У депозитах доступна інформація про умови, графік виплат відсотків, історію операцій, договір. Можна поповнювати, частково знімати гроші, змінювати картки для виплат або закривати, давати нові назви. Клієнт повністю контролює вклад через вебінтерфейс.

7. «Скриньки»: накопичення із ціллю

«Скринька» – це інструмент для накопичення грошей. Тут людина може створювати окремі рахунки без стартової суми, встановлювати фінансову ціль або накопичувати без обмежень. Поповнювати можна без комісій, а знімати – лише всю суму одразу. На залишок автоматично нараховується 5% річних із щомісячною виплатою. Доступні історія, виписка, договір, закриття рахунку. «Скринькою» можна користуватись для особистих потреб або збирати певні суми разом із близькими, зокрема для благодійності. 

8. Перекази: усі сценарії

Перекази у web-версії O.Bank охоплюють усі потрібні сценарії: за номером картки, IBAN, телефоном, а також через шаблони чи повтор з історії платежів. Користувач просто вибирає зручний спосіб – і відкривається потрібна форма. Для швидких повторів можна зберігати шаблони, це економить час і допомагає уникнути помилок у реквізитах.

9. Оплата послуг: швидко, звично, без зайвого

У web-версії можна поповнити мобільний, сплатити за інтернет чи оплатити щось за збереженим шаблоном. Усі дії відбуваються так само, як у розділі «Перекази»: видно останні платежі, можна повторити один з них або створити новий шаблон. Реквізити підтягуються автоматично, а оплата проходить миттєво.

10. Обмін валют

У розділі обміну валют клієнт бачить поточний курс валют, може вибрати рахунок списання та рахунок зарахування. Доступні купівля і продаж – усе в одному сценарії. Обміни інтегровані в загальну історію операцій і відображаються автоматично.

11. Шаблони: спрощення рутини

Користувач створює шаблони для будь-яких типових операцій – переказів, оплати, поповнення. Вони містять усі дані: отримувача, суму, призначення. За потреби клієнт редагує, видаляє і групує шаблони – наприклад, «Комуналка» або «Робота». Це зменшує кількість кліків і пришвидшує регулярні дії.

12. Бонуси та реферальна програма

У розділі «Бонуси» клієнт може переглянути всі свої нарахування з детальною інформацією та вивести накопичені бонуси на картку. Також тут є реферальне посилання, яким можна поділитися із друзями і знайомими. Коли новий користувач зареєструється за ним і виконає умови, клієнт отримаєте винагороду. 

13. Повна історія операцій

Окремий розділ для перегляду всіх операцій за всіма рахунками. Доступна фільтрація за типом, датою та сумою. Кожна операція відкривається в деталях, можна завантажити квитанцію у PDF, а також миттєво повторити платіж. Це особливо зручно для щомісячних платежів або скасованих транзакцій.

14. Безпека: авторизація, сесії, антифішинг

Клієнт може увійти у web-версію за допомогою QR-коду, який сканує через мобільний застосунок O.Bank, і миттєво авторизується без пароля. У журналі входів видно всі авторизації та активні сесії на інших пристроях. Також користувач може налаштувати антифішингове зображення – воно з’являтиметься на екрані входу, щоб захистити від підроблених сайтів.

Детальніше web-версію O.Bank можна переглянути за посиланням

Які результати отримав банк

1. Незалежність від розробників

Команда банку може самостійно створювати й оновлювати екрани, додавати функції і змінювати логіку – і тут не потрібні аутсорс чи внутрішній девелопмент. Результат: час на впровадження нових сервісів зменшився у 3–5 разів.

2. Скорочення вартості підтримки

Оскільки більшість змін вносила продуктова команда, вартість супроводу web-версії O.Bank значно нижча за аналогічні проєкти із класичною архітектурою на ринку. 

3. Швидкий запуск нових фіч

Нові можливості – наприклад, обмін валют або випуск додаткової картки – команда впроваджувала всього за 1–3 дні після формулювання завдання. Це забезпечило банку конкурентну перевагу: він набагато швидше реагує на зміни ринку та потреби клієнтів.

4. Краще покриття аудиторії

Десктопна версія банкінгу дозволила охопити сегмент клієнтів, які не користуються мобільними застосунками або потребують доступу до сервісів з комп’ютера. Це особливо актуально для бізнес-користувачів.

Як змінився клієнтський досвід і продуктова стратегія IdeaBank

Запуск web-версії O.Bank зробив сервіс повноцінним онлайн-банкінгом: картки, рахунки, кредити, депозити, платежі та перекази доступні прямо із браузера. Усе працює так само, як у застосунку, тому користувачу не потрібно заново вчитися взаємодіяти із чимось.

Клієнти можуть самостійно виконувати майже будь-яку операцію – від зміни назви рахунку до закриття депозиту. Банкінг з допоміжного сервісу став основним каналом управління фінансами.

Інтерфейс побудований за принципом «мінімум інформації на екрані, максимум контексту за запитом»: на екрані лише потрібне, решта відкривається за дією. 

Платформа Trigger Neobank Engine дає банку гнучкість: нові сценарії можна протестувати за години без участі розробників. Якщо бізнес-фахівець хоче перевірити гіпотезу (наприклад, змінити порядок блоків на головній чи запустити новий банер), це займає від п’яти хвилин до години. Така гнучкість перетворюється на інструмент безперервного поліпшення UX і виводить клієнтський досвід на стратегічний рівень: це не разова оптимізація, а постійна еволюція продукту.

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

«Web-версія O.Bank – це новий етап у розвитку банку. Вона дозволяє клієнтам зручно здійснювати перекази, керувати депозитами та користуватись усіма основними функціями просто з комп’ютера чи планшета. Завдяки великому екрану інтерфейс особливо зручний для людей з вадами зору. Крім того, web-версія дає більше гнучкості – можна швидше запускати нові сервіси, які важко або неможливо реалізувати в застосунку через технічні обмеження», – каже Крістіна Каденюк, начальниця Управління продажів і цифрового маркетингу Idea Bank. 

Цей кейс довів ще раз, що:

  • No-code у банкінгу – це не про MVP, а про продуктивні бойові системи.
  • Автономна команда банку може повністю керувати цифровим каналом без залежності від ІТ.
  • Цінність для бізнесу – у швидкості змін, економії витрат і якості клієнтського досвіду.

«Ми не просто створили веббанкінг. Ми запустили новий рівень управління цифровими банківськими сервісами – гнучкий, керований, адаптивний. Це архітектура, яка відповідає нашому темпу та амбіціям», – додає Михайло Власенко, голова правління Idea Bank.

Цей досвід уже став частиною довгострокової стратегії банку. 2025 року команда планує масштабувати платформу для інших сегментів, інтегрувати нові сервіси та запускати нові продукти. 

Партнерський матеріал?

 

Це партнерський матеріал. Інформацію для цього матеріалу надав партнер.
Редакція відповідає за відповідність стилістики редакційним стандартам.
Замовити матеріал про вас у форматі PR-статті ви можете тут.

 

Повідомити про помилку

Текст, який буде надіслано нашим редакторам: