Trading UI Revamp
Overview
Reposition Crypto.com Exchange from a general-purpose retail trading platform into a credible destination for active, high-frequency, and professional-grade crypto traders, capturing the segment currently defaulting to Binance, Bybit, or dedicated terminals for spot/derivatives trading.
Role
Led the end-to-end redesign of the trading experience from problem framing to final delivery. My responsibility includes user research, interaction design, UI design, prototype and usability test.
Duration
2 months
Skills
Research, Strategy, Wireframe, Prototyping, Testing, UI Design
Problem
As the trading platform evolved with new features and growing user expectations, the existing order form design became outdated — lacking consistency, scalability, and responsiveness. To ensure a seamless and efficient trading experience across all devices and order types, a comprehensive redesign was necessary.
Research & Audit
Heuristic Review + UI Audit
Documented inconsistencies and pain points across different screen sizes.
Conducted competitive analysis to understand how other trading platforms structure their order forms and manage margin information, this helped us identify gaps in our own experience and oppotunities to differentiate.
Conducted in-depth user interviews that went beyond just usability testing of trading UI. Uncover broader trading behavioral patterns, feature expectations, and cross-platform comparisons. The research aimed to inform both immediate UI enhancements and long-term strategic improvements aligned with user needs.
User Research
Component Redesign
Build a multi-panel, terminal-style workspace that treats the screen as a customizable canvas rather than a fixed page. The interface should feel earned, not decorative, communicating capability through density and control rather than flashy visuals.
Design Goals
-
Unify Component Behavior
Unify styles across all order types
-
Scalability
Support new features such as TP/SL without clutter
-
Clarity
Clear structure and labeling to reduce cognitive load
-
Responsiveness
Support customizable screen size, optimize for small and wide screens.
New Look
Improve Order form
The redesigned order form builds on the original with several key upgrades: an instrument search bar with widget linking, a clearer balance display, Market/Limit/Pro order-type tabs, a BBO toggle for best-price entry, a percentage slider for order sizing, and a new TP/SL feature for setting exit conditions upfront — all capped with a transparent order value and fee preview before execution.
Unified Order Type Options
Chart trading layout
Responsive & Scalable Design
Responsive widget sizing: widgets adapt their layout to available width on the dashboard grid.
Customizable data view: each widget's settings menu lets users choose exactly which fields display, tailoring the view to what they need.