00:00 Mar 29, 2026
Назад

Спроектировала ключевые сценарии программы лояльности внутри мобильного банка

Я участвовала в проекте с самого начала. Основные функции программы находились во внешнем кабинете партнёра; моя задача — спроектировать наиболее востребованные действия внутри банка, не дожидаясь полного переноса процессинга.

Уралсиб Бонус: выбор категорий кешбэка и частичная интеграция программы лояльности в ДБО
Production-экраны
Category: Mobile App, Loyalty
Role
Product Designer
UX/UI Designer
Scope
Product concept
UX/UI Design
Prototyping
Business alignment
Platform
Mobile App
Figma
Period & Status
2025–2026
Production screens
/* Problem */

Программа ощущалась как отдельный от банка сервис

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

Как перенести ключевую ценность программы в ДБО, не дожидаясь полного переноса процессинга?

/* Task framing */

Разложила задачу на ценность, ограничения и критические вопросы

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

Пользователь

Частые действия без выхода из банка

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

Бизнес

Поддержать карточную активность

Сделать ценность программы заметнее, улучшить клиентский путь и повысить частоту взаимодействия с ДБО.

Система

Не ждать полной миграции процессинга

Ключевая логика оставалась у внешнего партнёра, а полный перенос затрагивал несколько банковских систем.

Фокус дизайна

Найти достаточную границу первой версии

Выбрать сценарии, которые уже дают клиенту ценность и при этом реалистичны для частичной интеграции.

/* Primary research */

Собрала общую картину продукта до проектирования интерфейса

Чтобы перейти к проектированию, я собирала картину по четырём направлениям: поведение клиентов, проблемы текущего пути, рыночные паттерны и ограничения интеграции.

Поведение

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

Три месяца статистики помогли сравнить востребованность ключевых сценариев.

Опыт

Usability и обращения

Проблемы сгруппировали по встречаемости и критичности.

Центральный вопрос

Лояльность внутри ДБО

Какие действия стоит перенести первыми, чтобы убрать главный разрыв пути?

Рынок

Конкурентный CJM

Сравнили точки входа, подачу выгоды и раскрытие условий программы.

Реализуемость

Правила и архитектура

Сопоставили AS IS и TO BE, зависимости систем и контур партнёра.

/* Evidence */

Что подтвердили данные и исследование

Команда сопоставила продуктовую статистику за декабрь, январь и февраль, обращения клиентов и сотрудников, конкурентный CJM-анализ, usability-тестирование, правила программы и интеграционные ограничения.

месяца продуктовых данных
3
UX-проблем оценены по встречаемости и критичности
9
инициатив сформированы
7
21 Скрытая точка входа

Самая частая проблема в материалах usability.

15 Выход из приложения

Возврат из кабинета партнёра разрывал путь.

11 Непонятная механика

Клиентам не хватало объяснения получения и траты бонусов.

10 Внешний браузер

Сценарий переставал ощущаться частью мобильного банка.

Числа показывают встречаемость проблемы в материалах usability, а не количество уникальных пользователей.

Главный вывод

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

Сводная UX-таблица Уралсиб Бонус: поиск программы, выбор категорий, понимание условий и подтверждение набора
Сводная UX-таблица: задачи аудитории и Job Stories по материалам кейса. Данные исследования отделены от гипотез и ожидаемого эффекта.
/* Hypotheses */

Какие гипотезы следовали из исследования

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

H01 · Приоритет

Две точки входа повысят заметность

Если показать программу на главном экране и в профиле карты, клиенту будет проще найти её в нужном контексте.

H02 · Приоритет

Выбор категорий стоит перенести в ДБО

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

H03

Условия нужны в момент выбора

Если рядом со ставкой показать срок, ограничения и MCC, пользователю будет легче принять решение до подтверждения.

H04

Состояния лимита защитят от ошибок

Если интерфейс объясняет неполный выбор и блокирует лишние категории, правила программы становятся предсказуемыми.

H05

Deeplink сохранит полезный объём первой версии

