Масштабирование витрины карты «Апельсин»
О проекте
Карта Апельсин — дебетовая карта в рамках коалиционной программы лояльности Альфа-Банка, X5 Retail Group, Билайн и Альфа-Страхования.
Витрина карты Апельсин — основная точка взаимодействия клиентов с продуктом за пределами повседневных банковских операций. Здесь собраны механики программы лояльности, специальные предложения, подписочные сервисы, информация о кэшбэке и компенсация покупок баллами.
По мере развития продукта витрина постепенно превратилась в полноценную платформу для вовлечения пользователей, повышения их активности и долгосрочного развития продукта.
Контекст проекта
Despite the abundance of useful features, some users rarely discovered or returned to the Apelsin card storefront.
One of the product team's key challenges was to increase product visibility. We needed to rethink how users discover and interact with the storefront within the mobile app and Alfa-Online.
Ключевые метрики
MAU (активные пользователи за месяц)
конверсия точек входа
Удержание пользователей
Размер аудитории
700 тыс.+
Моя роль в проекте
Я отвечаю за продуктовый дизайн витрины карты Апельсин на платформах iOS, Android и Web.
Помимо проектирования интерфейсов, я участвовала в формулировании гипотез, поиске точек роста, инициировала улучшения и влияла на стратегическое развитие продукта.
Ниже представлены ключевые инициативы, демонстрирующие, как я масштабировала продукт совместно с командой.
Оптимизация пути пользователя к штрихкоду
Проблема
Для пользователей карты Апельсин сканирование штрихкода на кассе — основной сценарий взаимодействия с программой лояльности в офлайне.
Почти 80% пользователей перед открытием штрихкода приходилось делать как минимум два лишних клика. Это создавало дополнительное трение в момент покупки, когда скорость критически важна.
Проблема
Сократить время доступа к штрихкоду, сохранив при этом возможность полноценно пользоваться разделом лояльности Апельсина.
Методология проектирования
Я проанализировала пользовательские сценарии и определила экран банковской карты как наиболее естественную точку для быстрого доступа к штрихкоду.
Вместо того чтобы заменять существующую точку входа на витрину, я переработала виджет карты так, чтобы он поддерживал два ключевых сценария:
Мгновенный доступ к штрихкоду в один тап;
Переход в витрину карты для пользователей, которые хотят изучить механику программы лояльности.
Также я обновила UI виджета и предусмотрела краевые сценарии, связанные с отображением статического штрихкода.
Решение разрабатывалось продуктовой командой и было доведено от этапа дискавери до релиза всего за один месяц.
Итог работы
Время до открытия штрихкода сократилось на 50%;
Выросло количество успешных сканирований на кассе;
Решение было реализовано в установленный руководством срок — один месяц.
Десктопная версия витрины
Проблема исследования
Изначально пользовательский опыт держателей карт Апельсин был преимущественно ориентирован на мобильные устройства.
Часть пользователей десктопной версии имела доступ лишь к MVP-витрине с ограниченным функционалом, в то время как большинство ключевых возможностей оставалось доступно исключительно в мобильном приложении и мобильной веб-версии.
Это создавало разрыв в пользовательском опыте между платформами и ограничивало возможности взаимодействия с программой лояльности через Альфа-Онлайн.
Контекст и вызов
Спроектировать полноценную десктопную версию витрины карты Апельсин, адаптировав её под особенности поведения пользователей на десктопе.
Кейс
Я не стала переносить дизайн мобильной витрины карты Апельсин на десктоп один в один. Вместо этого я адаптировала информационную архитектуру и паттерны взаимодействия под большие экраны.
Например, я осознанно отказалась от переноса штрихкода в десктопную версию: сканирование карты на кассе — исключительно мобильный сценарий, и его присутствие на десктопе лишь перегружало бы интерфейс.
Этот проект также заложил основу для нового кросс-платформенного подхода: теперь все новые фичи программы лояльности проектируются параллельно для мобильных и десктопных сценариев.
Итоги кейса
Вместе с командой мы запустили полноценную десктопную версию витрины карты «Апельсин»;
Обеспечили бесшовный и консистентный пользовательский опыт при переходе между мобильными и веб-платформами;
Спроектировали десктоп как поддерживаемую платформу для масштабирования и развития программы лояльности;
Адаптировали ключевые сценарии под специфику и паттерны использования десктопных устройств.
Повышение видимости точек входа
Проблема исследования
Несмотря на ценность программы лояльности, раздел Апельсиновой карты оставался недостаточно востребованным.
Многие пользователи просто не знали, где его найти, или сталкивались с ним недостаточно часто.
В результате ключевые механики программы имели низкую заметность, что ограничивало вовлечённость пользователей и использование функций продукта.
Контекст проекта
Повысить обнаруживаемость витрины карты Апельсин, добавив удобные точки входа из разных частей приложения банка с проверкой решений экспериментами.
Методология проектирования
Совместно с продакт-менеджером мы проанализировали ключевые точки взаимодействия пользователей с банковским приложением и определили наиболее перспективные места для интеграции витрины.
Я исследовала различные сценарии взаимодействия и спроектировала несколько контекстных точек входа, опираясь на пользовательские интенты и паттерны поведения.
Для валидации гипотез я подготовила несколько вариантов точек входа для A/B- и A/B/C-тестирования. Вместе с аналитиками мы сформулировали метрики успеха и использовали результаты экспериментов для принятия обоснованных продуктовых решений.
Параллельно я проработала альтернативные концепции точек входа, которые легли в основу будущего редизайна витрины.
Итог
Точки входа оптимизированы на основе данных A/B-тестирования;
Повысилась заметность раздела карты Апельсин;
Увеличился показатель MAU витрины;
Разработан масштабируемый подход к дальнейшему развитию продукта.
Ретроспектива
Со временем витрина карты Апельсин превратилась из набора отдельных механик в масштабируемую платформу для вовлечения пользователей.
Моя работа была сфокусирована не только на улучшении отдельных интерфейсов, но и на том, чтобы сделать продукт более доступным, заметным и удобным для пользователей.
Этот опыт помог мне научиться одновременно учитывать текущие бизнес-задачи и долгосрочную масштабируемость продукта, работать с экспериментами и выстраивать решения совместно с кросс-функциональной командой.
В целях сохранения конфиденциальности и соблюдения NDA я не раскрывала фактические значения продуктовых метрик.