Продуктовый дизайнер с 4+ годами опыта в B2C, B2B и SaaS продуктах. Создаю интуитивные интерфейсы через UX, визуальный дизайн и продуктовое мышление
Alyona Shutova
Организация работы с аналитикой — Bonus
Самостоятельно выстроила процесс от разметки событий до проверки гипотез, разработала две ключевые метрики для оценки эффективности акционных механик. На основе количественных исследований актуализировала CJM и портреты пользователей по когортам
Фан-зона: единый раздел клубных активностей
Разработка нового раздела приложения, объединяющего разрозненные акционные активы в единое пространство с прозрачным статусом участия и снижением нагрузки на техподдержку
Продукт
BetBoom
Моя роль
Product Designer
Платформы
IOS, Android, Web
Проблема и контекст
Все решалось через техпо
Существовала механика «Билеты за ставку»: каждый клуб запускал свой актив отдельно, внутри раздела «Акции и бонусы». Пользователь видел разрозненный список, не понимал своих статусов и был вынужден обращаться в техподдержку, чтобы узнать — участвует ли он, выиграл ли, когда ждать результатов.
Два типа активов
Типы активов отличаются сценарием получения приза и набором периодов. Это влияет на флоу статусов пользователя и логику степпера.
Раздача
Билеты или призы выдаются всем выполнившим условие. Юзер сразу получает инструкцию на получение награды после выполнения условия
Розыгрыш
Среди выполнивших условие разыгрываются призы. Добавляется период «Подводим итоги». Только победители переходят к форме получения
Архитектура решения
Проектирование логики
До начала работы над экранами я декомпозировала систему через user flow — это было необходимо из-за нетривиального количества состояний: два типа активов, пять периодов жизни фан-зоны и персональные статусы пользователя поверх каждого из них.
Ключевые экраны
Онбординг в раздел
Новый раздел — новая механика, с которой пользователь не сталкивался раньше. Стартовый экран показывается только при первом входе: логотипы клубов сразу создают эмоциональную связь, сторис подробно объясняют, что юзера ждёт после входа. Никакого лишнего текста — только мотивация войти.
Главная страница раздела
Список фан-зон отсортирован по актуальности: зоны с активным состоянием или требующие действия — наверху. Каждая карточка одновременно показывает период фан-зоны и персональный статус пользователя. Формулировки подобраны так, чтобы нужное действие считывалось прямо со списка.
Страница фан-зоны
Полный контекст участия на одном экране: описание актива, призы и прогресс-степпер. Пользователь всегда понимает, где он находится и что делать дальше.
Компоненты и их логика
Карточка фан-зоны
Каждая фан-зона — постоянный раздел с активом или без него. У каждого актива есть период жизни, а у пользователя — персональный статус внутри него. Был создан один гибкий компонент с вариативной подписью под каждый сценарий. Такое решение позволило масштабировать систему без роста числа шаблонов.
Степпер
Степпер отображает прогресс пользователя внутри фан-зоны и меняется интерактивно: в зависимости от периода акции и действий пользователя — шаги появляются, становятся активными или уходят в статус «выполнено/не выполнено». Ввариативный контент закрывает все состояния без дублирования экранов.
Пресеты форм
Чтобы сократить обращения в техподдержку, был спроектирован набор готовых форм для получения призов. Каждый пресет соответствует типу вознаграждения и настраивается автоматически в административной панели при запуске нового актива.
Итоги и инсайты
↑ Больше участников *
Количество участников активов значительно выросло. Единый раздел сделал участие в любимых фан-зонах удобнее: всё в одном месте, статусы видны сразу, целевое действие считывается с карточки без лишних переходов
↓ Меньше обращений в поддержку *
Пресеты форм закрыли вопросы по получению призов, а прозрачность статусов и периодов сократила обращения с темой прогресса пользователя внутри актива и ожиданий итогов
→ Инсайт
Сложная система статусов и многоуровневый флоу не требует сложного интерфейса. Вся логика должна быть спрятана внутри компонентов, пользователь должен видеть только простой и понятный экран
* Беттинговая индустрия накладывает жёсткие юридические ограничения на раскрытие метрик — в том числе в процентах. Точные цифры под NDA, но на собеседовании я буду рада подробнее раскрыть глубину моей работы с данными и аналитикой в бонусном кейсе Организация работы с аналитикой
Виджет конструктора акций
Разработка интерактивного виджета для акционной механики с динамическим отображением прогресса пользователя и пересборкой флоу общей механики акций
Продукт
BetBoom
Моя роль
Product Designer
Платформы
IOS, Android, Web
Проблема и контекст
Основная задача
Специфика беттинга диктует жёсткие условия: акции часто привязаны к спортивным событиям и изменениям коэффициентов, а значит тайминг на релиз — минимальный.
Задача — разработать решение, при котором все сценарии акций учтены заранее, а менеджер может запустить любую механику самостоятельно через админку: настроить тип условия, текст и графическое наполнение без подключения разработки.
Задача — разработать решение, при котором все сценарии акций учтены заранее, а менеджер может запустить любую механику самостоятельно через админку: настроить тип условия, текст и графическое наполнение без подключения разработки.
Решение устарело
Акционная механика существовала, но не давала пользователю понимания своего прогресса внутри условия. Юзер не видел, сколько осталось до выполнения, какие условия уже засчитаны и когда ждать результатов. Дополнительную сложность создавало разнообразие условий и два принципиально разных сценария участия.
Два типа механик
Единоразовое выполнение
Пользователь выполняет условие один раз и становится участником розыгрыша. Повысить шансы на победу нельзя
Купонная механика
Условие можно выполнить несколько раз, за каждое выполнение пользователь получает купон и повышает шанс на победу
Три вида условий
→ Сделай оборот ставок
→ Сделай ставку от суммы
→ Сделай X ставок
Архитектура решения
Проектирование логики
До начала работы над виджетом был пересобран флоу общей механики акций. Были все комбинации механик, условий и состоянийи. Все дополнительные окна — информация о призе, рейтинг участников, мои купоны — встроены во флоу и открываются дровером, не уводя пользователя с экрана акции.
Ключевое решение
Виджет
Ключевой элемент экрана — интерактивный виджет, который теперь живёт внутри классической механики акций BetBoom. Он содержит информацию о прогрессе пользователя и состоянии акции. Прогресс-индикатор адаптируется под тип условия и механику, что настраивается в административной панели и больше не требует участия разработки.
Результат
→ оптимизация бизнес-процессов *
Готовое решение полностью закрыло потребность в участии команды продукта при каждом запуске: все сценарии учтены на уровне компонентов, менеджер настраивает акцию в админке самостоятельно. Это позволило сократить время от идеи до релиза акции до минимума.
* Беттинговая индустрия накладывает жёсткие юридические ограничения на раскрытие метрик — в том числе в процентах. Точные цифры под NDA, но на собеседовании я буду рада подробнее раскрыть глубину моей работы с данными и аналитикой в бонусном кейсе Организация работы с аналитикой
B2C
B2B
Figma
Прототипирование
User flow
Дизайн-системы
Mobile-first
UX-исследования
CJM
A/B тестирование
AI
Data-driven дизайн
IOS
Android
Web
Опыт работы
BetBoom · 04.2025 — н.в.
— Спроектировала и вывела в релиз 8+ продуктовых инициатив со сложными пользовательскими сценариями на iOS, Android и Web
— Единственный дизайнер с прямым доступом к аналитическим дашбордам: выстроила процесс от разметки событий до валидации гипотез
— Разработала две ключевые продуктовые метрики для оценки эффективности акционных механик и перевела команду на решения, основанные на данных
— На основе количественных исследований и анализа поведения пользователей сформировала CJM и актуализировала портреты аудитории по когортам
— Участвовала в презентации продуктовых решений стейкхолдерам
web2wave · 10.2022 — 04.2025
— Развивала B2B SaaS-платформу с этапа MVP: проектировала сложные desktop-сценарии, самостоятельно определяла приоритеты и участвовала в стратегическом планировании релизов
— Собрала дизайн-систему с нуля в Figma и внедрила единый подход к проектированию на всей платформе
— Курировала команду из 2 дизайнеров, выстраивала кросс-функциональные процессы между дизайном, продуктом и разработкой
UCHi.RU · 04.2021 — 10.2022
— Спроектировала и вывела в релиз интерфейс виртуального класса для проведения видеоуроков
— Переработала главную страницу Учи.Дома: редизайн с фокусом на конверсию
— Разрабатывала посадочные страницы и конверсионные лендинги
Дополнительно
— 🎓 B.Sc. Университет ИТМО — Программная инженерия, специализация «Дизайн интерфейсов»
— 🎓 Band Bang Education — Дизайнер интерфейсов (UX/UI-дизайнер)
— Приглашённый ментор учебной практики студентов Академии TOP, направление «Компьютерная графика и дизайн»
— Английский B2