Если второстепенные функции оставить во внешнем контуре, ключевой сценарий можно спроектировать без полной миграции процессинга.

Рабочая доска Уралсиб Бонус: бизнес-требования, гипотезы, JTBD, план проверки и пользовательские пути
От постановки задачи к гипотезам и пользовательским путям. План проверки и метрики отделены от результатов исследования.
/* Validation */

Сопоставила гипотезы с данными, usability и ограничениями системы

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

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

Категории важнее обмена бонусов для первой версии

Масштаб использования выбора категорий заметно выше сценария обмена. Это стало аргументом в пользу H02.

Usability

Заметность и возврат требуют отдельного решения

Скрытый вход и разрыв при возврате получили наибольшую встречаемость. Это поддержало H01 и H02.

Обращения

Условия нельзя прятать от сценария

Вопросы о категориях, MCC и механике бонусов стали аргументом в пользу H03.

Конкурентный CJM

Контекстные точки входа уже стали рыночным паттерном

Сценарии конкурентов поддержали размещение программы на главном экране и в профиле продукта.

Архитектура

Частичная интеграция реалистичнее полной миграции

AS IS и TO BE показали зависимости от партнёрского процессинга и обосновали H05.

/* Competitor review */

Взяла из рынка работающие паттерны, а не готовый интерфейс

Конкурентный CJM помог понять, где клиенты ожидают увидеть лояльность и как банки объясняют выгоду. В решение перенесла принципы, которые отвечали проблемам Уралсиба.

Общий паттерн

Главный экран и профиль продукта

Несколько точек входа сокращают поиск. Для Уралсиба этот паттерн стал ответом на самую частую UX-проблему.

Ozon · Газпромбанк

Единая рамка «Выгода»

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

Т-Банк · Альфа-Банк

Кешбэк в общей ценности отношений с банком

Категории и начисления поддерживают карточный контекст, а не уводят пользователя в отдельный продукт.

Т-Банк · Ozon

MCC доступен по запросу

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

Доска референсов банковских программ лояльности: точки входа, категории кешбэка, условия и подтверждение выбора
Материалы конкурентного разбора: интерфейсы других банков и заметки о паттернах. Это референсы, а не экраны Уралсиба.
/* User flow */

Собрала основной путь и развилки до отрисовки экранов

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

01 · Вход

Главный экран или профиль карты

Пользователь открывает программу в контексте ДБО.

02 · Система

Проверка участия и офера

Доступность зависит от статуса клиента и набора продуктов.

03 · Экран

Бонусный раздел

Баланс, период, условия и следующее доступное действие.

04 · Выбор

Категории и детали

Ставка, ограничения, MCC и дата начала действия.

05 · Решение

Проверка лимита

До лимита выбор можно продолжить, после него остальные категории блокируются.

06 · Подтверждение

Фиксация выбора

Пользователь подтверждает набор и не может изменить его после отправки.

07 · Результат

Передача партнёру и успех

Система сохраняет выбор и показывает активные категории.

На узком экране схему можно прокрутить по горизонтали.

Статус участия

При прекращении участия пользователь видит объяснение вместо выбора.

Период

С 27-го числа могут быть доступны предложения на текущий и следующий месяц.

Лимит

После достижения доступного лимита остальные категории становятся недоступны.

Внешний контур

Функции вне первой версии продолжаются по предсказуемому deeplink.

/* Metrics */

На что я бы смотрела после запуска

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

Основная метрика

Завершение выбора категорий

Доля подтверждённых выборов среди начатых сценариев.

Подтверждения / начала выбора

Драйверы

Заметность и понятность пути

CTR двух точек входа, открытия среди eligible-клиентов, просмотр условий, время до подтверждения и выходы по шагам.

Guardrails

Стабильность интеграции

Ошибки получения офера, сбои передачи выбора партнёру, непреднамеренные выходы и обращения по условиям.

Baseline и целевые значения можно зафиксировать после настройки событий и первого стабильного периода наблюдения.

/* Product choice */

Как выбрали границу первой версии

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

