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

Inconvenient Price Search

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

Integrated View

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

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.

Easy to manage

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

Inefficient Multi-Orders Placement

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

Effective and Customized

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

Manual Price Tracking

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

Automatic

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

with the new “order” tab

User

before & after

Open

Open

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.

User

02

Better Order Management

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.

User

03

Manage Multiple Orders at the same time

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.

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.

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.

Group Setting

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

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.

User

Order Details

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

Style Guide

Typography

Font-size

Headline

22px

Title

16px

Body

14px

Label

12px

Font-weight

Light

Regular

Medium

SemiBold

Bold

Icons

Colors

Blue

#3FB5FC

Red

#F55E6A

Green

#2E9981

Grey

#2E9981

White

#F4F4F4

UI Kit