Мы разработали инвестиционный кабинет, где обзор портфеля, активность, ключевые метрики и отчёты соединены общей навигацией. На первом экране пользователь видит цену и параметры инструмента, цели, объём инвестиций, стратегию, баланс и последние операции, а покупка, продажа, пополнение, вывод и перевод остаются в контексте этих данных.
02 — Контекст
Исходная ситуация, ограничения и проблемы, которые должна была решить новая система.
Инвестиционный продукт должен одновременно отвечать на два разных вопроса: что происходит с портфелем сейчас и ведёт ли выбранная стратегия к долгосрочной цели. Если баланс, динамика, сделки и цели разнесены по отдельным разделам, пользователь видит цифры, но не видит связи между ними.
Задачей интерфейса стало дать компактный обзор без ощущения терминала для профессионального трейдера. Главные действия должны оставаться доступными, но не спорить с аналитикой; операции — читаться как журнал, а цели «будущее», «дети» и «пенсия» — связывать ежедневные решения с понятным горизонтом.
Информационная архитектура должна была разделить обзор, активность, ключевые метрики и отчёты, но сохранить их частью одного инвестиционного контура. Верхнее меню задаёт основные разделы, боковая панель — быстрые рабочие переходы, а сам обзор связывает решения по активу с инвестициями, балансом, стратегией и историей операций.
Одна сумма не объясняет структуру, динамику и то, насколько результат соответствует выбранной стратегии.
Долгосрочные накопления теряют смысл, если их нельзя сопоставить с текущим балансом и действиями пользователя.
Реестр операций полезен только тогда, когда суммы, даты, заметки и статусы сканируются без открытия каждой записи.
03 — Возможности
Ключевые сценарии и рабочие модули, собранные в единую систему.
Верхняя панель выделяет обзор портфеля, активность, ключевые метрики и отчёты; боковая навигация оставляет быстрый доступ к рабочим областям и настройкам. Разделы не дублируют друг друга: обзор отвечает за сводную картину, а остальные пункты ведут к деталям.
Текущая цена и валюта дополнены открытием, максимумом, минимумом, объёмом, P/E и капитализацией. Покупка и продажа расположены в той же карточке, поэтому пользователь получает контекст инструмента до действия, а не после перехода на отдельный экран.
Центральный график показывает активность по дням, выделяет выбранную точку и сохраняет подписи периода рядом с данными. Рыночные параметры инструмента и карточки портфеля образуют слой ключевых метрик. Пользователь может сопоставить выбранный день со сводными показателями и оценить изменение портфеля в контексте периода.
Карточки инвестиций в будущее, накоплений для детей, бюджета и пенсии превращают долгосрочные намерения в отдельные сценарии. Для части карточек предусмотрено действие открытия, а компактный формат не перегружает обзор расчётами. Суммы, сроки и динамика раскрываются внутри выбранной цели.
Тип портфеля, общий объём инвестиций, показатель чистого роста и тип стратегии показаны единой группой. Отдельная карточка суммирует инвестиции за последние 30 дней. Такое соседство помогает различать внесённые средства, параметры стратегии и изменение показателей.
Журнал последних операций объединяет название, сумму, дату, заметку и статус. Выбор недели и фильтр помогают сузить реестр, а состояния «ошибка», «успешно» и «в ожидании» дают контекст без открытия каждой строки. Разные категории операций остаются читаемыми в одном реестре.
Отдельная тёмная карточка выделяет доступный баланс и три действия: пополнить, вывести и перевести. Она расположена рядом с инвестиционными показателями и журналом, поэтому пользователь видит источник средств и последствия действий в одном рабочем контуре. Правила расчётов, комиссии и внешние платёжные интеграции относятся к закрытой части продукта.
04 — Архитектура
Технологии выбраны под нагрузку, интеграции и дальнейшее развитие продукта.
Типизированные компоненты удерживают единый контракт для показателей, операций, целей и состояний действий.
Маршрутизация и серверный рендеринг дают быстрый первый экран и разделяют обзор от детальных сценариев.
Реляционная модель подходит для согласованного хранения портфелей, целей, операций и журналов изменений.
Компонентные графики встраиваются в дизайн-систему и поддерживают доступную детализацию значений.
05 — Процесс
Последовательность работ от исследования задачи до запуска и проверки результата.
Разделили обзор портфеля, активность, ключевые метрики, цели, инвестиции, операции, баланс и отчётный путь. Для покупки, продажи, пополнения, вывода и перевода определили, какая информация должна быть видна до действия и какой контекст нельзя терять после перехода.
Разработали обзорный дашборд вокруг портфеля, рыночных данных и графика активности; цели, инвестиции, стратегию и баланс расположили как поддерживающие блоки. Журнал операций занял самостоятельную широкую область, а верхняя навигация закрепила переходы к активности, метрикам и отчётам.
Зафиксировали форматы цен, валют, дат, периодов и статусов, а также связи между портфелем, целями, инвестициями, стратегией, балансом и операциями. Единые контракты компонентов удерживают согласованность карточек, графика и журнала при смене данных.
Протестировали на тестовом контуре с данными, близкими к реальным, обзор, верхнюю и боковую навигацию, чтение метрик, выбор периода, фильтрацию операций, покупку, продажу и движение средств на широких и узких экранах. Отдельно проверили длинные суммы, статусы, переносы карточек и клавиатурный путь.
06 — Итог
Что создано в рамках проекта: рабочий контур, реализованные возможности и подтверждённые факты.
Получился единый инвестиционный кабинет, в котором обзор портфеля, активность, ключевые метрики, цели, инвестиции, операции, баланс и стратегия читаются как одна система. Верхняя навигация разделяет уровни продукта, а действия с активом и средствами доступны рядом с данными, необходимыми для решения.
Семь функциональных зон образуют согласованную иерархию обзора: цели и стратегия связаны с портфелем, баланс отделён от инвестиционных показателей, а журнал операций быстро читается по сумме, дате и статусу.
7 зон
в едином инвестиционном кабинете
4 сценария
будущее, дети, бюджет и пенсия
5 действий
с активами и средствами рядом с данными
1 журнал
для суммы, даты, заметки и статуса
Детали проекта
Название клиента изменено для публикации кейса. Финансовые показатели, имена и операции обезличены; функциональная структура инвестиционного кабинета сохранена.
В публичной версии показаны обзор портфеля, активность, цели, стратегия, операции и баланс. Детали расчётов, провайдеров данных и платёжной инфраструктуры не раскрываются по условиям конфиденциальности.
FAQ
Расскажите о задачах вашего бизнеса — предложим архитектуру и оценим сроки
Рассылка
© 2025-2026 МАЙПЛ. Все права защищены.
