Назад
Банк ВТБ

Продуктовый дизайнер · май 2024 — май 2025

Накопительные счета ВТБ Онлайн

Проект был частью масштабного обновления мобильного банка ВТБ и также частью перехода на новую дизайн-систему. Целью редизайна стало повышение пользовательской ценности накопительных продуктов, рост активности пользователей и приведение интерфейса к единым UI/UX-стандартам экосистемы банка.

Команда

  • Продакт-менеджер
  • Продуктовый дизайнер — я
  • UX-исследователь
  • Бизнес-аналитик
  • Разработчики frontend и backend

Роль

Я отвечала за UX-флоу накопительных счетов, проработку сценариев, визуальную и логическую структуру экранов, часть исследований — внутри банка было отдельное подразделение исследователей — и UX-тесты.

Инструменты

Figma, дизайн-система ВТБ, JTBD, пользовательские интервью, UX-тестирование, прототипирование и Яндекс Метрика.

Процесс

Работа велась в продуктовой команде по итеративному процессу:

исследование → гипотезы → прототипы → тестирование → доработка → релиз

Решения мы принимали совместно с продактом и аналитиком на основе данных и результатов тестов.

Зачем был нужен редизайн

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

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

Дискавери

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

Вопросы и болевые точки пользователей накопительных счетов ВТБ
Дискавери: вопросы интервью и основные сложности пользователей накопительных счетов.Открыть изображение

Дополнительные артефакты

UX-аудит текущего интерфейса

Выявила перегруженные зоны, неочевидные элементы и сценарии с высоким показателем отказа на основе внутренних метрик и task success rate.

JTBD-фреймворк

Использовала для построения сценариев, реальных целей пользователей и контекста использования накопительного счёта.

Конкурентный анализ

Разобрала сценарии и паттерны взаимодействия в Т-Банке, Сбере и Альфа-Банке, чтобы зафиксировать лучшие практики и точки роста.

Что мы поняли на этапе дискавери

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

Идеи и концепции

Оптимизация структуры

Упростила иерархию: вместо трёх блоков оставила понятную пару «Откуда → Куда» и перенесла фокус на счета и сумму.

Визуальная разгрузка

Убрала лишние подписи и переработала расположение и стили текста, чтобы экран быстрее считывался.

Быстрый выбор суммы

Добавила кнопки +100, +500, +1000 и «Всё», чтобы ускорить регулярные переводы.

Выраженное финальное действие

Кнопка «Продолжить» визуально выделена, закреплена внизу и доступна для нажатия одной рукой.

Фокус на финансовом результате

Добавила прогноз дохода в рублях, чтобы пользователь сразу видел результат текущей ставки и не рассчитывал его самостоятельно.

Прозрачная механика повышения ставки

Собрала доступные условия и текущий прогресс в одном месте: выполненные требования отмечаются, остальные остаются нейтральными.

Новая визуальная иерархия

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

Расширенное управление счётом

Объединила автопополнение, документы и закрытие счёта в единый список и сократила путь до частых операций.

Сравнение старого и нового экранов перевода между своими счетами в ВТБ Онлайн
Перевод между своими счетами: от перегруженной формы к компактному сценарию «Откуда → Куда → Сумма».Открыть изображение
Концепции интерфейса накопительного счёта ВТБ Онлайн
Концепции новой структуры, прогноза дохода и управления ставкой.Открыть изображение

Юзабилити-тесты

Прототипы ключевых сценариев тестировались с пользователями: переводы, переименование счёта, выбор даты повышения ставки и просмотр дохода.

  • Дорабатывались тексты и визуальные акценты.
  • Упрощались шаги сценариев.
  • Корректировалась иерархия действий.

Критерии успеха

Для проекта были определены основные и дополнительные продуктовые метрики.

  • Task success rate ключевых сценариев.
  • Средняя сумма средств на накопительных счетах.
  • Drop-off в сценариях.
  • Удовлетворённость и NPS по результатам тестирования.

Результаты

  • Понимание процентной ставки выросло на 20% по результатам UX-тестов.
  • Task success rate ключевых сценариев достиг 90%.
  • Средняя сумма средств на накопительных счетах у активных пользователей выросла на 7%.
  • Drop-off на ключевых шагах сценария снизился на 10%.