UX и UI кабинета партнёра на Кэшбэк-платформе Альфа-Банка

Главное о кейсе

Улучшили интерфейс кабинета партнёра на Кэшбэк-платформе Альфа-Банка

1. Помогли улучшить интерфейс уникального банковского продукта.

2. Выросла конверсия. Теперь весь путь занимает около двух дней вместе с модерацией.

3. Стало меньше регистраций от нерелевантных партнёров.

Как проект изменил жизнь пользователей

В 1.5 раза увеличилась скорость запуска акций от кэшбэк-партнеров

Бизнес-задача и ее решение

Кэшбэк-платформа — это инструмент для размещения рекламы товаров и услуг в приложении Альфа-Банка. Прежде только крупные компании могли разместиться на витрине приложения, но в 2022 году эту возможность открыли для среднего и малого бизнеса. Чтобы справиться с потоком заявок, процесс решили автоматизировать с помощью онлайн-платформы. В этом проекте нам нужно было решить несколько глобальных задач: улучшить и упростить интерфейс, чтобы уменьшить поток однотипных вопросов от партнёров, сделать процесс регистрации и запуска акции быстрее и прозрачнее, а дизайн платформы привести к стандартам банка. На этом проекте мы работали спринтами, внедряя улучшения и изменения поэтапно шаг за шагом.

Крафт (мастерство), реализация, технические детали

Проверили все интерфейсные решения с помощью UX-тестов

Чтобы убедиться, что наши интерфейсные решения работают, мы провели серию юзабилити-тестов. Подготовили сценарий, пригласили респондентов, которые соответствуют профилю потенциального кэшбэк-партнера.

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

Чтобы помочь им разобраться, в следующей итерации подготовили две инструкции в формате лонгрида. Первая инструкция объясняла, как подписать документы через популярных операторов электронного документооборота, а вторая — где и как найти данные терминалов бесконтактной оплаты.

Инсайты, гипотезы, процесс создания и взаимодействия с заказчиком

1. Исследовали текущие проблемы платформы и построили карту пути пользователя

На первом этапе нам нужно было выявить все проблемы, которые возникают у пользователей в процессе работы с платформой. Для этого мы провели небольшое «кабинетное» исследование: запросили у менеджеров банка список самых частых вопросов и проблем партнёров. На основе этих данных построили карту пути пользователя. Она помогла визуализировать, какие этапы нуждаются в доработках и улучшениях.

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

Путь пользователя на платформе состоял из четырёх этапов: знакомство с платформой, первичная регистрация, полная регистрация и запуск акции. Исследование показало, что большая часть проблем возникает у партнёров на этапе полной регистрации. Они ожидают что анкета не вызовет сложностей при заполнении и не займет много времени. Однако в процессе сталкиваются с большим количеством вопросов. Например, сколько времени займёт проверка данных, как узнать о результатах проверки, где взять данные для таблицы терминалов, что такое «Диадок»?

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

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

2. Проверили все интерфейсные решения с помощью UX-тестов

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

Чтобы помочь им разобраться, в следующей итерации подготовили две инструкции в формате лонгрида. Первая инструкция объясняла, как подписать документы через популярных операторов электронного документооборота, а вторая — где и как найти данные терминалов бесконтактной оплаты.

3. Привели интерфейс платформы в соответствие с дизайн-системой Альфа-Банка

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

Добавили список этапов, чтобы сделать процесс запуска акции ещё прозрачнее для пользователя. Внедрили подсказки, которые объясняют особенности подписания документов и показывают, как будет выглядеть акция в приложении. В новом фирменном стиле ещё не было широкого набора компонентов. Некоторые иллюстрации мы создавали самостоятельно или адаптировали под наш контекст.

4. Создали удобный кабинет для партнёра с финансовой статистикой

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

Скриншоты

Комментарий заказчика

Tetraform помогли улучшить интерфейс кабинета партнёра на кэшбэк-платформе Альфа-Банка. Теперь время регистрации партнеров и количество однотипных вопросов по регистрации значительно сократилось.

Я увидел у команды реальное стремление дорабатывать и улучшать продукт, а не просто делать дизайн. Мы вместе встречались, обсуждали, думали, как будет работать тот или иной элемент, как его сделать ещё более понятным.

Очень легко отдавать готовые макеты, а потом говорить, что клиент ничего в этом не понимает. Значительно сложнее смотреть на результат глазами заказчика, не привязываться к каким-то промежуточным версиям и не считать свое решение единственно верным. Это очень ценно и круто. Это показывает уровень студии.

Роман Бабеев,
PO личного кабинета кэшбэк-платформы «Альфа-Банка»