Work UI Toolkit
ProjectMarket UI Toolkit
Project TypeTrading UI / Component Library
Year2016-2018
RoleUI Designer
UI Toolkit

UI Toolkit

Trading UI toolkit for multi-asset workflows. Reusable components, order entry patterns, price tiles, and WCAG AA foundations.

about.

Overview

Worked on the modernisation of a trading platform UI, bringing legacy interfaces into a shared Market UI standard. The goal was clarity and speed for traders working across multiple asset classes and execution workflows.

The project covered pre-trade, execution, and post-trade activities, consolidating fragmented tools into one responsive experience across desktop and tablet.

My Role

As UI Designer, I modernised the trading UI with the UX team and kept the work aligned to Market UI. I designed scalable flows with product and engineering.

Key responsibilities included order entry flows, price tile layouts, strategy builders, and real-time data displays, with performance and accessibility standards built in.

Key Focus Areas

Real-time price tiles, order management grids, strategy configuration panels, and multi-asset trading views. Dense, but still readable.

Reusable patterns covered spot, forward, and options workflows, with consistent interaction models across FX, rates, and commodities.

Outcomes

30+Screens designed
6Asset classes supported
WCAG 2.1 AAAccessibility compliance
UI/UX Design · Trading · Figma · Design System · Data Visualisation · Responsive · Accessibility