Газпромбанк Инвестиции

100%

Fintech

B2C

Mobile app

Мобильное приложение для инвестиций на фондовом и валютном рынках

Год

2022-2023

Роль

Senior Product Designer

Моя роль

В этом проекте я выступал в роли Senior product designer:

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

• лидировал направление по разработке дизайн-системы

Команда и процесс

Размер продуктовой команды ~500 человек. Дизайн-команда: дизайн-директор, 4 senior designer. Работали 2-ух недельными спринтами.

Инструменты

Figma

Miro

Jira

Confluence

Кейс 1. Маржинальная торговля.

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

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

Основные метрики маржинальной торговли

ARPU

Средний доход на пользователя

LTV

Пожизненная ценность клиента

Маржинальная торговля — это сложный, но прибыльный инструмент

Средняя годовая доходность розничных инвесторов, торгующих с использованием кредитного плеча — выше на 10-15%

С использованием маржинальной торговли

На собственные средства

20%

10%

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

Проблема

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

Бизнес-цель

Увеличить конверсию пользователей в активное использование маржинальной торговли (CR). Чем больше людей будет торговать с плечом, тем выше будет средний доход на пользователя (ARPU).

Миссия для пользователя

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

Критерий успеха

Увеличение CR (подключения услуги), увеличение кол-ва пользователей использующих торговлю с плечом, увеличение ARPU (средний доход на пользователя)

Решение

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

Discovery

Сделал бэнчмаркинг конкурентов, т.к. фича есть у всех похожих продуктов
Провел серию глубинных интервью. Для этого поделил респондентов на 2 группы: те кто уже пользовался маржинальной торговлей и те, кто не пользовался ни разу (но слышал об этом).

Анализ конкурентов

Тинькофф

БКС

Job Stories

Составил Job Stories, чтобы глубже понять, какие задачи пользователи решают с помощью маржинальной торговли и какие потребности их мотивируют

CJM

Составил карту пользовательских историй, чтобы ничего не упустить при проектировании сценария

Результат discovery

Основной инсайт от бэнчмаркинга — почти у всех конкурентов хороший продающий экран точки входа в подключение маржинальной торговли. Это потенциально должно увеличить понимание пользователей преимуществ данной фичи и соответственно — повысить CR.

Взял это за нулевую гипотезу.

Инсайты из глубинных интервью — пользователи не понимают преимуществ маржинальной торговли, не понимают как она работает (что такое шорт, лонг, плечо), после подключения пользователям сложно отслеживать все данные по открытой позиции

Скоупинг

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

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

Обсудили с продактом и совместно приоритизировали гипотезы.

Гипотезы

По методу ICE (Value & Effort)

Гипотеза

Value

Effort

Оценка

Нулевая гипотеза

1. Улучшить точку входа (через продающий экран)

2. Добавить FAQ для неопытных пользователей

3.5

3. Доп. экран перед подключением

3.5

4. Упростить опросник для обязательного тестирования

2.2

5. Отображать показатели после подключения

1.6

6. Переработать текст в баннере (точка входа)

UX-тесты

Провел коридорные тесты, чтобы проверить:

• насколько понятно раскрыта суть маржинальной торговли на экране лэндинга

• понятна ли визуализация данных после подлючения услуги (доступное плечо, уровень риска и др.)

Дополнительно провел side by side-исследования, чтобы доработать и улучшить макеты.

Гипотеза 1 — улучшить точку входа

Сделать «продающим» экран с описание основных преимуществ маржинальной торговли

Гипотеза 2 — добавить FAQ

Добавить ссылку на краткий FAQ о том, как использовать маржинальную торговлю, это поможет новым пользователям лучше понять как она работает

Гипотеза 3 — доп. экран перед опросником

У обязательного опросника был низкий CR, сделал дополнительный экран, который объясняет зачем нужно проходить тест и сколько времени это займет + добавил возможность перейти в обучение для подготовки к тесту

Гипотеза 4 — упростить опросник

Совместно с UX-редакторами упростили опросник: сократили текст, количество вопросов и добавили подсказки

Гипотеза 5 — отображение показателей после подключения

Подключена

Ограничена

Маржин колл

Ликвидация

