UX/UI дизайн додатку та розробка сайту для платіжної платформи — Emerald24
1. Редизайн застарілого платіжного додатку
Попри стабільну роботу платформи, її структура не встигала за розвитком продукту Emerald24.
Інтерфейс додатка застарів і вже не відповідав очікуванням користувачів. Клієнти стикалися зі складнощами під час здійснення онлайн-платежів, керування транзакціями та переходу між вебверсією і мобільним додатком.
Реєстрація займала забагато часу, щоденні операції потребували зайвих дій, а навігація залишалася недостатньо зрозумілою як для нових, так і для наявних користувачів. Перехід між вебзастосунком і мобільним додатком також створював додаткові труднощі та порушував цілісність користувацького досвіду.
2. Оновлення корпоративного сайту для їх платіжної платформи
Менеджмент компанії зазначив, що поточний сайт більше не відображає можливості продукту та не відповідає новому позиціонуванню Emerald24.
Візуальний стиль, структура сторінок і навігація ніяк не демонстрували ключових переваг платформи, а саме: мультивалютні рахунки, просунуті бізнес-акаунти тощо.
З маркетингової точки зору, сайт не пояснював цінність продукту для бізнесу, партнерів і кінцевих користувачів.
Етап UX/UI дизайну для платіжного застосунку
Ми сформували чіткий план розвитку продукту для вебверсії та мобільного додатка, зосередившись на потребах усіх груп користувачів.
- Для клієнтів платформа мала спрощувати щоденні сценарії: реєстрацію, підтвердження платежів і керування рахунками як у вебзастосунку, так і в мобільному додатку.
- Для внутрішніх команд Emerald24 важливо зберегти контроль над процесами комплаєнсу та скоротити кількість ручних операцій.
- Для бізнес-клієнтів і партнерів платформа мала масштабуватися без додаткового ускладнення процесів та зайвих дій.
Спрощення процесу онбордингу в платіжному додатку
Раніше онбординг об'єднував верифікацію, завантаження документів і комплаєнс-перевірки в один довгий процес. Ми розбили його на невеликі послідовні кроки, щоб зробити реєстрацію простішою та зрозумілішою.
Користувачі отримали більше контролю над процесом: тепер вони можуть повертатися до попередніх кроків, редагувати інформацію та продовжувати реєстрацію без повторного заповнення форми.
Завдяки цьому середній час проходження онбордингу до етапу перевірки скоротився майже вдвічі — з 40–60 до 20–30 хвилин.
Редизайн платіжної форми
Попередні форми Emerald24 були занадто довгими та складними для заповнення.
Ми спростили їх, розділивши процес на невеликі послідовні кроки, де кожен етап присвячений окремому завданню.
Юзери можуть у будь-який момент переглянути раніше введені дані та повернутися до попередніх кроків. Такий підхід допомагає зосередитися на поточній дії, не втрачаючи контролю над усім процесом.
Єдиний UX між веб додатком і мобільним застосунком
Клієнти Emerald24 регулярно починають операцію у вебзастосунку та завершують її в мобільному додатку. Ми побудували UX навколо цієї поведінки, зберігши поточну систему авторизації на базі пароля та SMS OTP-підтвердження.
На ключових етапах користувач може перейти в мобільний додаток і продовжити процес із останнього місця зупинки. Завдяки цьому вебверсія та мобільний банкінг працюють як єдина, послідовна екосистема, що покращує UX і задоволення користувачів.
Оновлення бренд-айдентики без повного ребрендингу
Оновлена айдентика отримала фірмовий зелений градієнт, скляні текстури та набір власних ілюстрацій. Ми використовували ці елементи помірно, щоб вони підсилювали бренд, а не відволікали від роботи з продуктом.
Градієнт став ключовим елементом візуальної системи, а 3D-іконки з'являлися лише там, де справді допомагали виділити важливу інформацію.
У результаті продукт отримав сучасний і впізнаваний вигляд без шкоди для зручності та зрозумілості інтерфейсу.
Оновлена айдентика ідеально узгоджена з інтерфейсом веб-сайту та платіжного додатка і ненав'язливо підкреслює технологічну вишуканість банку поєднану із британською витриманістю
Етап редизайну і розробки корпоративного сайту для платіжної платформи
Попередній сайт вже не відповідав тому, як виріс і змінився продукт Emerald24. Ми оновили навігацію, переглянули структуру контенту та спростили подачу інформації про фінансові послуги й платіжні рішення.
Сторінки продуктів адаптували для різних аудиторій — бізнесу, партнерів і фінтех-компаній. Завдяки цьому користувачам стало простіше зрозуміти можливості платформи та швидко знайти потрібну інформацію.
Ми переглянули структуру корпоративного сайту банку, щоб представити всі послуги та продукти Emerald24 найкращим чином
Сторінки продуктів тепер орієнтовані як на підприємства і бізнес-партнерів, так і на приватних клієнтів з фінтех-сектору, допомагаючи кожній цільовій аудиторії швидко зрозуміти можливості платформи та знайти необхідну інформацію без зайвих ускладнень.
Індивідуальні сторінки для клієнтів з ОАЕ
Результат проєкту
Після оновлення Emerald24 отримав єдиний і зрозумілий UX у вебзастосунку та в мобільному додатку.
Реєстрація, керування рахунками та щоденні операції стали простішими й потребують менше дій від користувачів. Водночас внутрішні процеси стали прозорішими та зручнішими для команди.
Перебудований корпоративний сайт тепер краще демонструє можливості платформи та допомагає ефективніше працювати з клієнтами, партнерами й інвесторами, підтримуючи подальше зростання бізнесу.
Проєкт Emerald24 отримав дві золоті нагороди London Design Awards
Проєкт отримав міжнародне визнання одразу в двох категоріях:
- User Interface Design — Web Applications / Services
- User Interface Design — Financial Services
Величезна подяка всій команді Goodface, яка працювала над цим проєктом. Ця співпраця стала для нас особливою, подарувала цінний досвід і ще раз довела, наскільки сильних результатів можна досягти разом.
Окрема вдячність Emerald24 за довіру, відкритість та довгострокове партнерство. Саме такі проєкти допомагають обом сторонам зростати й створювати кращі продукти.
Якщо ви також плануєте розвивати свій продукт, платформу чи цифрову присутність — будемо раді допомогти. Попереду ще багато цікавого 🚀
📥hi@goodface.agency — пишіть нам на пошту, щоб втілити свій фінтех-проєкт.
