Редизайн личного кабинета кредитного брокера

2022–2023 · B2B · финтех · веб
Редизайн личного кабинета кредитного брокера
Роль
Продуктовый дизайнер
Объем
UX-исследования,
UX/UI дизайн,
дизайн-система,
hi-fi прототипы,
дизайн-ревью
Команда
PO, BA, QA, Dev Lead
Аудитория
~35K пользователей
{01} Саммери

Провела редизайн ключевых сценариев и оптимизировала структуру навигации личного кабинета кредитного брокера.

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

-2 шага
В сценарии оформления заказа
в ~2,5 раза
Time to task: рост скорости в сценарии оформления заказа
в ~2 раза
Time to market: ускорение релиза новых фич
{02} Контекст

Личный кабинет кредитного брокера — B2B веб-сервис для оформления покупок в кредит в офлайн-ритейле.

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

{03} Исследование
Цель
Проверить гипотезы
и выстроить приоритеты
Формат
Онлайн опрос
(Fabuza)
Участники
Пилотная группа
сотрудников
#1: Приходилось ли вам пересоздавать заказ из-за необходимости изменить тип программы?
~85% сталкивались с проблемой гибкости сценария
#2: Можете ли вы озвучить клиенту ориентировочное предложение до отправки анкеты?
~80% не могут быстро озвучить клиенту ориентировочные условия
#3: Сколько времени в среднем занимает заполнение анкеты?
~60% тратили на заполнение анкеты 10–15 минут
#4: Предлагаете ли вы доп. продукты в каждом случае?
~50% не подключали доп. продукты из-за сложности сценария

Результаты опроса подтвердили ключевые гипотезы и стали основанием для приоритизации решений.

{04} Ключевые проблемы и решения
#1:

Проблема: Ключевые настройки запроса на разных экранах → возвраты и лишние переходы.

Решение: Выбор типа кредитной программы и настройка условий на одном экране.

Решение проблемы #1

Результат: Сократилось количество нерелевантных заказов (~24%). У брокеров появилась возможность гибкого подбора, где тип программы и условия настраиваются в рамках единого калькулятора.

Результат решения проблемы #1
#2:

Проблема: Нет предварительного расчёта → брокер не может быстро сориентировать клиента.

Решение: Ввести предварительный расчёт, который сопровождает брокера 
на этапе подбора условий.

Решение проблемы #2

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

#3:

Проблема: Сложный путь выбора доп.продуктов (лишние клики) → влияет на кросс-сейл.

Решение: Добавить «Дополнительные продукты» рядом с настройками условий для быстрого выбора и эффективной продажи.

Решение проблемы #3

Результат: Выбор доп. продуктов встроен в основной сценарий подбора кредитной программы (-3 клика). Короткое описание и деталка помогает брокеру осознанно продавать продукт, а при помощи фильтров бизнес может выстраивать приоритеты и влиять на продажу (↑ Attach rate).

Результат решения проблемы #3

Поинт: Модальное окно с детальной инфой о доп.продукте позволяет: снять нагрузку с брокера; быстро сориентировать клиента; автоматически актуализировать и контролировать условия через базу данных.

#4:

Проблема: Ошибки, не понимание обязательных полей, лишние клики во время заполнения анкеты → увеличивается время оформления заявки.

Решение: Объединить логически связанные поля, ввести единый навигационный паттерн — степпер. Добавить онбординг и подсказки для брокеров при заполнении анкеты.

Решение проблемы #4

Результат: Новая структура анкеты, единая навигация и контекстные подсказки сделали процесс оформления более понятным для брокеров. Это сократило количество ошибок и возвратов между шагами, а время оформления заявки уменьшилось с 15 до 6-7 минут.

{05} Дизайн-система и документация

Собрала дизайн-систему продукта: библиотеку компонентов, UX-паттерны и документацию для команды.

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

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

в ~2 раза
Time to market: ускорение релиза новых фич
↓ количество правок
Разработчики стали лучше понимать дизайн
↓ зависимость от дизайнера
Мелкие вопросы закрывает документация
↑ консистентность
Дизайн стал единообразным
Дизайн-система и документация