✅ Пользователи быстрее ориентируются в состоянии бизнеса
✅ На 28% меньше кликов до целевого действия
✅ Снижение количества обращений в поддержку
✅ Рост вовлечённости: чаще заказывают новый терминал
✅ На 28% меньше кликов до целевого действия
✅ Снижение количества обращений в поддержку
✅ Рост вовлечённости: чаще заказывают новый терминал
Product designer
Геймификация тарифа: прогресс, который мотивирует
Старый интерфейс не раскрывал ценность тарифов:
— смена тарифа была невозможна в ЛК,
— описание действующего тарифа было текстовым и неполным,
— пользователь не понимал, как рассчитываются условия,
— не было наглядного способа понять, как текущий оборот влияет на ставку.
— смена тарифа была невозможна в ЛК,
— описание действующего тарифа было текстовым и неполным,
— пользователь не понимал, как рассчитываются условия,
— не было наглядного способа понять, как текущий оборот влияет на ставку.
Контекст:
Боли Пользователей
Зависимость от поддержки
«Чтобы что-то узнать, приходится звонить в банк, что-бы что-то сделать надо идти в банк»
Нет ощущения контроля
«Хочу понимать, выгоден ли мне этот тариф, и иметь возможность поменять, если нет»
Скрытые расходы
«Непрозрачная ставка — сколько я реально плачу, почему списания всегда разные?»
Неясные условия
«Я не понимаю, какой тариф у меня сейчас и как он работает»
Задачи, цели & OKR
🧾🔍🗂
🪜📈🏆
Расширить список представленных тарифов в ЛК и обеспечить прозрачность условий
Мотивировать клиента увеличивать оборот для получения лучших условий по тарифу
📞📉🔄
Снизить обращения в поддержку по вопросам условий тарифа и заявок на смену
🤝📊🧘
Повысить лояльность пользователей за счёт прозрачности и контроля условий тарифа
Процесс решения
🧪 UX Research & Validation
Подготовила два варианта концепта: линейный vs. визуальный прогресс
Провели быстрые user-тесты — победила модель с геймификацией и прогресс-индикатором
Получили подтверждение: визуальная подача снижает тревожность, повышает интерес и вовлечённость
2 этап
🧭 Product Discovery
Совместно с PO зафиксировали ключевые боли: непрозрачные тарифы, непонимание условий, отсутствие контроля
Сформулировала JTBD и user stories на основе реальных сценариев пользователей с динамичной ставкой
Проанализировала бенчмарки финтех-продуктов с механикой «уровней» и гибкой тарификации
1 этап
🚚 Delivery & Iteration
Проверила реализацию на девстенде: анимации, расчёт, состояния
Подготовила бэклог улучшений:
- управление подключёнными сервисами через тогглы,
- отображение точной суммы списаний,
- внедрение истории платежей за эквайринг.
4 этап
🧠 Design & Handoff & Review
Проработала 23 тарифных предложения и создала адаптивные макеты с индивидуальной логикой .
3 этап
Проработала тёмную и светлую темы, состояния карточек, edge-cases
Проводила дизайн-ревью на девстендах совместно с QA проверяла логику, адаптивность и визуальную точность реализации
Сопровождала реализацию: участвовала в синках, прорабатывала поведение и сценарии вместе с фронтендом
Подготовила дизайн-спеки и передала через Figma с документацией
Использовала компоненты из дизайн‑системы, соблюдая atomic‑подход
User Story
Как пользователь, я могу видеть параметры своего тарифа, историю списаний и точную сумму платежей, чтобы понимать, сколько я плачу банку, и принимать решения о смене тарифа на основе фактов.
JTBD:
«Когда я пользуюсь эквайринговым тарифом (фиксированным, пакетным или с динамической ставкой), я хочу понимать его условия, как они применяются к моему бизнесу, и как мои действия влияют на итоговую стоимость, чтобы контролировать расходы и при необходимости перейти на более подходящий тариф.»
Экран детализации тарифа с динамичной ставкой использует паттерн упущенной выгоды: визуальные маркеры акцентируют текущие условия, а сообщения о потенциальной экономии до 5000 ₽ якорят внимание и создают мягкое давление на действие — «ты почти там, просто увеличь оборот».
Экран построен на якорении внимания: визуальный триггер фиксирует новое значение ставки, а короткий эмоциональный всплеск усиливает мотивацию, закрепляет чувство контроля и успеха.
Экран с индикатором прогресса визуализирует достижение цели: при выполнении оборота пользователь видит, что комиссия на следующий месяц будет обнулена — работает эффект немедленной награды, создаётся позитивное подкрепление и формируется привычка отслеживать свой прогресс.
Экран детализации тарифа с предоплаченным пакетом строится на механике «беззвучного порога»: пока пользователь в лимите — комиссия не списывается. Индикатор расхода лимита помогает контролировать траты, а персонализированное предложение на основе аналитики подсказывает более выгодный тариф — создавая ощущение заботы и усиливая доверие к продукту.
Результаты
🚧
🚧
🚧
🚧
Work in progress
Этот кейс в процессе реализации — скоро здесь появится результаты. Следите за апдейтами, будет интересно 👀
Work in progress
Этот кейс в процессе реализации — скоро здесь появится результаты.
Следите за апдейтами, будет интересно 👀
Следите за апдейтами, будет интересно 👀
Work in progress
Этот кейс в процессе реализации — скоро здесь появится результаты. Следите за апдейтами, будет интересно 👀
Work in progress
Этот кейс в процессе реализации — скоро здесь появится результаты. Следите за апдейтами, будет интересно 👀
Дизайн-долг, занесённый в backlog
Что бы улучшила
🟢🔘Управление сервисами через тоглы
Добавить возможность в один клик включать и отключать подключённые услуги прямо в интерфейсе тарифа. Без необходимости заполнять оферту.
🧾🔍Прозрачная сумма «плачу банку»
Вывести общую сумму затрат за месяц в дашборд тарифа и на главную ЛК— чтобы пользователь знал, сколько реально отдал за эквайринг и на что.
📆💸История списаний по тарифу
Показать историю ежемесячных списаний за тариф и подключённые сервисы — с детализацией по датам и суммам.
🧩 Настройку дашборда тарифа под себя
Возможность настраивать отображение блока тарифа — например, вынести карточку на главную страницу ЛК, добавить в общий дашборд.
