Credit Suisse · Lead Product Designer · 2019

Market Risk
Dashboard

A visual language for risk that had to make sense to two people at once — the analyst fourteen levels deep, and the executive who just needs to know what's on fire.

227
Risk Management VaR — daily, MM
Risk drill-down wheel
Rates USCreditExtreme Moves
Breach #D0342C
Warning #E6A700
Within limit #2F7D4F
Selected #2F6BD0
Data-table card
14
levels of hierarchy, one starting view

Credit Suisse was running daily risk analysis across trading desks, portfolios and business lines. The numbers existed — but they lived in disconnected systems, and there was no single place to see the whole picture. Reviews dragged. Breaches could hide.

The hard part wasn't the data. It was that the same data had to serve two opposite minds — analysts tracing a position down fourteen levels, and managers who just want the headline.

How do you give both a single source of truth?

The answer was progressive disclosure — surface the summary, and reveal depth only when it's asked for. Pick an entity in one wheel and the next recalculates around it: Rates US, then Credit, then Extreme Moves.

The full Market Risk Dashboard
The live view — three connected wheels over the data tables, breadcrumb tracing the path.

Live figures render through D3.js, E-Charts and Highcharts, unified into one consistent visual language — and a small, deliberate colour system does the quiet work of flagging what matters.

The risk colour system
Breach
HEX #D0342C · RGB 208 52 44
Warning
HEX #E6A700 · RGB 230 167 0
Within limit
HEX #2F7D4F · RGB 47 125 79
Ink
HEX #152934 · RGB 21 41 52
Modern data tables
Modern tables — change, limit, utilisation. Breaches turn red in place, so nothing hides.

The dashboard pulled fragmented risk into one navigable place — faster reviews, fewer missed breaches, and a component library that set the standard for the dashboards that came after it.

Reveal depth on demand — not everything, not nothing.