Web3 Crypto Exchange

Pro Token Trading

Creative Technologist
Eqonex
2021 - 2022
In-house Design Team
Singapore
Roles
Design System · UI · UX · IA · Prototyping · Documentation · User testing
Pro Token Trading

I led the redesign of the trading experience for EQONEX, focusing on making a complex professional trading environment more flexible and easier to navigate.

A key part of the work was exploring a modular grid system that allowed traders to arrange and resize trading modules around their individual workflows. I used interactive prototypes and usability testing to explore different layouts, information hierarchies and levels of customization before translating the learnings into reusable product patterns.

Alongside the trading experience, I helped establish the design language and underlying patterns that brought the new interface together across the platform.

A professional's screen

Traders keep everything visible at once and judge a platform on how quickly they can read it. That is the constraint the whole redesign works inside.

The trading platform on a large monitor, with chart, order book, trade history, leverage info and order form
The full trading interface, with modules arranged across chart, order book, positions and order updates

Modules, not a fixed layout

Every panel is a module on a grid that traders arrange and resize around their own workflow. No two desks want the same screen.

One way to say something

Notifications were arriving in five different dialects. One pattern set, one severity scale, reused everywhere.

Notification patterns, showing dismissable toasts, confirm and cancel actions, and the info, success, negative, warning and brand states
The messaging matrix, mapping five priority levels onto email, banners, snackbars, dialogs, error states, tooltips and widget tabs

What gets to interrupt you

A matrix of priority against channel. A critical trading block may take the screen, a promotion may not. Mid-trade, an interruption is a cost.

The order form, twice

Same fields, half the furniture. Fewer boxes, a clearer hierarchy and the action where the eye already is.

The order form before and after the redesign, side by side
The order book before and after the redesign, side by side

Reading depth at a glance

The depth bars carry the information and the grid gets out of the way. A trader reads this panel dozens of times a minute.

The order blotter and order updates panels, showing open orders with their fill status

Status you can scan

Partial fills, stops and takes read as one column of state rather than a table to be decoded.

The positions panel, grouping assets, perpetuals and dated futures

Grouped the way traders think

Assets, perpetuals and dated futures are separate concerns, so they are separate groups rather than one flat list with a type column.

← Back