Skip to content
Tyler King
Contact
All case studies Case study 4 / 5 · 2021

Rebuilding Risknet Around Daily Decisions

Rebuilt the Risknet dashboard so the metrics analysts act on lead the layout, with reference detail on demand and new metrics added as data.

Role
Senior Product Engineer & Director, Product Development
Stack
React · TypeScript · Highcharts
Scope
Dashboard IA and front-end rebuild
Year
2021
The problem

Everything was on screen, so nothing stood out

The existing dashboard showed every available metric with equal visual weight. Analysts had to hunt for the handful of metrics they acted on, and the density made the tool exhausting to use for hours at a time.

All of the data was present and none of it was ranked. Every improvement request came back as another panel, which compounded the problem it was meant to solve.

The constraints

Working analysts, live workflows

The dashboard was in daily use, so the redesign had to ship incrementally, with no big-bang cutover and no retraining week. Existing data contracts and the Highcharts investment stayed, and the work was scoped to information architecture and interface.

The approach

Find what analysts act on, then design the hierarchy

I worked with analysts to identify which metrics changed what they did that day, then rebuilt the layout so those led, with reference detail available on demand. Chart types were chosen for how the data is read.

The front-end was rebuilt in typed React so the charting layer stayed maintainable as new metric types were added.

The decisions

Hierarchy over density

The hardest calls were subtractive: demoting metrics analysts said they wanted but never acted on, and moving them behind progressive disclosure instead of deleting them. Chart types were standardized to one encoding per data shape, trading visual variety for instant readability.

A typed metric model made each new metric a data change rather than a UI change, so the layout held as metrics were added.

The outcome

A calmer tool ranked by daily use

The dashboard now leads with what analysts act on, and it stays calm as it grows. A new metric is a data entry, and the layout does not change.

Figures

Screens, diagrams, and documents from the work.

Risknet v1 Dashboard · 1 of 2
Risknet v1 dashboard: dense tables of counterparty risk exposure, commodity risk limits with one row highlighted in orange, and invoices, each under a dark blue panel header.

Before: A data-heavy layout built for reporting, with little visual hierarchy or prioritization.