My Framer Site

Маржинальная торговля @ БКС Мир Инвестиций

Об инструменте

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

Роль

Старший дизайнер продукта

Платформы

Приложение iOS & Android, Web

Инструменты

Figma, количественный опрос & Research

Ответственность

UX & UI, UX research

Релиз

Q4 2023 / Q1 2024 Web

Аудитория

Клиенты компании, квал и неквал инвесторы

Проблемы

Обозначенные в задаче на дизайн, на основе исследования и экспертизы ПО

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

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

Цели

Сделать комиссию прозрачной и повысить доверие пользователей к инструменту, сохранив бизнес-цели брокера.
Упростить флоу подключения маржинальной торговли в мобильном приложении.
Спроектировать интерфейс сервиса для веб-платформы, где ранее его не было.

Цели

Сделать комиссию прозрачной и повысить доверие пользователей к инструменту, при этом достичь бизнес-целей брокера и использовать существующие компоненты дизайн-системы.
Упростить флоу подключения маржинальной торговли в мобильном приложении.
Спроектировать интерфейс сервиса для веб-платформы, где ранее его не было.

Research & Discovery

Для начала я изучила суть работы инструмента и собрала подборку бенчмарков маржинальной торговли у конкурентов на локальном рынке — Тинькофф, Сбер Инвестиции, Альфа Инвестиции, Атон и других брокеров.

Анализ показал, что даже у ведущих игроков условия и структура комиссий подаются по-разному и не у всех она есть. Это подтвердило необходимость сделать стоимость и риски услуги максимально понятными в интерфейсе.

Мобильное приложение для инвесторов

На основе анализа конкурентов, понимания инструмента и экспертизы сделала 3 варианта дизайна. Совместно с менеджером продукта выбрали оптимальный.

Подготовили 2 варианта текста для исследования.

Доработка сценария подключения

Сократила количество шагов с шести до минимального возможных трех или четырех, в зависимости от точки входа в услугу

1 шаг — ситуативный

Исследование главной страницы

В данном случае для исследования выбрали количественные опросы:

Мы быстро получили результаты

На основе результатов выбрали текст, который лучше всего описывает инструмент и возможные выгоды инвестора

Отсеяли неподходящие варианты главной страницы

Гипотезы для проверки изменений главного экрана

Понятна ценность

Пользователи понимают ценность маржинальной торговли и видят, зачем им этот инструмент

Понятность комиссии

После обновления главного экрана пользователи понимают, сколько стоит услуга

Доверие к продукту

Пользователи доверяют инструменту больше после обновления интерфейса

Скорость принятия решения

Пользователи быстрее принимают решение о подключении маржинальной торговли

Снижение обращений в поддержку

После обновления экрана пользователи реже обращаются с вопросами о комиссии или подключении

Вопросы для количественного опроса

Выбор варианта

Какой из предложенных экранов лучше всего показывает ценность инструмента и делает его понятным?

Восприятие ценности инструмента

Насколько полезным вам кажется инструмент маржинальной торговли после просмотра экрана?
Я понимаю, какую дополнительную выгоду могу получить, используя этот инструмент.

Понятность комиссии

Насколько понятно, как формируется комиссия за маржинальную торговлю?
Я легко понимаю, сколько в рублях/процентах я заплачу за использование маржи.

Доверие к продукту

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

Скорость принятия решения

Мне потребовалось много времени, чтобы понять, стоит ли подключаться.

Поддержка и удовлетворённость информацией

Мне не понадобилась помощь поддержки, чтобы понять комиссию и условия.
Оцените общий уровень удовлетворённости новым экраном.

Выбор финального дизайна

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

Темная тема и онбординг

Сделала темную тему, основываясь на мобильной дизайн-системе продукта и добавила онбординг при первом открытии страницы

Маржинальная торговля на WEB

Глобальная цель компании

Адаптировать личный кабинет инвестора на веб с минимальными отличиями от мобильного приложения, учитывая специфику web-дизайна и возможности существующей дизайн-системы

Моя роль

Я сделала дизайн веб-версии интерфейса, опираясь на дизайн мобильного приложения и существующую дизайн-систему. Вот, что из этого получилось:

Результаты

В конце 2023 года мы запустили изменения в приложении и в начале 2024 релиз услуги на WEB. Обновлённый дизайн упростил подключение и повысил доверие пользователей — метрики выросли даже в условиях нестабильного рынка.

+20-25%

Рост конверсии в активацию

+20%

Рост Retention в приложении

17-25%

Дополнительная прибыль компании

+22 000

прирост пользователей с подключённой услугой благодаря релизу на WEB