Редизайн Web-банкинга и приложения для банка «Открытие»
Редизайн Web-банкинга и приложения для банка «Открытие»
Редизайн Web-банкинга и приложения для банка «Открытие»
О компании
О компании
Банк «Открытие» — бывший российский универсальный банк, с 2022 года входящий в группу ВТБ, крупнейшего государственного банка России.
Банк «Открытие» — бывший российский универсальный банк, с 2022 года входящий в группу ВТБ, крупнейшего государственного банка России.
Роль
Роль
Старший дизайнер продукта
Старший дизайнер продукта
Инструменты
Figma, глубинное интервью, A/B тестирование
Платформы
Платформы
Web, приложение iOS & Android
Web, приложение iOS & Android
Аудитория
Аудитория
Клиенты банка
Клиенты банка
Ответственность
Ответственность
UX / UI, прототипирование, UX Research
UX / UI, прототипирование, UX Research
Tools
Interview, A/B testing
Interview, A/B testing
Роль
Старший дизайнер продукта
Инструменты
Figma, глубинное интервью, A/B тестирование
Платформы
Web, приложение iOS & Android
Аудитория
Клиенты банка
Ответственность
UX / UI, прототипирование, UX Research
Идея
Идея
Идея
Обновить дизайн онлайн-банкинга для веба и приложения, чтобы сделать управление финансами проще, понятнее и визуально современнее. Старый интерфейс был перегружен и не соответствовал современным UX-стандартам и привычкам пользователей.
О проекте
О проекте
О проекте
Я сделала редизайн личного онлайн-банкинга и доработала процесс оформления заявок для нескольких кредитных продуктов B2C (кредитная карта, кредит, рефинансирование).
Я сделала редизайн личного онлайн-банкинга и доработала процесс оформления заявок для нескольких кредитных продуктов B2C (кредитная карта, кредит, рефинансирование).
Особенности разработки
Особенности разработки
Редизайн нужно было выполнить так, чтобы при разработке потребовались минимальные доработки бэкенда.
Редизайн нужно было выполнить так, чтобы при разработке потребовались минимальные доработки бэкенда.
Онлайн-банкинг до 2022 года
Онлайн-банкинг до 2022 года
Никаких обновлений в течение восьми лет.
Устаревший дизайн и интерфейс.
Никаких обновлений в течение восьми лет. Устаревший дизайн и интерфейс.
Research & Discovery
Research & Discovery
Research & Discovery
Для начала я собрала подборку бенчмарков кредитных и других банковских продуктов конкурентов на локальном и глобальном рынках.
Для начала я собрала подборку бенчмарков кредитных и других банковских продуктов конкурентов на локальном и глобальном рынках.
Во время редизайна я устранила ошибки интерфейса и упростила пользовательский путь, предлагая более понятные решения. Сотрудничество с командами delivery и discovery дало ценные идеи для улучшений.
Во время редизайна я устранила ошибки интерфейса и упростила пользовательский путь, предлагая более понятные решения. Сотрудничество с командами delivery и discovery дало ценные идеи для улучшений.
Углубленные исследования подтвердили, что есть проблема, с которой сталкиваются пользователи:
40% пользователей не понимают, где найти полную информацию о статусе, сумме и дате платежей по кредитным картам.
Пользователи хотят видеть всю информацию о платежах в одном месте
Углубленные исследования подтвердили, что есть проблема, с которой сталкиваются пользователи:
40% пользователей не понимают, где найти полную информацию о статусе, сумме и дате платежей по кредитным картам.
Пользователи хотят видеть всю информацию о платежах в одном месте
Углубленные исследования подтвердили, что есть проблема, с которой сталкиваются пользователи:
40% пользователей не понимают, где найти полную информацию о статусе, сумме и дате платежей по кредитным картам.
Пользователи хотят видеть всю информацию о платежах в одном месте
Mobile First
Mobile First
Mobile First
Начала с редизайна мобильного приложения — большинство операций и покупок совершается именно через него, поэтому подход «mobile first».
Начала с редизайна мобильного приложения — большинство операций и покупок совершается именно через него, поэтому подход «mobile first».
Подготовила несколько вариантов дизайна. Этот был выбран на основе обсуждений со стейкхолдерами и быстрых юзабилити-тестов.
Подготовила несколько вариантов дизайна. Этот был выбран на основе обсуждений со стейкхолдерами и быстрых юзабилити-тестов.
Описаны все состояния кредитной карты
Описаны все состояния кредитной карты
Тестирование интерфейса
Использовали доступные нам методы исследования:
Коридорные исследования
Глубинное исследования с клиентами
A/B тестирование
Тестирование интерфейса
Использовали доступные нам методы исследования:
Коридорные исследования
Глубинное исследования с клиентами
A/B тестирование
Тестирование интерфейса
Использовали доступные нам методы исследования:
Коридорные исследования
Глубинное исследования с клиентами
A/B тестирование
Редизайн WEB
Редизайн WEB
Редизайн WEB
Переработан на основе приложения, так как важно сохранить преемственность и единый визуальный стиль для всех продуктов банка на всех платформах.
Переработан на основе приложения, так как важно сохранить преемственность и единый визуальный стиль для всех продуктов банка на всех платформах.
Чтобы свести к минимуму изменения в бэкэнде, я сохранила колоночную верстку личного кабинета.
Чтобы свести к минимуму изменения в бэкэнде, я сохранила колоночную верстку личного кабинета.
И снова… исследование и тестирование
И снова… исследование и тестирование
Результаты
Результаты
В августе 2023 года мы запустили обновленное приложение и веб-сайт. Мы ежедневно его дорабатывали и улучшали. В 2024 году он стал частью ВТБ Банка — крупнейшего государственного банка России.
+3
+3
Рост CSI
+22%
+22%
Рост Retention
+3 000 000 ₽
+3 000 000 ₽
Доход компании от увеличения
активации кредитных карт
Давайте работать вместе!
Давайте работать вместе!
Давайте работать вместе!
Заинтересованы в сотрудничестве?
Свяжитесь со мной и давайте начнем!
Заинтересованы в сотрудничестве?
Свяжитесь со мной и давайте начнем!