GLOBAL NAV
В зоне ответственности команды разделы «первого уровня навигации» интернет-банка ВТБ Онлайн: цифровой профиль клиента, раздел Платежи. Мы поддерживаем консистентность всего сайта: разрабатываем шаблоны экранов и сценарные паттерны для всех команд банка, например, экран подтверждения операции или продуктовые экраны для дебетовых карт и счетов. На нашем счету есть и вывод сценария нового для банка продукта — программы долгосрочных сбережений.
ВТБ Онлайн, команда «Глобальная навигация»
Product owner, 2022 — now
+30% MAU
WEB
ЦИФРОВОЙ ПРОФИЛЬ КЛИЕНТА
Обновили устаревший дизайн, создали структуру профиля, понятную пользователю.
Поиск необходимых данных больше не вызывает сложностей и занимает меньше времени.
  • Наиболее важные для пользователя данные о тарифе и пакете услуг перенесли на самое видное место на экране;
  • Все опции и настройки сгруппировали согласно ожиданиям пользователей в новые тематические блоки.
REDISIGN
WEB
REDESIGN
ДЕБЕТОВЫЕ
СЧЕТА И КАРТЫ
Полностью изменили продуктовый экран, разработали и вывели в прод новые экраны, а в макетах заложили консистентную архитектуру для остальных экранов продуктов: кредиты, сбережения и т.д.
  • Сделали очевидным просмотр реквизитов карты
  • К базовой функции пополнения счета и карты добавили перевод по карте и подключение ВТБ Пэй
  • Упростили доступ к настройкам, информации и документам по карте и счету
Изменили структуру и визуал экрана:
ВИТРИНА ПЛАТЕЖЕЙ
WEB
REDESIGN
  • Пересобрали ленту с избранными платежами в порядке понятном и удобном для пользователей
  • Повысили конверсию в блоке «Оплатить» благодаря изменению раздела «Перевести»
  • Создали единую точку входа на все настройки СБП платежей и переводов, собрав их в одном блоке
ПРОГРАММА ДОЛГОСРОЧНЫХ
СБЕРЕЖЕНИЙ
WEB
NEW
ANDROID
За 2 месяца с нуля до первого релиза:
1 — Успели отрисовать дизайн всего сценария оформления и обслуживания программы, подготовить все промо-материалы, выверить каждое слово с ux редакторами. Провели глубинное исследование получившихся макетов и внесли корректировки. Параллельно вели аналитику и начинали разработку.
2 — Провели разработку для двух платформ: wеb и Android
3 — Интегрировались с бэком, провели тестирование и вышли в прод
СТАТУСЫ ОПЕРАЦИЙ
WEB
REDESIGN
  • Стандартизировали структуру экранов, собрали типовые случаи в общую библиотеку. Оформили общий гайдлайн с рекомендациями к оформлению и текстам.
  • Собрали шаблоны в коде для использования всеми командами
Made on
Tilda