Kim Lawlor
All Case Studies
Trading SystemsInteraction DesignFintechDesign Systems

Trade Experience / Order Entry System

Designing a complete institutional trading experience from the ground up — across tickets, confirmations, and integrated trade actions.

Role
Senior Product Designer
Year
2021–2025
Status
Live

Prototype

Action Type
Symbol
Action
Order Type
Status
Expiry Date
Original Qty
Outstanding Qty
Avg Fill Price
Mkt
Last
Bid
Ask
Order Price
Buy
BMO
Market
Open
Day
2
1
$4.00 CAD
CAD
$68.60 CAD
$68.50 CAD
$68.75 CAD
Buy
MSFT
Limit
Partially Filled
Jan 11, 2024
100
0
$419.83 USD
USD
$345.35 USD
$345.20 USD
$345.50 USD
$3.20 USD
Sell
BB
Limit
Open
Jan 10, 2024
5
5
USD
$12.82 USD
$12.80 USD
$12.85 USD
$3.60 USD
Sell
BBY
Limit
Filled
Jan 24, 2024
5
0
$22.49 USD
USD
$22.49 USD
$22.46 USD
$22.55 USD
$1.45 USD
Sell
BBY
Stop Limit
Open
Day
10
10
USD
$22.52 USD
$22.48 USD
$22.60 USD
$5.50 USD
Sell
BBY
Stop Limit
Open
Day
2
2
USD
$22.55 USD
$22.50 USD
$22.63 USD
$4.00 USD
Sell
BMO
Stop Limit
Open
Day
3
3
CAD
$68.55 CAD
$68.50 CAD
$68.63 CAD
$4.00 CAD
Buy
BMO
Limit
Open
Day
1
1
CAD
$68.65 CAD
$68.52 CAD
$68.72 CAD
$4.00 CAD
Buy
GOOG
Limit
Open
Day
1
1
USD
$168.61 USD
$168.52 USD
$168.70 USD
$1.00 USD
Buy
IBM
Limit
Open
Day
1
1
USD
$289.75 USD
$289.50 USD
$291.00 USD
$1.00 USD
Buy
INTC
Limit
Open
Day
1
1
USD
$30.75 USD
$30.70 USD
$30.80 USD
$1.00 USD
Buy
INTC
Limit
Open
Day
5
5
USD
$30.75 USD
$30.70 USD
$30.80 USD
$1.00 USD
Buy
JBLU
Limit
Filled
Day
5
0
$18.63 USD
USD
$18.63 USD
$18.60 USD
$18.66 USD
$18.60 USD
Sell
MDT
Limit
Open
Jan 25, 2024
10
10
CAD
$129.90 CAD
$129.85 CAD
$129.95 CAD
$124.00 CAD
Buy
MSFT
Limit
Open
Jan 25, 2024
2
2
USD
$345.30 USD
$345.25 USD
$345.40 USD
$124.00 USD
Buy
MU
Limit
Filled
Day
5
0
$78.95 USD
USD
$78.95 USD
$78.90 USD
$79.00 USD
$80.00 USD
Buy
NCLH
Limit
Filled
Day
1
0
$15.00 USD
USD
$25.42 USD
$25.40 USD
$25.44 USD
$28.00 USD
Buy
RY
Limit
Filled
Day
1
0
$142.90 CAD
CAD
$142.90 CAD
$142.85 CAD
$142.95 CAD
$5.50 CAD
Buy
RY
Stop Limit
Cancelled
Day
1
0
CAD
$142.90 CAD
$142.85 CAD
$142.95 CAD
$5.50 CAD
Sell
GOOG
Stop Limit
Rejected
Day
3
3
USD
$168.61 USD
$168.52 USD
$168.70 USD
$170.00 USD
Sell
IBM
Limit
Expired
Jan 5, 2024
4
4
USD
$289.75 USD
$289.50 USD
$291.00 USD
$295.00 USD
Partially FilledOrder ID 10159

Buy 100 shares of MSFT

Limit $420 · Day order

ActionBuy
Quantity100 Shares
Price typeLimit
Limit price$420.00 USD
ExpiryGood till date
Extended hoursNo
NewPlaced a limit buy order for 100 shares of MSFT for $42,000.00.Apr 3, 2026 · 12:37 PM EST
ModifiedLimit price changed from $415.00 to $420.00.Apr 3, 2026 · 12:40 PM EST
Partial fill60 shares filled at $419.83.Apr 3, 2026 · 12:45 PM EST
01

Challenge

The product had no usable trading experience, and needed one that could meet institutional expectations.

Trading tools didn't exist in a functional state. Early concepts were overcomplicated, inconsistent, and not aligned with modern UX patterns. The interface lacked hierarchy, consistency, and accessibility. Visual styles were fragmented, layouts were dense, and patterns varied across surfaces. The challenge was to design a complete trading experience that users could trust, while fitting into a constrained, modular system and aligning multiple teams.

02

Approach

Designed a modern, system-driven trading experience from the ground up, focused on clarity, consistency, and scalability.

Defined the structure, flows, and interaction patterns across all trade surfaces, including tickets, confirmations, and supporting modules. Worked across teams and systems to ensure the experience felt native within QSWeb, despite technical constraints like iframe integration and Golden Layout.

Designed a unified structure across all trade tickets — equity, options, multi-leg, fast trade, and line trader.
Established consistent interaction patterns across preview and confirmation flows.
Reduced visual noise by restructuring layout hierarchy and spacing.
Introduced a modern UI system that became the new standard across QSWeb.
Simplified and standardized themes to Dark, Light, and CVD for accessibility.
Reworked design variables to improve consistency and reduce design-to-dev friction.
Integrated trading actions into existing modules — watchlist, charts, and more.
Designed for scalability across desktop, research tools, and mobile integration.
03

Outcome

Shipped a full trading experience and established the foundation for trade across multiple products.

Delivered a complete set of trade tools, including tickets, modules, and contextual actions integrated into QSWeb. The system was used to support institutional requirements and helped secure new bank clients, including BMO and Scotia. Established a scalable design system and interaction model that continues to be reused across products and platforms.

Gallery

Trade confirmation dialog summarizing order details before submit
Watchlist dashboard with symbol table and price chart
Appearance settings with Light, Dark, and High Contrast theme options

Related Projects