Дизайн инвестиционного сервиса для управления активами

Дизайн инвестиционного сервиса для управления активами

О проекте 

Luna Wealth — это инвестиционная компания, которая стремится выступать в роли профессионального управляющего активами для состоятельных клиентов (HNWI).

Для Luna Wealth мы разработали уникальный продукт, созданный специально для клиентов компании, которым необходимо удобно управлять крупными инвестициями в разных странах и рынках.

Задачи 

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

Решение 

Аналитика:

Мы начали с анализа бизнес-процессов. Погрузились в особенности управления крупными портфелями и их владельцами. Изучили особенности работы бэк-офиса.

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

  • Схема экранов: Следующим этапом стала разработка вайрфреймов основных экранов. До финального визуального дизайна было еще далеко, но уже можно было детально обсуждать идеи.

  • Mind map (Карта мыслей): Мы создали подробную карту мыслей, чтобы зафиксировать функциональность всех разделов продукта. В ней отражены состояния, кнопки, статусы и уведомления. Отмечено, что уже готово, что в процессе, а что запланировано к реализации. Карта постоянно обновляется и удобна для всей команды.

Дашборд:

Стартовый экран 

  • На дашборде пользователь может видеть состояние портфеля и его статистику: изменение стоимости активов, распределение по странам, типам активов, валютам и т.д.

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

  • Пользователь может настраивать виджеты: обзор, доходность, список портфелей, лучшие 5 позиций, регионы, рекомендации и другое.

Транзакции

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

Портфели:

  • Структура. Раздел отображает сложную иерархию портфелей. Например, пользователь может быть совладельцем компании с дочерними структурами, счетами в разных банках и активами (акции, облигации и др.).

  • Отображение данных. Есть два типа визуализации: плотный (в виде иерархического списка) и графический (с графиками, сгруппированными по «живой» структуре портфеля).

Позиции:

  • Все активы

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

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

  • Управление. Пользователь может гибко настраивать таблицы, списки, группировки и фильтры. Все настройки доступны на iOS, iPadOS и Web.

  • Инвестиционные инструменты. Карточка актива включает покупку/продажу, данные по инструменту, график цены и доходности, новости и аналитику.

Профиль: 

Настройки и прочее. Большинство настроек (обратная связь, смена пароля, тема и др.) находятся в профиле и используются редко.

Дизайн 

Концепция:

На основе аналитики и идей основателя Luna Wealth (который четко понимал потребности клиентов) мы разработали концепции для iOS и iPadOS приложений, а также онлайн-версии продукта.

Дизайн:

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

Дизайн-система:

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

Цветовые схемы:

Доступны три темы: дневная, ночная и вечерняя (в фирменных цветах). Также есть автоматическое переключение день/ночь.

Дизайн инвестиционного сервиса для управления активами

Дизайн инвестиционного сервиса для управления активами

О проекте 

Luna Wealth — это инвестиционная компания, которая стремится выступать в роли профессионального управляющего активами для состоятельных клиентов (HNWI).

Для Luna Wealth мы разработали уникальный продукт, созданный специально для клиентов компании, которым необходимо удобно управлять крупными инвестициями в разных странах и рынках.

Задачи 

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

Решение 

Аналитика:

Мы начали с анализа бизнес-процессов. Погрузились в особенности управления крупными портфелями и их владельцами. Изучили особенности работы бэк-офиса.

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

  • Схема экранов: Следующим этапом стала разработка вайрфреймов основных экранов. До финального визуального дизайна было еще далеко, но уже можно было детально обсуждать идеи.

  • Mind map (Карта мыслей): Мы создали подробную карту мыслей, чтобы зафиксировать функциональность всех разделов продукта. В ней отражены состояния, кнопки, статусы и уведомления. Отмечено, что уже готово, что в процессе, а что запланировано к реализации. Карта постоянно обновляется и удобна для всей команды.

Дашборд:

Стартовый экран 

  • На дашборде пользователь может видеть состояние портфеля и его статистику: изменение стоимости активов, распределение по странам, типам активов, валютам и т.д.

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

  • Пользователь может настраивать виджеты: обзор, доходность, список портфелей, лучшие 5 позиций, регионы, рекомендации и другое.

Транзакции

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

Портфели:

  • Структура. Раздел отображает сложную иерархию портфелей. Например, пользователь может быть совладельцем компании с дочерними структурами, счетами в разных банках и активами (акции, облигации и др.).

  • Отображение данных. Есть два типа визуализации: плотный (в виде иерархического списка) и графический (с графиками, сгруппированными по «живой» структуре портфеля).

Позиции:

  • Все активы

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

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

  • Управление. Пользователь может гибко настраивать таблицы, списки, группировки и фильтры. Все настройки доступны на iOS, iPadOS и Web.

  • Инвестиционные инструменты. Карточка актива включает покупку/продажу, данные по инструменту, график цены и доходности, новости и аналитику.

Профиль: 

Настройки и прочее. Большинство настроек (обратная связь, смена пароля, тема и др.) находятся в профиле и используются редко.

Дизайн 

Концепция:

На основе аналитики и идей основателя Luna Wealth (который четко понимал потребности клиентов) мы разработали концепции для iOS и iPadOS приложений, а также онлайн-версии продукта.

Дизайн:

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

Дизайн-система:

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

Цветовые схемы:

Доступны три темы: дневная, ночная и вечерняя (в фирменных цветах). Также есть автоматическое переключение день/ночь.

Что мы сделали

  • Проанализировали бизнес процессы компании. Мы погрузились в специфику управления портфелем.

  • Проработали дизайн всех экранов для iOS, iPadOS и десктопной версии приложения, основываясь на проведенном анализе процессов и пожеланиях основателя LunaWealth.

  • Разработали подробную библиотеку компонентов.

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

  • Подготовили интерактивные прототипы для проверки сценариев взаимодействия.

Результат 

  • Для компании Luna Wealth был разработан завершенный визуальный образ и интерфейс профессионального уровня. Продукт успешно транслирует ценности бренда — экспертность и индивидуальный подход, обеспечивая HNWI-клиентам удобную среду для управления их капиталом. 

  • Продукт сложный и масштабный, поэтому мы стремились сделать его максимально удобным. Приложение работает с большими суммами, поэтому важно обеспечить ясность интерфейса.

  • Мы разработали множество уникальных решений, которые высоко оценили пользователи. 

Напишите нам

Кратко опишите свою задачу, и мы свяжемся с вами и дадим обратную связь в кратчайшие сроки — проведем консультацию, оценим проект, и предложим оптимальное решение вашей бизнес-задачи

Нажимая кнопку "Отправить" вы соглашаетесь с нашей Политикой в отношении обработки персональных данных