Все работы

Case 02 · Options & futures trading · Luxembourg · 2022 · NDA

optionsstream

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

Клиент
NDA
География
Luxembourg
Роль
Lead UX/UI Designer
Год
2022
Платформы
Web · Mobile companion
Статус
NDA-safe case study
Ноутбук с тёмным терминалом OptionStream на чёрном подиуме: карточка инструмента, графики put и call

Терминал Trades Market Explorer в публичной версии: данные и названия изменены.

Intra-corporate system of trade

communications, and collection of orders

Внутрикорпоративная система торговых коммуникаций и сбора заявок

01

Goals & Principles

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

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

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

  • UX-архитектура: сценарии трейдеров и консультантов, связки «инструмент → позиция → обсуждение → операция».
  • Дизайн-система: компоненты, состояния полей и кнопок, типографика и палитра для плотных данных.
  • Мобильный сценарий-компаньон для контроля ключевых операций вне рабочего места.
  • Брендинг платформы: сдержанная айдентика для внутреннего продукта.
Данные, названия и часть интерфейсных деталей в публичной версии изменены
Тёмно-синий экран входа OptionStream: форма логина и диагональные лучи света
Экран входа: строгий порог внутренней системы.
02

Design system

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

Компонентный лист дизайн-системы OptionStream: поля форм, кнопки, палитра, таблицы и модальные окна
Компонентный лист платформы: поля, кнопки, цвета, таблицы и диалоги подтверждения.
03

Big UX & UI flow

Самые плотные экраны системы — крупным планом. Терминал собирает таблицы, графики и формы в одном окне — и остаётся управляемым.

Терминал Trades Market Explorer: список инструментов CBOE, карточка опциона, графики put и call
Trades Market Explorer: карточка инструмента — данные, графики put/call и действия с портфелем в одном окне.
Профессиональный чат OptionStream: обсуждение инструментов со встроенными карточками сделок
Профессиональные чаты: обсуждение не покидает контекст сделки.
Модальное окно Success: позиции добавлены и появятся в портфеле
Статусы операций: позиции появляются в портфеле с понятной обратной связью.

Плотность здесь — рабочий инструмент: чем меньше переключений между окнами, тем ниже цена ошибки.

Плотная таблица позиций OptionStream с цветовой кодировкой значений put и call
Таблицы позиций: цветовая кодировка ведёт взгляд по плотным данным.
Пошаговый сценарий Add trades: подсказка ведёт пользователя через форму добавления сделки
Add trades: пошаговые подсказки ведут через сложную форму.
UX-архитектура OptionStream: сценарии A–D и кластеры экранов Client manager, Trader introducing, Compliance, Support
Карта системы: четыре сценария и кластеры ролей — client manager, trader introducing, compliance, support. Каждый экран знает своё место в машинном отделении.

+ mobile app

Мобильный компаньон: контроль ключевых операций и портфелей вне рабочего места.

Мобильное приложение OptionStream: дашборд портфеля со списком позиций AAPL CBOE
04

Branding

Сдержанная айдентика внутреннего продукта. Весь характер — в одном знаке: синем слеше между «options» и «stream».

Светлая обложка айдентики OptionStream: серый логотип на белом шёлке
Светлая версия: тишина документа.
Тёмная обложка айдентики OptionStream: белый логотип с синим слешем на нейви со штриховкой
Тёмная версия: штриховка как фактура терминала.
05

Typography & Styles

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

Типографика и цвета OptionStream: спесимены шрифтов Axiforma и Inter, шкала заголовков и палитра оттенков
Спесимены Axiforma и Inter, шкала H100–H800 и палитра от Black 950 до акцентов успеха и ошибки.
06

Some platform capabilities

Creation of various portfolios

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

Build coefficients models

Работа с коэффициентами: гипотезы, графики по фьючерсам и прогнозы волатильности внутри портфелей.

Professional chats

Доступ к обсуждениям с профессионалами рынка фьючерсов и опционов — прямо в платформе.

Trades Market Explorer

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

Complex parameters

К каждому инструменту можно применять разные модели и стратегии — и собирать параметры под себя.

07

Outcome

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

Публичная версия кейса сознательно оставлена без цифр: данные и названия изменены. Подробности — на встрече.

Все работы

Похожая задача с плотными данными? Расскажите — соберём их в систему.