Редизайн флоу оформления кредитки
Q4 2024 — Q1 2025
Интро
В среднем около 200 000 заявок на кредитку ежемесячно получает и обрабатывает банк. Из них около 25 000 клиентов получают одобрение и начинают пользоваться картой.
Цель моей команды — продавать максимальное количество кредиток, постоянно работать над улучшением воронки, добиваться высоких показателей конверсии, предоставлять пользователям лучший путь оформления и получения продукта.
В рамках этого проекта мы переосмыслили текущий UI и UX, создали единый и бесшовный путь оформления кредитной карты, собранный на новой дизайн-системе Granat 2.0 с учётом всех требований по доступности, с ёмкими и человечными текстами, красивым интерфейсом. Наша цель — упростить флоу для пользователей и дать бизнесу гибкий инструмент, который можно масштабировать и быстро развивать с меньшими трудозатратами и меньшим количеством ошибок.
AS IS
На картинке часть флоу оформления виртуальной карты, а также скрин из фигмы с макетами старой анкеты
TO BE
На картинке часть нового флоу оформления виртуальной карты, а также скрин из фигмы с макетами новой анкеты
Контекст
Старый процесс жил в личном кабинете Payment. Интерфейс был перегружен, не соответствовал требованиям доступности, многие поля анкеты вызывали большие трудности у пользователей при их заполнении.
У каждого канала был свой кастомный флоу, многие компоненты устарели и морально, и технически, поддерживать и дорабатывать их было сложно.
Цель банка — развивать новый личный кабинет под брендом «МТС Деньги», и нам требовалось перенести все процессы в новый ЛК «МТС Деньги», и сделать флоу единым для всех каналов (WEB + webview в приложениях).
Пользовательские проблемы
Бизнес-проблемы
Гипотезы
Задача
Процесс
Решение
AS IS
TO BE
Нашу кредитку в основном оформляют действующие клиенты банка, у которых как правило есть перс предложение. Поэтому мы решили изменить под этот сегмент шаг анкеты с выбором кредитного лимита.
Раньше текстам в интерфейсах не уделялось должное внимание и многие поля в анкете, заголовки экранов итд считывались неоднозначно. В рамках этого проекта я вместе с редактором всё пересобрал и инициировал новый раздел в нашей ДС, в который в качестве примера легла наша работа.
AS IS
TO BE
В новом экране Одобрения&Подписания переписали тексты, в особенности заголовок, теперь обозначаем пользователям, что нужно сделать на этом шаге. Оптимизировали список бенефитов, добавили бейдж с типом карты, пластиковая или виртуальная, чтобы снизить обращения в поддержку с вопросами по этой теме.
На скринкасте показал как оформлен файл, а также полный флоу оформления и подписания виртуальной карты с возможностью заказать дополнительную пластиковую карту, если нужно. Также можно заметить, что в рамках этого проекта мы поработали с оттоком и разработали флоу подмены на другие продукты банка, и в случае отказа мы предлагаем пользователям либо упрощенную кредитную карту с меньшим кредитным лимитом, либо продукт для улучшения кредитной истории, чтобы в дальнейшем они уже могли получить и кредитку.
Результаты
Рефлексия
Когда мы говорим про переезд в новый ЛК, пересборку флоу на новые компоненты, изменения бэкенда и так далее... То мы понимаем, что это большая задача с множеством неизвестных переменных, которую нужно разделить на этапы и двигаться итерациями, и без компромиссов по части дизайна или функционала здесь не обойтись.
Поэтому мы не отключали сразу старую анкету и не переводили все каналы продаж на новую, непроверенную временем. Мы решили отточить новую анкету в одном канале, в новом личном кабинете, добиться хороших бизнес-метрик в нём, а уже потом запустить процесс раскатки на все каналы.
Это один из ключевых проектов моей команды, но, конечно, не единственный, потому что в моей команде есть цель — каждый спринт тестировать новую идею и постоянно работать над улучшением CJM, за это я всегда буду любить свою команду и особенно своего PO.
© 2025 Made by Nikita Samulenkov.
All rights reserved.
Редизайн флоу оформления кредитки
Q4 2024 — Q1 2025
Интро
В среднем около 200 000 заявок на кредитку ежемесячно получает и обрабатывает банк. Из них около 25 000 клиентов получают одобрение и начинают пользоваться картой.
Цель моей команды — продавать максимальное количество кредиток, постоянно работать над улучшением воронки, добиваться высоких показателей конверсии, предоставлять пользователям лучший путь оформления и получения продукта.
В рамках этого проекта мы переосмыслили текущий UI и UX, создали единый и бесшовный путь оформления кредитной карты, собранный на новой дизайн-системе Granat 2.0 с учётом всех требований по доступности, с ёмкими и человечными текстами, красивым интерфейсом. Наша цель — упростить флоу для пользователей и дать бизнесу гибкий инструмент, который можно масштабировать и быстро развивать с меньшими трудозатратами и меньшим количеством ошибок.
AS IS
На картинке часть флоу оформления виртуальной карты, а также скрин из фигмы с макетами старой анкеты
TO BE
На картинке часть нового флоу оформления виртуальной карты, а также скрин из фигмы с макетами новой анкеты
Контекст
Старый процесс жил в личном кабинете Payment. Интерфейс был перегружен, не соответствовал требованиям доступности, многие поля анкеты вызывали большие трудности у пользователей при их заполнении.
У каждого канала был свой кастомный флоу, многие компоненты устарели и морально, и технически, поддерживать и дорабатывать их было сложно.
Цель банка — развивать новый личный кабинет под брендом «МТС Деньги», и нам требовалось перенести все процессы в новый ЛК «МТС Деньги», и сделать флоу единым для всех каналов (WEB + webview в приложениях).
Пользовательские проблемы
Бизнес-проблемы
Гипотезы
Задача
Процесс
Решение
AS IS
TO BE
Нашу кредитку в основном оформляют действующие клиенты банка, у которых как правило есть перс предложение. Поэтому мы решили изменить под этот сегмент шаг анкеты с выбором кредитного лимита.
Раньше текстам в интерфейсах не уделялось должное внимание и многие поля в анкете, заголовки экранов итд считывались неоднозначно. В рамках этого проекта я вместе с редактором всё пересобрал и инициировал новый раздел в нашей ДС, в который в качестве примера легла наша работа.
AS IS
TO BE
В новом экране Одобрения&Подписания переписали тексты, в особенности заголовок, теперь обозначаем пользователям, что нужно сделать на этом шаге. Оптимизировали список бенефитов, добавили бейдж с типом карты, пластиковая или виртуальная, чтобы снизить обращения в поддержку с вопросами по этой теме.
На скринкасте показал как оформлен файл, а также полный флоу оформления и подписания виртуальной карты с возможностью заказать дополнительную пластиковую карту, если нужно. Также можно заметить, что в рамках этого проекта мы поработали с оттоком и разработали флоу подмены на другие продукты банка, и в случае отказа мы предлагаем пользователям либо упрощенную кредитную карту с меньшим кредитным лимитом, либо продукт для улучшения кредитной истории, чтобы в дальнейшем они уже могли получить и кредитку.
Результаты
Рефлексия
Когда мы говорим про переезд в новый ЛК, пересборку флоу на новые компоненты, изменения бэкенда и так далее... То мы понимаем, что это большая задача с множеством неизвестных переменных, которую нужно разделить на этапы и двигаться итерациями, и без компромиссов по части дизайна или функционала здесь не обойтись.
Поэтому мы не отключали сразу старую анкету и не переводили все каналы продаж на новую, непроверенную временем. Мы решили отточить новую анкету в одном канале, в новом личном кабинете, добиться хороших бизнес-метрик в нём, а уже потом запустить процесс раскатки на все каналы.
Это один из ключевых проектов моей команды, но, конечно, не единственный, потому что в моей команде есть цель — каждый спринт тестировать новую идею и постоянно работать над улучшением CJM, за это я всегда буду любить свою команду и особенно своего PO.
© 2025 Made by Nikita Samulenkov.
All rights reserved.
Редизайн флоу оформления кредитки
Q4 2024 — Q1 2025
Интро
В среднем около 200 000 заявок на кредитку ежемесячно получает и обрабатывает банк. Из них около 25 000 клиентов получают одобрение и начинают пользоваться картой.
Цель моей команды — продавать максимальное количество кредиток, постоянно работать над улучшением воронки, добиваться высоких показателей конверсии, предоставлять пользователям лучший путь оформления и получения продукта.
В рамках этого проекта мы переосмыслили текущий UI и UX, создали единый и бесшовный путь оформления кредитной карты, собранный на новой дизайн-системе Granat 2.0 с учётом всех требований по доступности, с ёмкими и человечными текстами, красивым интерфейсом. Наша цель — упростить флоу для пользователей и дать бизнесу гибкий инструмент, который можно масштабировать и быстро развивать с меньшими трудозатратами и меньшим количеством ошибок.
AS IS
На картинке часть флоу оформления виртуальной карты, а также скрин из фигмы с макетами старой анкеты
TO BE
На картинке часть нового флоу оформления виртуальной карты, а также скрин из фигмы с макетами новой анкеты
Контекст
Старый процесс жил в личном кабинете Payment. Интерфейс был перегружен, не соответствовал требованиям доступности, многие поля анкеты вызывали большие трудности у пользователей при их заполнении.
У каждого канала был свой кастомный флоу, многие компоненты устарели и морально, и технически, поддерживать и дорабатывать их было сложно.
Цель банка — развивать новый личный кабинет под брендом «МТС Деньги», и нам требовалось перенести все процессы в новый ЛК «МТС Деньги», и сделать флоу единым для всех каналов (WEB + webview в приложениях).
Пользовательские проблемы
Бизнес-проблемы
Гипотезы
Задача
Процесс
Решение
AS IS
TO BE
Нашу кредитку в основном оформляют действующие клиенты банка, у которых как правило есть перс предложение. Поэтому мы решили изменить под этот сегмент шаг анкеты с выбором кредитного лимита.
Раньше текстам в интерфейсах не уделялось должное внимание и многие поля в анкете, заголовки экранов итд считывались неоднозначно. В рамках этого проекта я вместе с редактором всё пересобрал и инициировал новый раздел в нашей ДС, в который в качестве примера легла наша работа.
AS IS
TO BE
В новом экране Одобрения&Подписания переписали тексты, в особенности заголовок, теперь обозначаем пользователям, что нужно сделать на этом шаге. Оптимизировали список бенефитов, добавили бейдж с типом карты, пластиковая или виртуальная, чтобы снизить обращения в поддержку с вопросами по этой теме.
На скринкасте показал как оформлен файл, а также полный флоу оформления и подписания виртуальной карты с возможностью заказать дополнительную пластиковую карту, если нужно. Также можно заметить, что в рамках этого проекта мы поработали с оттоком и разработали флоу подмены на другие продукты банка, и в случае отказа мы предлагаем пользователям либо упрощенную кредитную карту с меньшим кредитным лимитом, либо продукт для улучшения кредитной истории, чтобы в дальнейшем они уже могли получить и кредитку.
Результаты
Рефлексия
Когда мы говорим про переезд в новый ЛК, пересборку флоу на новые компоненты, изменения бэкенда и так далее... То мы понимаем, что это большая задача с множеством неизвестных переменных, которую нужно разделить на этапы и двигаться итерациями, и без компромиссов по части дизайна или функционала здесь не обойтись.
Поэтому мы не отключали сразу старую анкету и не переводили все каналы продаж на новую, непроверенную временем. Мы решили отточить новую анкету в одном канале, в новом личном кабинете, добиться хороших бизнес-метрик в нём, а уже потом запустить процесс раскатки на все каналы.
Это один из ключевых проектов моей команды, но, конечно, не единственный, потому что в моей команде есть цель — каждый спринт тестировать новую идею и постоянно работать над улучшением CJM, за это я всегда буду любить свою команду и особенно своего PO.
© 2025 Made by Nikita Samulenkov.
All rights reserved.