Контекст
Альфа‑Бизнес — это интернет-банк для предпринимателей, в котором бизнесмены управляют счетами, проводят платежи, следят за выпиской и подключают банковские услуги.
Домен
FinTech (экосистема Альфа-Банка)
Сегмент
B2B / B2B2C (малый и средний бизнес).
Ца
Индивидуальные предприниматели (ИП) и владельцы малого бизнеса, которые самостоятельно управляют счетами и платежами.
Платформа
Веб-версия и мобильная адаптация личного кабинета для бизнеса (интернет-банк).
Ограничения
- Строгое следование гайдлайнам и компонентам дизайн-системы Альфа-Банка.
- Высокие требования к безопасности: любое изменение тарифа должно подтверждаться одноразовым паролем из СМС (это обязательное условие, которое нельзя обойти).
- Необходимость унифицировать логику смены тарифа для мобильной и десктопной версий, сохранив привычную навигацию.
Проблема
Пользовательская проблема
В старом интерфейсе процесс смены тарифа занимает много времени, требует перехода по нескольким страницам и вызывает путаницу. Пользователи не могут быстро сравнить условия и переключиться на более выгодный тариф, что снижает их лояльность.
Бизнес-проблема
Повысить конверсию в смену тарифа (апсейл и кросс-сейл) и снизить нагрузку на поддержку (частые звонки с вопросами о стоимости).
Цель
Спроектировать интуитивный сценарий смены и сравнения тарифа, чтобы снизить нагрузку на техподдержку.
Моя роль
- Провел анализ текущих UI-компонентов и дизайн-системы банка.
- Изучил реализацию смены тарифов у конкурентов.
- Сгенерировал гипотезы и спроектировал пользовательский сценарий (сократил путь до 2 кликов).
- Разработал макеты для десктопа и мобильной версии (включая виджеты и поп-апы для подтверждения).
- Собрал кликабельный прототип в Figma.
- Провел коридорное тестирование (опрос коллег) и валидировал решение.
Исследования
Гипотезы
- Гипотеза 1: Если вынести список альтернативных тарифов на отдельный экран с понятной сравнительной таблицей (стоимость, лимиты), пользователи быстрее примут решение.
- Гипотеза 2: Упрощение подтверждения до одноразового СМС-пароля (вместо заполнения форм) снизит отказы на финальном шаге.
Методы исследования и проверка
- Анализ конкурентов: Посмотрел, как устроена смена тарифов в Т-Банке, Сбере и ВТБ.
- Анализ дизайн-системы: Изучил готовые UI-киты Альфы, чтобы использовать нативные паттерны (кнопки, поп-апы, уведомления).
- Коридорное тестирование: Показал кликабельный прототип в Figma 5 коллегам (продуктовым менеджерам и разработчикам) и собрал обратную связь об интуитивности шагов и читаемости таблиц.
Результат
- Готовый UX/UI-макет: сценария смены тарифа (включая десктопную и мобильную версии), интегрированный в дизайн-систему Альфа-Банка.
- Валидированное решение: Сценарий протестирован и одобрен внутренними ревьюерами (продуктовая команда и разработчики).
- Снижение времени пользователя: путь от просмотра тарифа до подтверждения занимает не более 3 шагов.
- Четкая коммуникация выгоды: Добавлены виджеты с экономией (например, «2 месяца в подарок»), что усиливает мотивацию к смене тарифа.