Открытие первого счёта в Газпромбанк Бизнес Онлайн

Проект под NDA, ссылку на фигму дать не могу. Весь флоу могу пошарить на интервью

Роль: Senior Product Designer (Web & System Design)
Период: 2023 — 2025
Фокус: рост конверсии онбординга, оптимизация воронки и эксперименты по монетизации

Контекст
Газпромбанк Бизнес Онлайн — высоконагруженная ERP-платформа для малого и среднего бизнеса.
Онлайн-открытие счёта — ключевой этап онбординга, влияющий на рост клиентской базы и доход.
Команда поставила задачу: увеличить конверсию оформления счёта (CR) и снизить время прохождения анкеты.

Проблема (исследования и аналитика)

Онбординг был громоздким, без явного прогресса, с устаревшими экранами
Часть интерфейсов оставалась на старой дизайн-системе, не соответствуя новой
На шаге выбора тарифа пользователь видел цену только после клика “Подробнее”, что вызывало тревогу и отказы (до 50 % drop-off)
Конверсия завершения заявки держалась на уровне ~30 %

Анализ воронки (Funnel) → Bottleneck

Чтобы точно понять, где теряются пользователи, была построена воронка:

Start Form — пользователь нажимает “Открыть счёт”
Organization's Data Input — ввод данных компании в несколько шагов
Tariff View — выбор тарифов
Submit Form — завершение анкеты
Success — получение реквизитов счёта

Результат:

Потери между шагами 2 → 3 — −30 % (Bottleneck).
Между 3 → 4 — ещё −10 %.
Удержание на этапе тарифов критично низкое. Пользователям неудобно выбирать, и непонятно ценообразование.

Эта аналитика задала направление всей работе — оптимизировать UX именно в точке, где теряем больше всего клиентов.

Изначальный флоу на старой ДС

Решение 1. Переход на новую дизайн-систему Fractal и улучшение флоу

Что сделали

Полностью перевели онбординг на новую дизайн-систему Fractal, которую я разрабатывал вместе с внутренней командой
Компоненты, токены, автолейауты и вариативные стили позволили создать консистентный UI и ускорить разработку
Сократили количество шагов анкеты в 2 раза с 10 до 5
Добавили прогресс-бар, чек-лист документов и короткие пояснения
Вынесли блок с дополнительными опциями на отдельный шаг
UX-копирайтнг: убрали канцеляризмы, где это возможно

Новый флоу на новой ДС

Результаты

Метрика	До	После	Δ
Конверсия завершения анкеты	58%	69%	+11 п.п.
Среднее время заполнения	6 мин	4:30 мин	−25 %
Ошибки/возвраты	—	−40 %	—
Drop-off на первом шаге	22 %	15%	−7 п.п.

Редизайн на Fractal упростил интерфейс и дал инфраструктуру для быстрого эксперимента с тарифами.
(Подробнее о создании Fractal — в отдельном кейсе о дизайн-системе.)

Решение 2. A/B-тест шага выбора тарифа

Гипотеза: если отображать тарифы сразу, без модалки “Comparison”, пользователи будут лучше понимать стоимость, меньше уходить и чаще завершать заявку.

Контроль (A)

Кнопка “Сравнить тарифы” → открывается модалка
Цена и условия видны только внутри неё
После закрытия часть пользователей не возвращалась в форму

Вариант (B)

Сравнение тарифов встроено прямо в экран анкеты
Пользователь выбирает план и сразу переходит к подтверждению

Метрики и результаты (4 недели, n ≈ 100 000)

Метрика	До	После	Δ
Drop-off на шаге тарифов	30%	17%	−13 п.п.
Общая конверсия (CR)	69 %	75%	+6 п.п.
Среднее время шага	1:40 мин	1:10 мин	−30 %

Инсайт: пользователи реже покидают процесс, так как видят всю ценность и цену сразу, без “сюрприза”.
Количество отказов из-за восприятия стоимости снизилось почти на половину.

Ключевые выводы

Воронка помогла точно локализовать слабое место и доказательно обосновать направление изменений
Fractal DS + редизайн дали +6 п.п. к CR без изменения логики
A/B-тест тарифов добавил ещё +11 % к общей конверсии и −21 п.п. к отказам
Создана база для системного Growth-дизайна: быстрые эксперименты, прозрачные метрики, единая компонентная база

Дальнейшие шаги

Раскатать вариант B на весь трафик
Запустить следующий эксперимент: “Автоподбор тарифа” по ответам пользователя
Расширить подход на другие воронки (эквайринг, кредиты, зарплатные проекты)
Продолжить развитие Fractal DS — внедрение токенов и динамических тем

Вклад дизайнера
Я инициировал разбор воронки, сформулировал гипотезы, собрал аналитику, спроектировал флоу и два варианта интерфейса тарифов.
Как один из авторов Fractal Design System, я обеспечил совместимость нового флоу с библиотекой компонентов и ускорил A/B-тест.
Проект показал, как дизайнер, работая системно — через дизайн-систему, метрики и эксперименты — влияет на рост продукта и бизнес-результаты.

🔗 Связанный проект: Fractal Design System

Роль: Core Designer / System Architect
Цель: создать единую модульную систему для всех цифровых продуктов Газпромбанка.
Fractal — это масштабируемая дизайн-система, на которой построен онбординг и A/B-тест тарифов.
Я участвовал в разработке её архитектуры: токены, адаптивная сетка, автолейауты, вариативные компоненты, темы (светлая/тёмная), библиотека и документация в Figma.
Что дала Fractal продукту:

ускорение релизов за счёт единых паттернов (Time-to-Market ↓ на 30 %);
консистентность интерфейсов между вебом и мобильными каналами;
основа для быстрой постановки и тестирования гипотез без ручной верстки;
совместимость с аналитикой (метки и события встроены в шаблоны компонентов).

Подробнее о Fractal — в отдельном кейсе:
«Fractal Design System: как мы построили системный дизайн-фреймворк Газпромбанка»
(история создания, принципы, архитектура и влияние на скорость продукта).