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

в 1.5 раза

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

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

Задача

Альфа Банк

Платформа разрабатывалась силами продуктовой команды «Альфа-Банка» без UX-дизайнера. Нас подключили к разработке, когда продукт уже был запущен и генерировал заявки.

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

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

Веб-платформы, приложения

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

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

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

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

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

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

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

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

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

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

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

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

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

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

в 1.5 раза

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

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

01

02

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

03

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

Роман Бабеев

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

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

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

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

Работали над проектом

Илья Никитин

Проджект-менеджер

Лена Маркус

UX-копирайтер

Костя Маслянников

Продуктовые дизайнеры

Эля Насретдинова