EAJ Trader

Личный кабинет трейдера с нуляA trader’s dashboard from scratch

СрокDuration
2 месяца2 months
РольRole
Product DesignerProduct Designer
ПлатформыPlatforms
ВебWeb
КомандаTeam
Product Designer, Product Owner, DeveloperProduct Designer, Product Owner, Developer

КонтекстContext

От лендинга к личному кабинетуFrom a landing page to a dashboard

У EAJ Trader уже были айдентика, лендинг и список будущих функций. Следующим шагом стал кабинет для открытия счетов, управления средствами и контроля операций.EAJ Trader already had an identity, a landing page and a list of future features. The next step was a dashboard for opening accounts, managing funds and keeping track of operations.

ЗадачаTask

Определить первую версиюDefine the first version

Я отвечала за структуру кабинета и логику основных действий. Вместе с заказчиком выбирала, какие функции войдут в MVP и как связать обзор средств, счета и финансовые операции.I was responsible for the structure of the dashboard and the logic of its main actions. Together with the client I chose which features would go into the MVP and how to connect the overview of funds, the accounts and the financial operations.

С чего началась работаHow the work started

Заказчик передал предварительное исследование и список функций. Я сравнила сценарии разных типов пользователей: от новичка до активного трейдера. Для MVP остановились на активном трейдере.The client handed over preliminary research and a list of features. I compared the scenarios of different user types, from a beginner to an active trader. For the MVP we settled on the active trader.

Основной маршрут в кабинетеThe main path through the dashboard

  1. Оценить средстваAssess the funds

    Посмотреть баланс и доступные суммы.Look at the balance and the available amounts.

  2. Выбрать счётChoose an account

    Найти нужный счёт и проверить его состояние.Find the right account and check its status.

  3. Перейти к операцииGo to an operation

    Выбрать пополнение, вывод или перевод.Choose a deposit, a withdrawal or a transfer.

Сравнение сценариевComparing the scenarios

В таблице сопоставлены типы пользователей и их задачи. Это материал анализа на старте проекта.The table maps the user types to their tasks. This is analysis material from the start of the project.

Сравнение сценариев разных типов трейдеров. Материал исследования на этапе проекта.A comparison of the scenarios of different trader types. Research material from the project.

ГлавнаяMain screen

На главной я собрала общий баланс, информацию о средствах и входы в основные операции. Отсюда можно открыть счёт, перейти к своим счетам, пополнить баланс или вывести средства. Так обзор капитала сразу связан с дальнейшими действиями.On the main screen I brought together the total balance, the information about funds and the entry points to the core operations. From here you can open an account, go to your accounts, top up the balance or withdraw funds. That way the overview of capital connects directly to what happens next.

Обзор средств и входы в основные операции.An overview of funds and the entry points to the core operations.

Карточки или таблицаCards or a table

Для торговых счетов я подготовила два варианта. Таблица компактна, когда счетов много. В карточке баланс, статус и действия собраны вокруг одного счёта.I prepared two options for the trading accounts. A table is compact when there are many accounts. A card gathers the balance, the status and the actions around a single account.

Концепции проверили с 5 участниками. Для MVP выбрали карточки, а таблицу сохранили как вариант для работы с большим числом счетов.The concepts were tested with 5 participants. Cards went into the MVP, and the table was kept as an option for working with a large number of accounts.

Концепт 2 · КарточкиConcept 2 · Card view

Концепт 2. Карточное представление счетов.Concept 2. Accounts shown as cards.

Концепт 1 · ТаблицаConcept 1 · Table view

Концепт 1. Табличное представление счетов.Concept 1. Accounts shown as a table.

Пополнение, вывод и переводыDeposits, withdrawals and transfers

Эти операции мы с заказчиком объединили в разделе Funding. Внутри пользователь выбирает, что хочет сделать со средствами. При этом входы в пополнение и вывод остались на главной.The client and I brought these operations together in the Funding section. Inside it the user chooses what to do with their funds. The entry points to deposits and withdrawals stayed on the main screen.

Пополнение, вывод и внутренние переводы в одном разделе.Deposits, withdrawals and internal transfers in one section.

Обращения в поддержкуSupport requests

Для вопросов по работе кабинета спроектировала Claims & Complaints. Пользователь видит список обращений и их статусы, открывает переписку, уточняет детали и прикладывает документы. К разговору можно вернуться из того же раздела.For questions about the dashboard I designed Claims & Complaints. The user sees the list of support requests and their statuses, opens the conversation, adds details and attaches documents. The conversation can be picked up again from the same section.

Обращения и их текущие статусы.Support requests and their current statuses.
Переписка по выбранному обращению.The conversation for the selected support request.

РезультатыResults

Запущен кабинет с обзором средств и счетами. Финансовые операции и поддержка также спроектированы.The dashboard launched with an overview of funds and accounts. The financial operations and support were designed as well.

АктивацияActivation

Путь до первого пополненияThe path to a first deposit

Собрали путь от входа в кабинет до открытия и пополнения торгового счёта.We put together the path from signing in to opening and funding a trading account.

Влияние оценивали поImpact was evaluated using конверсии в открытие и пополнение счётаconversion to opening and funding an account

Работа со счетамиAccount management

Формат для частых операцийA format for frequent operations

Для MVP выбрали формат, удобный для частых операций с торговыми счетами.For the MVP we chose the format that suits frequent operations on trading accounts.

Влияние оценивали поImpact was evaluated using медианному времени выполнения ключевого сценария со счётомthe median time to complete the key account scenario

Финансовые операцииFinancial operations

Понятные статусы операцийClear operation statuses

Сделали статусы пополнений, выводов и переводов заметными и понятными.We made the statuses of deposits, withdrawals and transfers visible and clear.

Влияние оценивали поImpact was evaluated using доле пополненных счетов с повторной операциейthe share of funded accounts with a repeat operation

Поддержка внутри продуктаIn-product support

Обращения в кабинетеSupport requests inside the dashboard

Обращение создаётся и отслеживается внутри кабинета без поиска внешних контактов.A support request is created and tracked inside the dashboard, with no need to look for an external contact.

Влияние оценивали поImpact was evaluated using доле успешно завершённых пополнений, выводов и переводовthe share of successfully completed deposits, withdrawals and transfers