Product Designer with 5+ years of experience across B2C, B2B, and SaaS products. Designing intuitive experiences through UX, visual design, and product thinking
Alyona Shutova
Фан-зона: единое пространство для активностей клубов и призовых механик
Разработка нового раздела приложения, объединяющего разрозненные акционные активы в единое пространство с прозрачным статусом участия и снижением нагрузки на техподдержку
Продукт
BetBoom
Моя роль
Product Designer
Платформы
IOS, Android, Web
Проблема и контекст
Все решалось через техпо
Существовала механика «Билеты за ставку»: каждый клуб запускал свой актив отдельно, внутри раздела «Акции и бонусы». Пользователь видел разрозненный список, не понимал своих статусов и был вынужден обращаться в техподдержку, чтобы узнать — участвует ли он, выиграл ли, когда ждать результатов.
Два типа активов
Типы активов отличаются сценарием получения приза и набором периодов. Это влияет на флоу статусов пользователя и логику степпера.
Раздача
Билеты или призы выдаются всем выполнившим условие. Юзер сразу получает инструкцию на получение награды после выполнения условия
Розыгрыш
Среди выполнивших условие разыгрываются призы. Добавляется период «Подводим итоги». Только победители переходят к форме получения
Архитектура решения
Проектирование логики
До начала работы над экранами я декомпозировала систему через user flow — это было необходимо из-за нетривиального количества состояний: два типа активов, пять периодов жизни фан-зоны и персональные статусы пользователя поверх каждого из них.
Ключевые экраны
Онбординг в раздел
Новый раздел — новая механика, с которой пользователь не сталкивался раньше. Стартовый экран показывается только при первом входе: логотипы клубов сразу создают эмоциональную связь, сторис подробно объясняют, что юзера ждёт после входа. Никакого лишнего текста — только мотивация войти.
Главная страница раздела
Список фан-зон отсортирован по актуальности: зоны с активным состоянием или требующие действия — наверху. Каждая карточка одновременно показывает период фан-зоны и персональный статус пользователя. Формулировки подобраны так, чтобы нужное действие считывалось прямо со списка.
Страница фан-зоны
Полный контекст участия на одном экране: описание актива, призы и прогресс-степпер. Пользователь всегда понимает, где он находится и что делать дальше.
Компоненты и их логики
Карточка фан-зоны
Каждая фан-зона — постоянный раздел с активом или без него. У каждого актива есть период жизни, а у пользователя — персональный статус внутри него. Итоговый набор покрывает все комбинации периодов и статусов без создания уникальных карточек под каждый случай.
Степпер
Степпер отображает прогресс пользователя внутри фан-зоны и меняется интерактивно: в зависимости от периода акции и действий пользователя — шаги появляются, становятся активными или уходят в статус «выполнено/не выполнено».
Пресеты форм
Чтобы сократить обращения в техподдержку, был спроектирован набор готовых форм для получения призов. Каждый пресет соответствует типу вознаграждения и настраивается автоматически в административной панели при запуске нового актива.
Ключевые инсайты
