Все кейсы Кейс 04 — агентский проект
Управление торговыми стратегиями
Portfolier — веб-продукт, в котором трейдер подключает торговый счёт, разбирается, как стратегии вели себя на самом деле, и подписывается на те, которые стоит копировать. Я спроектировала MVP: аналитику, на которой принимается решение, маркетплейс, копирование и подписки.
- Данных много по самой природе продукта — кривые эквити, таблицы по месяцам, разрезы по дням, часам и символам и панель фильтров, которая пересчитывает всё это сразу
- Изучены аналоги — Portfeller и отчасти TradingView, чтобы понять, как трейдер использует такие продукты
- Брейкпоинты сгенерированы — свои макеты я прогнала через Figma Make, чтобы фронтенд-разработчики сразу увидели, как страница адаптируется под разные размеры экрана.
- Роль
- UX/UI-дизайнер — ведущий дизайнер проекта
- Команда
- Head of Product — ставил задачи и ревьюил каждый экран; два фронтенд-разработчика
- Сроки
- Около полутора месяцев, MVP передан в разработку
- Объём
- Аналитика портфеля, фильтрация графиков и таблиц, добавление торгового счёта, маркетплейс стратегий, умное копирование, подписки, профиль, флоу входа
- Статус
- В разработке — здесь опубликована часть экранов
В этом продукте трейдеру нужно ответить на два главных вопроса: какую стратегию выбрать и какую долю депозита ей выделить. Поэтому интерфейс я строила вокруг этих решений.
Аналитику разделила на три колонки: слева — фильтры, в центре — основные графики и метрики, справа — детализация. Любой фильтр сразу меняет данные во всех трёх колонках.
До проектирования я изучила аналоги, в первую очередь Portfeller и частично TradingView. В итоге получилась привычная для трейдера структура, которая работает с реальными данными: от динамики капитала и прибыли по дням и часам до распределения депозита между стратегиями.
Аналитика портфеля — экран, на котором принимается решение
Маркетплейс стратегий и подписки
Копирование стратегии
Подключение счёта и профиль
Интерактивные прототипы
Брейкпоинты, сгенерированные из моих макетов
Вместо ручной адаптации каждого экрана я перенесла несколько ключевых макетов в Figma Make. Это помогло быстро проверить, как интерфейс перестраивается под разные размеры экрана, и дать фронтендерам наглядный ориентир.
Связаться
Открыта к продуктовым дизайнерским ролям — удалённо по Европе и Евразии или гибрид в Сербии. Быстрее всего — почта или Телеграм.