Масштабирование витрины карты Апельсин
О продукте
Карта Апельсин — дебетовая карта в рамках коалиционной программы лояльности Альфа-Банка, X5 Retail Group, Билайн и Альфа-Страхования.
Витрина карты Апельсин — основная точка взаимодействия клиентов с продуктом за пределами повседневных банковских операций. Здесь собраны механики программы лояльности, специальные предложения, подписочные сервисы, информация о кэшбэке и компенсация покупок баллами.
По мере развития продукта витрина постепенно превратилась в полноценную платформу для вовлечения пользователей, повышения их активности и долгосрочного развития продукта.
Бизнес контекст
Несмотря на большое количество полезных функций, часть пользователей редко находила или возвращалась в витрину карты Апельсин.
Одной из ключевых задач продуктовой команды стало повышение заметности продукта. Нам нужно было переосмыслить то, как пользователи находят витрину и взаимодействуют с ней в мобильном приложении и Альфа-Онлайн.
Ключевые метрики
MAU
CR точек входа
Retention
Число пользователей
900k+
Моя роль
Я отвечаю за продукт витрины карты Апельсин на IOS, Android и Web со стороны продуктового дизайна.
Помимо проектирования интерфейсов я участвовала в формировании гипотез, поиске точек роста, инициировала улучшения и влияла на дальнейшее развитие витрины.
Ниже — несколько инициатив, которые показывают, как я масштабировала продукт с командой.
Сокращение пути к штрихкоду
Проблема
Для пользователей карты Апельсин сканирование штрихкода на кассе — основной сценарий взаимодействия с программой лояльности офлайн.
Почти 80% пользователей перед открытием штрихкода должны были пройти как минимум через два дополнительных нажатия. Это создавало лишние действия в момент покупки, когда скорость особенно важна.
Задача
Сократить время доступа к штрихкоду, сохранив при этом возможность полноценно пользоваться разделом лояльности Апельсина.
Подход
Я проанализировала пользовательские сценарии и определила экран банковской карты как наиболее естественное место для быстрого доступа к штрихкоду.
Вместо того чтобы заменять существующую точку входа на витрину, я переработала виджет карты так, чтобы он поддерживал два сценария:
Мгновенный доступ к штрихкоду в одно нажатие;
Переход в витрину карты для пользователей, которые хотят изучить механики лояльности.
Также я переработала UI виджета и предусмотрела корнер-кейсы, связанные с отображением статического штрихкода.
Решение разрабатывалось продуктовой командой и было доведено от дискавери до продакшена всего за один месяц.
Результат
Время до открытия штрихкода сократилось на 50%;
Выросло количество успешных сканирований на кассе;
Решение было реализовано в установленный руководством срок — один месяц.
Десктоп-версия витрины
Проблема
Изначально опыт клиентов карты Апельсин был преимущественно ориентирован на мобильные устройства.
Часть пользователей десктопной версии имела доступ к MVP витрины с ограниченным набором функций, большинство возможностей оставалось доступно только в мобильном приложении и мобильном вебе.
Это создавало несогласованный опыт между платформами и ограничивало возможности пользователей взаимодействовать с программой лояльности через Альфа-Онлайн.
Задача
Спроектировать полноценную десктопную версию витрины карты Апельсин, адаптировав её под особенности поведения пользователей на десктопе.
Подход
Я не стала переносить дизайн мобильной витрины карты Апельсин на десктоп один-в‑один. Вместо этого адаптировала информационную архитектуру и паттерны взаимодействия под десктоп.
Например, я осознанно не стала переносить штрихкод в десктопную версию: сканирование карты на кассе — исключительно мобильный сценарий, поэтому его присутствие на десктопе добавляло бы интерфейсу ненужную сложность.
Проект также стал основой для нового кросс-платформенного подхода: все новые фичи программы лояльности теперь должны проектироваться сразу с учётом мобильных и десктопных сценариев.
Результат
С командой запустили полноценную десктопную витрину карты Апельсин;
Опыт взаимодействия между мобильными и веб-платформами стал консистентен;
Десктоп стал поддерживаемой платформой для дальнейшего развития программы лояльности;
Сценарии адаптированы под особенности десктопа.
Увеличение заметности точек входа
Проблема
Несмотря на ценность программы лояльности, раздел Апельсиновой карты оставался недостаточно востребованным.
Многие пользователи просто не знали, где его найти, или сталкивались с ним недостаточно часто.
В результате ключевые механики программы имели низкую заметность, что ограничивало вовлечённость пользователей и использование функций продукта.
Задача
Повысить обнаруживаемость витрины карты Апельсин, добавив удобные точки входа из разных частей приложения банка с проверкой решений экспериментами.
Подход
Вместе с продакт-менеджером мы проанализировали ключевые точки взаимодействия пользователей с банковским приложением и определили наиболее перспективные места для доступа к витрине.
Я исследовала различные сценарии доступа и спроектировала несколько контекстных точек входа, учитывая намерение пользователя и особенности их поведения.
Чтобы проверить гипотезы, я подготовила несколько вариантов точек входа для A/B-и A/B/C-тестов. Вместе с аналитиками мы определили критерии успеха и использовали результаты экспериментов для принятия решений о дальнейшем развитии продукта.
Параллельно я исследовала дополнительные концепции точек входа, которые стали основой для редизайна витрины.
Результат
Точки входа оптимизированы на основе данных A/B-тестов;
Повысилась заметность раздела карты Апельсин;
Повысился MAU витрины;
Появился масштабируемый подход к дальнейшему развитию продукта.
Итоги
Со временем витрина карты Апельсин превратилась из набора отдельных механик в масштабируемую платформу для вовлечения пользователей.
Моя работа была сфокусирована не только на улучшении отдельных интерфейсов, но и на том, чтобы сделать продукт более доступным, заметным и удобным для пользователей.
Этот опыт помог мне научиться одновременно учитывать текущие бизнес-задачи и долгосрочную масштабируемость продукта, работать с экспериментами и выстраивать решения совместно с кросс-функциональной командой.
В целях сохранения конфиденциальности и соблюдения NDA я не раскрывала фактические значения продуктовых метрик.
Следующий кейс