Fintech
Complex Flows
Data-heavy UI
Trader UX
Дизайн модуля опционных стратегий
для разных уровней опыта
Fintech
Complex Flows
Data-heavy UI
Trader UX
Дизайн модуля опционных стратегий
для разных уровней опыта
контекст
У заказчика стояла задача увеличить число опционных сделок. В продукте не было отдельного слоя «стратегии»: пользователи с разным опытом попадали на один перегруженный веб-экран.
Команда
  • Я —UX/UI дизайнер
  • Продакт-менеджер
  • Внутренние разработчики команды банка
  • Старший дизайнер-ментор (ревью и утверждение макетов)
Срок
9 недель
При внедрении готовых опционных стратегий как отдельный инструмент я разложила их на три сценария:
simple
для новичков
Hedging
защита портфеля
Complex
мультилег для профи + мобильная аналитика для быстрого выбора
Как будем мерить успех
Таргеты первой версии
  • не меньше 6–8% переходов из карточек/графиков в оформление стратегии
  • 15–20% завершённых заявок «начал → отправил стратегию»
  • среднее время сборки сложной стратегии ≤ 60–75 сек
  • не больше 35% отказов на этапе выбора и настроек
  • минимум половина опционных сделок через готовые шаблоны
simple
← desktop
mobile →
mobile
↓
проблема
Новичкам сложно понять «с чего начать»: один экран с графиком/таблицами не объяснял, что именно покупать и каков риск
суть решения
Дать пользователю «готовую точку входа» через карточки стратегий и упростить переход от тикера/аналитики к сделке.
ключевые решения в интерфейсе
1. Единая CTA: «Оформить стратегию» вместо «Купить» к каждому опциону
2. Карточка стратегии с payoff и короткой «Суть стратегии» простым языком
3. Мини-P/L для быстрого понимания на мобайле
что закрывает из таргетов
1. Рост CTR по кнопке «Инвестировать».
2. Увеличение числа начатых сделок.
Hedging
проблема
Инвесторы не видят, как PUT-стратегия реально покрывает просадку портфеля; боятся «покупать непонятное».
Суть решения
Показать связь портфеля с индексом и дать простой инструмент настройки хеджирования через визуальные элементы.
ключевые решения в интерфейсе
1. Карточка хеджа: портфель vs бенчмарк, корреляция, историческая просадка.
2. Редактор: ползунок премии, список экспираций, шкала страйков, интерактивный payoff.
3. Простые формулировки: «Корреляция — это насколько портфель движется вместе с индексом».
что закрывает из таргетов
1. Конверсия «карточка → отправка хеджа» растет
2. Количество отказов при работе с редактором
проблема
Инвесторы не видят, как PUT-стратегия реально покрывает просадку портфеля; боятся «покупать непонятное».
Суть решения
Показать связь портфеля с индексом и дать простой инструмент настройки хеджирования через визуальные элементы.
ключевые решения в интерфейсе
1. Карточка хеджа: портфель vs бенчмарк, корреляция, историческая просадка.
2. Редактор: ползунок премии, список экспираций, шкала страйков, интерактивный payoff.
3. Простые формулировки: «Корреляция — это насколько портфель движется вместе с индексом».
что закрывает из таргетов
1. Конверсия «карточка → отправка хеджа» растет
2. Количество отказов при работе с редактором
Market Analytics
complex
проблема
Пользователи тратят много времени на переключения между графиками и доской, и им не хватает данных для уверенного выбора опциона.
Суть решения
Объединить аналитику и доску в один экран, с режимами отображения параметров и возможностью разворота в горизонталь.
ключевые решения в интерфейсе
1. Крупный переключатель режимов (PRICE / GREEKS / INFO).
2. Акцентированный переключатель PUT / CALL.
3. Подсказка о том, что график можно развернуть на весь экран.
что закрывает из таргетов
1. CTR из аналитики/доски в старт оформления растет·
2. Тратиться меньше времени от открытия до выбора позиции
проблема
Пользователи тратят много времени на переключения между графиками и доской, и им не хватает данных для уверенного выбора опциона.
Суть решения
Объединить аналитику и доску в один экран, с режимами отображения параметров и возможностью разворота в горизонталь.
ключевые решения в интерфейсе
1. Крупный переключатель режимов (PRICE / GREEKS / INFO).
2. Акцентированный переключатель PUT / CALL.
3. Подсказка о том, что график можно развернуть на весь экран.
что закрывает из таргетов
1. CTR из аналитики/доски в старт оформления растет·
2. Тратиться меньше времени от открытия до выбора позиции
Multi-leg Strategies
complex
проблема
Профессиональные трейдеры хотели собирать стратегии из нескольких ног, но старый процесс был слишком длинным и требовал много переключений, что приводило к потерям концентрации и ошибкам в параметрах.
Суть решения
Внедрить готовые опционные стратегии (пресеты) и редактор мультилега в одном окне: пользователь может выбрать стратегию из списка и получить сразу заполненные ноги, а при необходимости изменить параметры и отправить заявку.
ключевые решения в интерфейсе
1. Добавление и редактирование ног в одной таблице.
2. Отображение payoff-графика стратегии прямо в редакторе.
3. Перетаскивание ног для изменения порядка.
4. Явная кнопка «Отправить стратегию».
что закрывает из таргетов
Профи собирают стратегии быстрее:
1. пресеты заполняют ноги
2. payoff и сводка видны сразу
3. явный CTA исключает путаницу
Итоги против таргетов
≥ 50% заявок через шаблоны
Цель достигли. В основном за счёт простых стратегий и хеджа; в мультилеге adoption был ниже, чем ожидали, но этого хватило, чтобы в сумме выйти в план.
CTR ≥ 6–8%
Вышли в таргет. Основной вклад дали единая CTA «Оформить стратегию» объединение аналитики и доски в один экран.
Time-to-strategy ≤ 60–75 cек
Приблизились к целевому уровню, но не всегда попадали: новички справлялись быстрее, а опытные пользователи иногда тратили больше времени из-за тонкой настройки страйков.
Drop-off ≤ 35%
Снизили в Simple и Hedging, но в Complex осталась зона риска. Пробовали идею мастера, который шаг за шагом собирает стратегию, но от неё отказались — слишком упрощал процесс.
Конверсия «начал → отправил» 15–20%
В Simple/Hedging уложились, а вот в Complex не дотянули: часть пользователей всё равно бросала на середине. Мы сознательно не перегружали редактор подсказками, чтобы сохранить гибкость для профи, и оставили часть задач на доработку следующих релизов.
Мой личный прогресс
Для меня это был новый опыт — понять, как одна идея может разложиться на разные входы: простой старт для новичка, хедж для инвестора и конструктор для профи.Я научилась смотреть на задачу системно: связывать решения с таргетами, продумывать аналитику ещё до макетов и видеть, как одна фича может закрывать разные боли в продукте.