Вариант 01

Обновить внешний кабинет

Приблизить интерфейс партнёра к дизайн-системе банка и добавить новые точки входа.

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

Выбранный вариант 02

Частично интегрировать программу

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

Это направление стало основой production-экранов. Партнёрские функции остались во внешнем контуре, чтобы не блокировать первую версию.

/* My role */

Превратила выбранную стратегию в production-экраны

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

/* Final UI */

Каждое решение отвечает на найденную проблему

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

Процесс работы над Уралсиб Бонус: постановка задачи, исследование, дизайн, согласование, проверка, документация и контроль реализации
Этапы работы и задачи для проверки. Пункты UX Test и Front Check описывают, что нужно проверить, а не результаты проведённых тестов.
/* Discoverability */

Сделала программу заметной в контексте карты

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

Главный экран мобильного банка, профиль карты и раздел Уралсиб Бонус в светлой теме
Точки входа, баланс и прогресс
/* Core scenario */

Выбор категорий стал ядром первого релиза

Пользователь выбирает категории в пределах доступного лимита на текущий или следующий месяц, видит ставку, условия, ограничения и MCC, а затем подтверждает выбор. Я проработала неполный и подтверждённый набор, блокировку после достижения лимита и детали в bottom sheet без выхода из сценария.

Выбор категорий кешбэка: пустой, частичный и полный набор, затем сохранённые категории в светлой теме
Светлая тема: выбор категорий от пустого набора до подтверждённого результата
Тёмная тема Уралсиб Бонус: профиль карты, бонусный раздел, выбор и сохранение категорий, информационные bottom sheet
Тёмная тема: бонусный раздел, выбор, сохранение и пояснения условий
/* Key constraint */

Провела понятную границу между системами

История бонусных операций, компенсация покупок, путешествия и партнёрские сервисы зависят от внешней платформы и остаются доступны по deeplink. Так первая версия не пытается сразу перенести весь продукт, но делает переход между системами предсказуемым.

Основные экраны и карта мобильных сценариев Уралсиб Бонус в светлой и тёмной темах
Основные экраны и переходы между мобильным банком и внешним контуром
/* Beyond happy path */

Состояния важнее happy path

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

01

Периоды

Текущий и следующий месяц могут отображаться одновременно.

02

Сегменты

Новый и действующий клиент получают разные предложения.

03

Выбор

Неполный набор, подтверждение и блокировка после лимита.

04

Начисления

Предварительные и окончательные значения разделены.

05

Eligibility

Учтены изменение продуктов и отсутствие подходящей карты.

06

Внешний контур

Функции вне MVP сохраняют понятный переход по deeplink.

/* Outcome */

Что я подготовила по итогам работы

Я собрала согласованную продуктовую концепцию, production-экраны и интерактивные прототипы для ключевых сценариев программы.

точки входа
в программу
2
групп продуктовых
состояний
6
темы интерфейса
проработаны
2

Сфокусировала первый релиз

Выбор категорий стал ядром первой версии, а бонусы и прогресс — следующим этапом развития.

Собрала ключевые сценарии в ДБО

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

Проработала сложные состояния

Учла шесть групп состояний: периоды, сегменты, выбор, начисления, eligibility и внешний контур.

Согласовала продуктовую концепцию

Подготовила production-экраны в светлой и тёмной темах, собрала прототипы и доработала решение по обратной связи бизнеса.

/* Takeaway */

Ценность решения — не в количестве экранов, а в точной границе: достаточно полезной для клиента, реалистичной для бизнеса и готовой к дальнейшему развитию

Выводы по проекту Уралсиб Бонус и ожидаемый эффект для конверсии, частоты входа и обращений в поддержку
Выводы по проекту. Рост конверсии и частоты входа, снижение обращений — ожидаемый эффект решения, не подтверждённые замерами результаты.
/* Research */
CJM конкурентов Usability Product data Обращения Архитектура Hypotheses User flow
/* My role */
Product concept UX/UI Design Interactive prototypes Business alignment Metric design