Дебетовая карта БКС Банк

Была разработана главная страница дебетовой карты: проведен рефакторинг старых макетов, устранены лишние элементы, перенесён основной функционал Android-приложения на веб, созданы новые wireframes и прототипы. Итоговый дизайн оптимизирован для всех устройств, упрощён доступ к ключевым функциям и повышена общая эффективность работы с сервисом.

Проект:

БКС Банк

БКС Банк

Платформа:

Web | IOS

Web | IOS

Год:

сентябрь 2025

сентябрь 2025

NDA

Web Design

The Decor 01
The Decor 01
The Decor 01

Описание проблемы и цели исследования

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

Исследование аудитории

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

Формирование гипотез

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

The Decor 02
The Decor 02
The Decor 02
The Decor 03
The Decor 03

Дизайн-решение

Первый шаг состоял в рефакторинге старых макетов: переосмыслены старые компоненты, исключены ненужные или редко используемые блоки, оставлено лишь самое важное и полезное. Далее я создала Wireframes и Low-Fidelity прототипы. Через три итерации появился законченный дизайн, который гармонично интегрировал основную функциональность Android-приложения в веб-визуализацию, снабдив её усовершенствованной системой навигации и простым доступом к ключевым операциям. Дополнительно выполнен полный редизайн для мобильных версий сайта. 

Результат и метрики успеха

Проведение тестов дало позитивные результаты: частота обращений в техническую поддержку упала на 28%, а среднее время выполнения операций возросло на 15%. Анализ проводился с применением инструментов Google Analytics и собственных CRM-систем банка. 

Выводы и дальнейшие шаги

Разработанный мной дизайн эффективно справился с задачей повышения удобства использования банковских услуг через веб-интерфейс. В дальнейшем планируется углубленное изучение конкретных аспектов UX на основе аналитики поведения пользователей и постоянное расширение набора функций продукта.

The Decor 02
The Decor 03
The Decor 03

Create a free website with Framer, the website builder loved by startups, designers and agencies.