FINTECH / TRADING PLATFORM

Редизайнtrading-платформы

Я пересобрала trading-платформу: публичные лендинги, кабинет трейдера, графики, инструменты, social trading, копирование стратегий и дизайн-систему.

Trading
платформа для торговли
3+
направления продукта
16
языков интерфейса
10+
лендингов

КОНТЕКСТ

Сначала доверие. Потом рост.

  1. 01Разрозненные визуальные стилиПродукт выглядел собранным разными руками, без общих правил интерфейса и компонентов.
  2. 02Финтеху не хватало доверияСтарые экраны выглядели слишком техническими и неровными, а в продукте про деньги это сразу заметно.
  3. 03Сложный кабинет трейдераГрафики, инструменты, профили, копирование стратегий и финансовые действия нуждались в более ясной иерархии.
  4. 04Команде не хватало общих стандартовЛендинги, app-сценарии и коммуникация нуждались в системе, а не в отдельных редизайн-кусочках.

APPROACH

В финансовом интерфейсе важны структура, контроль и доверие.

01Дизайн-система для dark fintech UIТаблицы, графики, risk-состояния, навигация, формы и карточки трейдеров были приведены к общему визуальному стандарту.
02Экосистема вместо отдельных страницРедизайн связал маркетинговые страницы, кабинет, copy-trading-сценарии и профили трейдеров в один продукт.

DESIGN PROOF

Экраны, профили трейдеров, лендинги и продуктовые стандарты

Материалы оставлены крупными и без обрезки: здесь важно показать весь продукт, а не маленькое превью.

Объем продукта и карта экранов

Работа охватывала публичные поверхности и авторизованную часть продукта. Карта показывает, насколько широким стал редизайн.

Trading platform screen map with public landing and authenticated app screens
Карта экранов продуктаПубличные лендинги, кабинет, списки трейдеров, профили, формы и состояния приложения собраны в одну систему.

Кабинет трейдера и копирование стратегий

Кабинет должен был ощущаться точным и контролируемым: портфель, master traders, доходность, риск, copied strategies и состояния действий.

Trading platform Find a Master screen
Find a MasterЭкран выбора трейдера: фильтры, доходность, объем инвестиций, комиссии, risk score и подсказки для сравнения.
Trading platform master trader profile dashboard
Профиль master traderПлотный профиль трейдера: график доходности, данные портфеля, allocation, действия с аккаунтом и risk-контекст.

Лендинговая система и маркетинговые поверхности

Редизайн затронул и публичную часть: лендинги, пакеты аккаунтов, объяснение copy trading, калькуляторы и продающие блоки.

Trading platform long landing page with account packages
Trading account landingДлинная страница с тарифами, signals, доказательствами платформы, копированием стратегий и продающими секциями.
Trading platform long copy trading landing page
Copy trading landingДлинная страница про копирование портфелей, комиссии, copy strategies, риск и онбординг пользователя.

МОЯ РОЛЬ

Я пересобрала платформу из разрозненных экранов в понятную систему.

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

  1. 01Разобрала структуру продуктаЯ разложила публичные лендинги, авторизованные сценарии, торговые инструменты, copy-strategy-механику и коммуникацию по понятной структуре.
  2. 02Редизайнила кабинет трейдераКлючевые экраны пересобирались вокруг сравнения, риска, ясности действия, финансового доверия и повторяемых паттернов.
  3. 03Собрала общие UI-стандартыСистема выровняла dark-поверхности, таблицы, графики, фильтры, кнопки, формы, навигацию, карточки, статусы и мультиязычные экраны.
  4. 04Связала маркетинг и продуктПубличные страницы и кабинет стали выглядеть как части одного продукта, а не как разные проекты.
  5. 05Обучила командуЯ помогла команде работать по единым стандартам, чтобы платформа не распадалась визуально после первого редизайна.
РЕЗУЛЬТАТTrading-платформа стала цельнее и понятнееUI стал ровнее по всей платформе. Пользователю стало проще читать данные, сравнивать трейдеров и понимать финансовые действия.

OUTPUT

Что изменилось

  1. 01Полный редизайн продуктаОт маркетинговых страниц до кабинета трейдера, графиков, инструментов и копирования стратегий.
  2. 02Дизайн-система и визуальные стандартыОбщая основа для dark fintech UI, мультиязычных экранов, состояний и повторяемых паттернов.
  3. 03Более ясные трейдерские сценарииСравнение, риск, данные профиля, доходность и финансовые действия стало проще считывать.
  4. 04Больше консистентности в командеКоманда получила стандарты и обучение, которые снизили визуальный разброс между продуктами и лендингами.

Готовы начать?

Если нужно пересобрать сложный продуктовый интерфейс, напишите мне в Telegram.

Написать в Telegram