Баланс и действия — в начале пути
Портфель и активные заявки помогают клиенту сразу считать состояние счёта и перейти к действию. На экране без активов рядом с балансом появляется следующий шаг — пополнение.
Главный экран для разных способов инвестировать
Собрали точку входа в инвестиционное приложение: портфель и активные заявки для опытных клиентов, идеи и понятные первые шаги — для тех, кто только начинает.
Задача
Помочь новичку ориентироваться в инвестициях, не лишая опытного клиента быстрого доступа к своему портфелю и действиям.
Один из проработанных вариантов главного раздела из Figma
01 / Контекст
Один вход — разные ожидания
Начинающему инвестору нужны объяснения и понятный первый шаг. Клиенту с портфелем — баланс, позиции и быстрый доступ к привычным операциям. Главный раздел должен был работать для обеих аудиторий и стать площадкой для развития инвестиционного продукта.
02 / Проверка гипотез
Портфель важен, но не всем нужен первым экраном
Команда показывала обновлённые разделы клиентам Affluent, А‑Клуба и активным инвесторам. В интервью сначала обсуждали их текущий опыт, затем — реакцию на прототип. В исходных материалах приведены ответы шести участников: четыре выделили баланс портфеля, трое — активные заявки, четверым было важно сразу видеть свои активы и позиции.
Это качественная обратная связь небольшой группы, а не доля всей аудитории. Она помогла сформулировать развилку для дизайна, но не служит оценкой эффекта после запуска.
Продуктовая развилка
Что показать сразу, а что оставить настраиваемым?
03 / Решения
От десятков концепций к составу экрана
Команда рассмотрела более 35 концепций и определила набор виджетов для первой версии. Дизайн главного раздела и виджетов обсуждали с продуктом и маркетингом дважды в неделю; для четырёх из семи запланированных виджетов компоненты библиотеки нужно было создать или доработать.
Открытия — ниже первого экрана
Подборки, идеи, популярные бумаги и образовательные материалы поддерживают исследование продукта, но не вытесняют данные собственного портфеля.
Порядок можно изменить
Часть клиентов хотела начинать с портфеля. Для этого предусмотрели настройку: виджеты можно менять местами и скрывать. Это решение отражает требования той версии продукта; позже команда пересматривала его.
Варианты проработки
Структура важнее одного визуального стиля
В файле Figma сохранились разные варианты главного раздела. Ниже — две версии дизайн-проработки. Они показывают эволюцию композиции, а не сравнение результатов A/B‑теста.
04 / Состояния и управление
Главный экран — это не один статичный макет
05 / Итог
Запустили основу для развития раздела
По материалам проекта, первую версию главного раздела команда подготовила примерно за четыре месяца. Затем дополнила её новыми возможностями и виджетами. Мой вклад — дизайн главного раздела; остальные части редизайна приложения создавались совместно с профильными командами.
Контекст запуска всего приложения
В ранее опубликованном описании проекта приведены рост активной аудитории на 122% и выручки на 136% за 2021 год. Это показатели приложения в целом, на которые влияли и другие продуктовые изменения и маркетинг. По ним нельзя отдельно измерить эффект дизайна главного раздела.