whale.by/кейсы/

Белгазпромбанк: UX/UI Дизайн мобильного банкинга

Белгазпромбанк: UX/UI Дизайн мобильного банкинга

О проекте:

Редизайн мобильного приложения для одного из крупнейших банков Беларуси. Перед нами стояла задача превратить устаревший интерфейс в современное, интуитивное решение, которое станет ежедневным инструментом для тысяч пользователей.

Клиент:

Белгазпромбанк

Период работы:

2023 — настоящее время

Платформы:

iOS, Android

Deliverables:

UI-кит, дизайн-система, прототипы всех экранов, гайдлайны для разработчиков

Особенности:

Светлая/темная темы, адаптация под гайдлайны платформ, полная проработка всех состояний интерфейса

Белгазпромбанк - UX/UI дизайн мобильного банкинга

Задача

Белгазпромбанк обратился к нам с запросом на полный редизайн мобильного приложения.

Старая версия не отвечала современным стандартам юзабилити, а пользователи испытывали трудности при выполнении базовых операций.

Банку требовалось решение, которое повысит удовлетворенность клиентов и укрепит позиции на конкурентном рынке финансовых сервисов.

Наш подход

Работали в тесной коллаборации с командой банка. Получали детальную аналитику и требования к функциональности каждого раздела, а затем трансформировали их в продуманные пользовательские сценарии.

Карта в рукеФирменный знак банкаЭкран платежей в приложении

Что мы сделали

Детально проработали каждый экран и все состояния интерфейса — от успешной операции до ошибок сети. Каждый стейт, каждое взаимодействие было продумано до мелочей, чтобы пользователь всегда понимал, что происходит в приложении.

Логотип и цветовая палитра
Типографика OnestИконки приложенияИконка приложения на экране смартфона

Создание UI-кита

Собрали полноценную дизайн-систему: все кнопки, поля ввода, карточки, иконки, типографика и цветовые схемы. UI-кит стал фундаментом для масштабирования продукта и поддержания консистентности во всех точках касания бренда.

Две темы оформления

Разработали светлую и темную темы приложения. Пользователи получили возможность выбирать комфортный режим в зависимости от времени суток и личных предпочтений.

Светлая и темная темы приложенияПриложение на смартфонеКлиентка банка со смартфоном

Адаптация под iOS и Android

Создали отдельные версии дизайна для двух платформ, учитывая гайдлайны Apple Human Interface Guidelines и Material Design.

Приложение органично вписалось в экосистему каждой операционной системы, обеспечивая привычный опыт взаимодействия.

Перевод по номеру телефонаЭкран «Мои продукты»

Результаты, которые говорят сами за себя

Белгазпромбанк вышел на рынок с обновленным мобильным приложением, которое моментально получило признание пользователей: 4.9 из 5 — рейтинг в App Store и Google Play.

Высокая оценка от тысяч пользователей подтверждает качество проделанной работы и правильность выбранных UX-решений.

Рейтинг 4.9 в App Store и Google Play

Система за пределами приложения

Созданные нами элементы UI-кита и фирменного стиля банк активно использует для всей визуальной коммуникации — от баннеров в приложении до билбордов на улицах. Дизайн-система стала единым языком бренда.

Рекламный экран в городеУличный сити-формат банка

Новый стандарт цифрового банкинга

Приложение стало эталоном удобства для клиентов банка и задало новую планку качества на рынке финансовых сервисов Беларуси.

Экраны мобильного приложения