Как я переработал воронку активации для одного из крупнейших брокеров России

БКС — один из крупнейших брокеров России. Мобильное приложение для инвестиций: акции, фонды, облигации и другие финансовые инструменты.

О проекте

Регистрация

Quiz и открытие счета

Онбординг

Стартовый лендинг

Дизайн система

Результат

Моя роль

Senior product designer, отвечавший за онбординг и активацию пользователей.

Индустрия

Fintech

О проекте

БКС — один из крупнейших брокеров России. Пользователи отсеивались до завершения регистрации и так и не доходили до первой сделки. Я переработал всю воронку активации — регистрацию, quiz, открытие счёта и формирование первого портфеля, устраняя барьеры на каждом этапе.

Задача

До 55 % пользователей покидали процесс между приветственным экраном и шагом ввода номера телефона. Моя цель — повысить коэффициент активации (долю пользователей, дошедших до первого ключевого экрана) и улучшить удержание после онбординга.

I. Этап регистрации и его варианты

I. Этап регистрации
и его варианты

В исходной форме требовалось сразу слишком много данных: имя, номер телефона, email и пароль — и это происходило ещё до того, как у пользователя появлялась причина доверять приложению. Я упростил процесс: перенёс часть полей на следующий шаг, объединив два экрана в один. Так удалось убрать одно лишнее нажатие.

Чат‑интерфейс вместо формы:
альтернативный подход к регистрации

Я предложил новую идею: а что, если использовать чат вместо обычной формы? Мне показалось, что для новых пользователей это будет менее стрессово. Поэтому я разработал версию с виртуальным ассистентом: он задавал те же вопросы, но в формате беседы.

Чат‑интерфейс вместо формы: альтернативный подход к регистрации

Я предложил новую идею: а что, если использовать чат вместо обычной формы? Мне показалось, что для новых пользователей это будет менее стрессово. Поэтому я разработал версию с виртуальным ассистентом: он задавал те же вопросы, но в формате беседы.

Мы протестировали решение на 350 пользователях. Результаты оказались не такими, как мы ожидали: 38 % пользователей не поняли тон ассистента, а 30 % отметили, что чат читать сложнее, чем обычную форму.

Исходя из этого, я решил вернуться к форме. Но сохранил дружелюбный, разговорный стиль текстов из чат‑версии.

II. Quiz + открытие счёта

В исходном квизе было несколько проблем: в нём встречались повторяющиеся вопросы, основная кнопка находилась ниже области видимости (за «скролом»), а также использовались инвестиционные термины, слишком сложные для новых пользователей.

Улучшения

Как начинающий инвестор, я хочу, чтобы платформа понимала мой уровень опыта и цели, и при этом не возникало ощущения, будто меня допрашивают ещё до того, как я открыл счёт.

Я сократил количество вопросов, переместил основное действие выше на экране и переписал тексты простым языком.

Важно отметить, что я предлагал идеи для разных механик. Например, заменить квиз на свайпаемые карточки (по аналогии с дейтинг‑приложениями: пользователь видит вариант и сразу свайпает влево/вправо или нажимает «нравится/не нравится»). Однако сроки разработки были ограничены, а приоритетом было улучшить уже существующее решение.

В исходном квизе было несколько проблем: в нём встречались повторяющиеся вопросы, основная кнопка находилась ниже области видимости (за «скролом»), а также использовались инвестиционные термины, слишком сложные для новых пользователей.

Улучшения

Как начинающий инвестор, я хочу, чтобы платформа понимала мой уровень опыта и цели, и при этом не возникало ощущения, будто меня допрашивают ещё до того, как я открыл счёт.

Я сократил количество вопросов, переместил основное действие выше на экране и переписал тексты простым языком.

Важно отметить, что я предлагал идеи для разных механик. Например, заменить квиз на свайпаемые карточки (по аналогии с дейтинг‑приложениями: пользователь видит вариант и сразу свайпает влево/вправо или нажимает «нравится/не нравится»). Однако сроки разработки были ограничены, а приоритетом было улучшить уже существующее решение.

В исходном квизе было несколько проблем: в нём встречались повторяющиеся вопросы, основная кнопка находилась ниже области видимости (за «скролом»), а также использовались инвестиционные термины, слишком сложные для новых пользователей.

Улучшения

Как начинающий инвестор, я хочу, чтобы платформа понимала мой уровень опыта и цели, и при этом не возникало ощущения, будто меня допрашивают ещё до того, как я открыл счёт.


Я сократил количество вопросов, переместил основное действие выше на экране и переписал тексты простым языком.


Важно отметить, что я предлагал идеи для разных механик. Например, заменить квиз на свайпаемые карточки (по аналогии с дейтинг‑приложениями: пользователь видит вариант и сразу свайпает влево/вправо или нажимает «нравится/не нравится»). Однако сроки разработки были ограничены, а приоритетом было улучшить уже существующее решение.

