Neon Metals

A liquidity platform enabling Metals clients to manage positions electronically, transforming a profitable yet inefficient phone-based process into an efficient and scalable platform with full price matrix and RFQ capabilities.


MY ROLE

Lead designer responsible for end-to-end design, stakeholders management, design system implementation, involvement in front-end development, QA support.

THE TEAM

2x designers, 6x developers, 2x QA, Market Making Business Technologist.

TIMELINE

Q2 2019 – Q3 2023

CHALLENGE

Base metal position adjustments were previously handled through slow, error-prone phone-based processes, creating bottlenecks for clients and brokers. The Metals team needed a more efficient, scalable, and transparent method for trading base metals with direct broker-client interaction and proper risk management controls.

SOLUTION

I developed a comprehensive digital solution that transformed the metals trading experience:

  • Built a secure client portal enabling 100+ high-revenue clients to adjust base metal positions electronically

  • Designed and implemented a price matrix for lending/borrowing base metals, providing clear market visibility

  • Created a custom RFQ (Request for Quote) tool facilitating direct broker-client trading

  • Developed a robust admin interface for market management and margin control

  • Integrated the platform with the Neon Design System for consistent UI/UX across the product suite

The solution prioritised usability and efficiency while maintaining the necessary security controls required in financial trading environments.

OUTCOME

  • Eliminated phone-based position adjustment processes, significantly reducing operational inefficiencies

  • Expanded trading capabilities with direct electronic access to CME metals markets

  • Enabled trading of outright and spread liquidity across six base metals in any size

  • Improved client experience through intuitive interface and streamlined processes

TECHNOLOGIES/METHODS USED

  • Design: Figma, FigJam

  • Project Management: Jira, Confluence

  • Development: React, TypeScript, MUI, Neon Design System

  • Research: User interviews, AppCues

  • Process: Agile methodology, Kanban, cross-functional collaboration

Previous
Previous

Neon Insights

Next
Next

CSC Pricing