Переработал визуальное отображение показателей после подключения (статус, ликвидный портфель и др.)

Финальный flow

Собрал финальный flow со всем корнер-кейсами и состояниями

+1.5%

количество пользователей

маржинальной торговли

–12%

bounce rate

+4%

ARPU

(average revenue per user)

Что дальше?

Вертикальное развитие

Улучшить систему уведомлений о критическиз изменениях (например, о достижении ликвидации позиции)
Прокачивать CR (подключения услуги) за счет улучшения экрана точки входа

Кейс 2. Обновление приложения.

Проблема

Мобильное приложение было удалено из App Store, из-за чего пользователи iOS больше не могли обновить его

Бизнес-цель

Предоставить пользователям возможность получать доступ к актуальным обновлениям и новому функционалу приложения, даже в условиях ограничений со стороны App Store

Миссия для пользователя

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

Критерий успеха

Рост % пользователей на последней версии устройства, снижение оттока пользователей

Решение

Сделать возможность скачивать обновление напрямую без необходимости перехода в App Store

Discovery

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

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

Результат discovery

Основной инсайт который выявил — нужно доставлять сообщение о возможности обновиться на самом видном месте (например, на главном экране или при заходе в приложение в виде модального окна на весь экран).

Скоупинг

По ходу работы выяснилось, что техническая команда хочет сначала проверить работоспособность фичи. Поэтому решили для 1 версии убрать фичу в раздел «Другое». На основе этой информации, скорректировал список гипотез.

Гипотезы

По методу ICE (Value & Effort)

Гипотеза

Value

Effort

Оценка

Первая версия

1. Добавить уведомление об обновлении на главном экране

2. Добавить анимацию для привлечения внимания

3.5

3. Добавить фичу на главный экран

3.5

4. Дополнительная логика для критических и не критических уведомлений

2.2

5. Добавить в настройках раздел «Уведомления» с возможностью автоматического отключения или включения установки обновлений при заходе в приложение

1.6

5. Добавить пуши о выходе обновления

1.3

UX-тесты

Провел быстрый коридорный тест на коллегах, чтобы убедиться, что функционал понятен и не вызывает вопросов.

Гипотеза 2 и 3 — алерт о выходе обновления

Первую версию убрали в раздел «Другое», во второй версии планировалось раскатить на всех пользователей и показывать этот функционал на главном экране.

Статусы

Все статусы при процессе обновления

Принудительное обновление

Принудительная загрузка для критического обновления

Финальный flow

В первой версии убрал алерт с обновлением в раздел «Другое», во второй версии планировалось раскатить на всех пользователей и показывать этот функционал на главном экране.

+30%

процент пользователей на последней версии

–2%

отток пользователей

Что дальше?

Горизонтальное развитие

Добавить алерт на главный экран
Добавить логику в виде 2-ух типов сообщений (критические и не критические). Критические — устанавливать принудительно при заходе пользователя в приложение, не критические — по действию пользователя.

Кейс 3. Уведомление о цене.

Проблема

Пользователям сложно отслеживать изменения цен на интересующие их акции и облигации

Бизнес-цель

Повысить вовлеченность в продукт, предоставив новых инструмент

Миссия для пользователя

Возможность точечно отслеживать цену на выбранный актив

Критерий успеха

Повышение кол-ва транзакций на 1 пользователя

Решение

Разработать решение, которое позволит пользователям добавлять уведомление о цене на экране торговли

Discovery

Подобный функционал уже довольно распространен на других площадках, поэтому я в первую очередь проанализировал как эту задачу решают конкуренты (Tinkoff, BCS, Alfa и др.)

Анализ конкурентов

Тинькофф

Bcs

Binance

OKX

Side by Side

Для расположения кнопки «создать уведомление о цене»

На основе опросов среди пользователей — победил вариант B

Результат discovery

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

На основе полученных данных от проведенных исследований, я сформировал список гипотез и отсортировал их по методу ICE

Гипотезы

По методу ICE (Value & Effort)

Гипотеза

Value

Effort

Оценка

Нулевая гипотеза

1. Точка входа на экране торговли

2. Добавить возможность создавать изменения по цене

3.5

3. Возможность повторения уведомлений