Далее: экран ожидания при открытии счёта

Проверка аккаунта занимала несколько минут. Вместо пустого экрана загрузки я разработал экран ожидания, который позволял пользователям оставаться вовлечёнными: они могли включить уведомления, подтвердить личность или заглянуть в раздел FAQ, пока идёт проверка.

III. Get‑started landing pages:
первые шаги пользователя

III. Get‑started landing pages: первые шаги пользователя

Как пользователь, который впервые пользуется сервисом, я хочу чувствовать уверенность, совершая первую покупку, а не теряться в попытках понять, с чего начать.

Как пользователь, который впервые пользуется сервисом, я хочу чувствовать уверенность, совершая первую покупку, а не теряться в попытках понять, с чего начать.

После регистрации, открытия счёта и прохождения квиза пользователи попадают на главную панель приложения. На этом этапе было важно тщательно продумать, что показывать новым пользователям, и как не допустить, чтобы они чувствовали себя перегруженными.

Онбординг‑панель: как показать
главное и не перегрузить новичка

На изображении ниже — две версии. Слева — исходный дизайн: все блоки имеют одинаковый визуальный вес. Справа — моя переработанная версия: в ней выстроена более чёткая визуальная иерархия.

В исходной версии пользователи не понимали, с чего начать и какое действие выполнить в первую очередь. Я переработал экран, чтобы устранить эту проблему.

Онбординг‑панель: как показать главное и не перегрузить новичка

На изображении ниже — две версии. Слева — исходный дизайн: все блоки имеют одинаковый визуальный вес. Справа — моя переработанная версия: в ней выстроена более чёткая визуальная иерархия.

В исходной версии пользователи не понимали, с чего начать и какое действие выполнить в первую очередь. Я переработал экран, чтобы устранить эту проблему.

Раздел «С чего начать» теперь расположен в верхней части экрана — он служит понятной точкой входа в основные функции приложения.

Приветственный бонус по‑прежнему виден, но больше не конкурирует с главным призывом к действию. Он добавляет ценность, не отвлекая внимание от основной цели.

Я добавил новый раздел «Топ первых покупок». Это решает распространённую проблему: начинающие инвесторы часто не знают, какие продукты выбрать в первую очередь. Показывая популярные и чаще всего покупаемые активы, я упростил пользователям совершение первой покупки.

→ Экран: до и после

→ Экран: до и после

Activation Landing Pages

Помимо главной панели, я спроектировал лендинги активации — экраны, которые помогают пользователям разобраться, как начать инвестировать.

Эти страницы должны были быть полезны двум разным типам пользователей:

  • Абсолютные новички — пользователи без каких‑либо знаний об инвестициях.

  • Опытные пользователи — те, кто впервые в приложении, но уже знаком с инвестициями.

Чтобы решить эту задачу, я использовал свой предыдущий опыт проектирования лендингов для технологических стартапов и IT‑компаний.

→ Слева: лендинг для новичков
→ Справа: лендинг для опытных инвесторов

Взаимодействие с командой разработки

После того как команда разработки выпустила сборку, я сравнил её с исходными макетами и зафиксировал все расхождения. К каждому несоответствию добавил чёткие пояснения и скриншоты — чтобы было видно, что именно не совпадает и как должно выглядеть в идеале.

Когда команда внесла нужные правки, я провёл повторную проверку — убедился, что все замечания устранены.

Дизайн система

В БКС большая дизайн‑система: отдельные файлы для iOS, Android и веба. Из‑за этого каждый сценарий приходилось реализовывать дважды — в светлой и тёмной темах, отдельно для каждой платформы.

Я работал с готовыми компонентами: адаптировал их под новые сценарии, а когда этого было недостаточно — согласовывал с командой дизайн‑системы новые паттерны.

→ Экран: пример компонентов из дизайн‑системы БКС

Что изменилось для пользователей

Процесс регистрации стал более емким. Были оставлены только необходимые для старта шаги.

Результат: рост вовлечённости на 20 %, увеличение доли пользователей, совершивших первую инвестицию.

Разработка лендингов: созданы и протестированы с реальными пользователями, адаптированы под разные уровни подготовки.

Масштабируемость: система лендингов спроектирована так, чтобы новые страницы можно было добавлять без участия разработчиков.

Готовы начать свой проект?

Let's talk

Написать

Написать в Telegram

mike.solomatin.design@gmail.com

Кейсы

Обо мне

Linkedin

Dribble

Готовы начать свой проект?

Let's talk

Написать

Написать в Telegram

mike.solomatin.design@gmail.com

Кейсы

Обо мне

Linkedin

Dribble

Create a free website with Framer, the website builder loved by startups, designers and agencies.