CatchMatrix

Crypto Trading Platform

project

Web Design

Role

UI/UX Designer

Year

2022-2023

CatchMatrix

Crypto Trading Platform

project

Web Design

Role

UI/UX Designer

Year

2022-2023

overview

In the past, the order process required technical skills. Only specific traders can place orders using scripts. Therefore, the order management system was developed to make the order process more instinctive and provide users a multifunctional platform to manage their orders.

Problem Definition & Solution

Pain Points

Solutions

Inconvenient Price Search

Inconvenient Price Search

To compare the market price, users need to open numerous windows to access multiple exchanges.

Integrated View

Integrated View

Users will be able to see price, tick, and quantity from multiple exchanges listed on one page.

Limitation of Order Placement

Limitation of Order Placement

Users are only allowed to place orders separately in each individual exchange. They also need to access multiple exchanges to track their orders.

Users are only allowed to place orders separately in each individual exchange.

Easy to manage

Easy to manage

Traders are able to place and track orders from multiple exchanges and accounts on one page.

Inefficient Multi-Orders Placement

Inefficient Multi-Orders Placement

Traders need to submit their orders one by one, which causes inconvenience and time-waste.

Effective and Customized

Effective and Customized

Traders are able to place multiple orders at the same time.

Manual Price Tracking

Manual Price Tracking

Traders need to keep monitoring until the market reaches the target price, then manually place TP/SL orders.

Automatic

Automatic

Traders are able to place conditional orders, which can be triggered automatically.

with the new “order” tab

with the new “order” tab

User

before & after

before & after

Open

Open

01

01

Market Price Comparison

The order management system provides the latest information from multiple exchanges which allows users to get the best price in seconds. By using OMS, the user can get a comprehensive view on one screen, including the ask price, bid price, last price, and 24-hour changes. This information help users to stay ahead of market trends and let them make better decisions.

The order management system provides the latest information from multiple exchanges which allows users to get the best price in seconds.

The order management system provides the latest information from multiple exchanges which allows users to get the best price in seconds.

User

02

02

Better Order Management

The new interface focuses on user-friendly design. The user will be able to track price and place orders more intuitively. To provide a greater experience for users, the detail display has also been improved, several useful information are added, including account keys, order filling progress, order status, and traders. Therefore, users can get all the information they need on one page.

To provide a greater experience for users, the detail display has also been improved, including account keys, order filling progress, order status, and traders. Therefore, users can get all the information they need on one page.

The detail display now includes account keys, order progress, status, and traders, providing all information on one page.

User

03

03

Manage Multiple Orders at the same time

Group order is a brand new feature, which allows users to manage several account keys in a group, and place multiple orders by a single request. In the past, users can only submit orders one by one. For now with group order function, we can do it more effectively. By applying group order feature, users can group the account keys which have the same properties, then place multiple orders at once.

Group order allows users to manage several account keys in a group, and place multiple orders by a single request. By applying group order feature, users can group the account keys which have the same properties, then place multiple orders at once.

Group order lets users manage multiple account keys with similar properties and place multiple orders in one request.

User

User

User

Place Group Order

When placing group orders, the user will get a suggested value in amount column based on the setting of each account key. The value also can be adjusted manually by the user.

Group orders suggest amounts per account key, based on settings, but users can manually adjust the values if needed.

Manage Groups

The users can decide the percentage or amount for each account based on their investment strategy. And all groups will display on the group management page.

The users can decide the percentage or amount for each account based on their investment strategy.

Group Setting

The users can create a new group naming "high risk trade" to manage the account keys with progressive investment.

04

04

The Conditional Order

OTOCO(One-Triggers-a-One-Cancels-the-Other)

OTOCO feature allows user to place three orders: a primary order and two secondary orders (take profit/stop loss) at the same time. Secondary orders will be triggered as soon as the price touches take profit/stop loss price.

The OTOCO feature lets users place a primary order and two secondary (take profit/stop loss) orders, triggered by price.

User

User

User

Order Details

Click “View” button to see the status and information of OTOCO orders.

Style Guide

Style Guide

Typography

Typography

Typography

Font-size

Headline

22px

Title

16px

Body

14px

Label

12px

Font-weight

Light

Regular

Medium

SemiBold

Bold

Icons

Icons

Icons

Colors

Colors

Colors

Blue

#3FB5FC

Red

#F55E6A

Green

#2E9981

Grey

#2E9981

White

#F4F4F4

UI Kit