Back to selected work

Climate Risk · TCFD Disclosure · Product Design

Uncertainty as Signal

A climate risk disclosure platform for Tier 1 banks and insurers. Turns 22,000 probabilistic climate data points per asset into decision-ready views for credit, underwriting, and capital allocation.

The design challenge was that misreading the model leads to incorrect investment calls. The solution was to keep uncertainty visible in the interface instead of flattening it into false certainty.

Role

Product designer focused on the uncertainty visualization layer. Owned information architecture for multi-peril, multi-scenario, multi-time-horizon data.

Approach

Uncertainty visible in the interface: 22,000 data points per location compressed into decision-ready views without pretending the model is more certain than it is. Every output defensible in a boardroom or regulatory filing.

Outcome

Investment committees see the mechanism of risk, not just a black-box score. Analysts satisfy MRM reviews without being climate scientists.

An analyst accustomed to the precision of historical financial statements is suddenly handed a tool that says there is a 1-in-100-year flood probability under a high-emissions scenario by 2050, and they are asked to use that to justify a billion-dollar capital deployment to an investment committee. The interface design challenge was specific and daunting: how do you present probabilistic data in a way that supports deterministic financial decisions?

You do it not by hiding the uncertainty, but by making it entirely legible. An analyst who can see the range of outcomes and understand the mechanism that produces them is far more equipped to make a defensible decision than someone who sees a single risk score and has no idea where it came from.

BoardGameGraph
Domain Model
Pending asset: BoardGameGraph.png

Domain model mapping climate event to financial outcome. Built before the 1st wireframe.

Before creating the 1st wireframe, I built a domain model visualizing how a physical climate event at a remote site cascades through global trade flows to eventually impact a balance sheet in London. This was not UX research in the conventional sense. It was understanding the system well enough to properly structure it.

This model ultimately became the precursor to a service blueprint mapping the user’s transition from hazard awareness to financial impact and finally to resilience strategy.

CriticalPath
Service Blueprint
Pending asset: CriticalPath.png

Service blueprint: hazard awareness to financial impact to resilience strategy.

The platform’s information architecture was structured as a logical progression, not a static dashboard. The core architectural problem was that each asset in a global portfolio has 3 distinct analysis axes: peril, scenario, and time horizon, and generates 22,000 data points per location.

The defining design decision to manage this cognitive load was progressive disclosure. High-level risk scores for initial portfolio screening. Highly detailed hydrodynamic flood meshes for site-level engineering. A unified control panel that lets users toggle these dimensions seamlessly without losing their analytical context.

Progressive Disclosure
Wireframe Sequence
Pending asset: wireframe-sequence

Greyscale wireframes showing how 22,000 data points are tamed from macro heatmap to localized asset view.

Unified Control Panel
High-Fidelity UI
Pending asset: 8016.png

Peril, scenario, and time-horizon toggles in a single view. Decision-ready, not data-dumped.

A forward-looking time slider replaced the traditional series of static reports in favor of a continuous view showing how risk migrates from today out to 2100. The goal at every single level was to be decision-ready, not data-dumped.

Flood Mesh Analysis
90m Hydrodynamic Simulation
Pending asset: 7400.png

90m hydrodynamic simulation. Substation vs. parking lot. That distinction is the underwriting decision.

The entire approach crystallized in the flood mesh analysis view. This interface relies on a 90-meter resolution hydrodynamic simulation showing precisely where water accumulates, how deep it gets, and which structures it reaches on a property.

The design decision that truly matters here is that this view shows a bank evaluating a commercial mortgage whether a projected 2-meter flood reaches the building’s electrical substation or merely inundates the parking lot. That singular physical distinction changes the underwriting decision entirely. It changes the loan terms. It gives an analyst something tangible they can put in front of a credit review board and defend, not an abstract risk score, but a physical mechanism of loss.

Interactive Prototype
Simulated data · Portfolio demonstration

Through this design, an investment committee can see the mechanism of risk rather than just a black-box score. An analyst can satisfy stringent MRM reviews by drilling down into model lineage, validation metrics, and underlying assumptions, entirely without needing to be a climate scientist. A compliance team can map platform outputs directly to TCFD and ISSB disclosure pillars to generate audit-ready regulatory reports.

A capital allocator can ask how much a flood wall saves their portfolio in Average Annual Loss over 10 years, and get a financially quantified answer from that very same interface. The platform does not just show risk. It provides the framework for navigating it across non-linear time horizons, shifting regulatory requirements, and the probabilistic nature of a non-stationary climate.


Technical Details

  • Built with React, TypeScript, and Vite
  • Leaflet + CartoDB Dark Matter for geospatial rendering
  • Chart.js for trend and distribution visualizations
  • No backend, no database, no API dependencies
  • Dual-audience interface: Executive and Technical views
  • WCAG AA accessible with keyboard navigation
Disclosure

All data is simulated. No confidential information is disclosed. The prototype demonstrates interface logic and interaction design only.

What This Demonstrates

Uncertainty visualization is not a decorative layer on top of a risk score. It is the structure that lets an analyst connect a probabilistic model to a capital decision. When the interface makes the mechanism legible, uncertainty becomes actionable instead of evasive.

This showcase demonstrates progressive disclosure, model-legibility, and decision-ready framing for users who must defend a financial judgment without being the people who built the model.

Continue through the showcases
Previous showcase
Know Who Knows
An enterprise talent mapping interface that makes the topology of expertise visible across three coordinated views.
View case study →
Next showcase
Volatility Surface
A linked options-trading workspace that turns a 3D volatility field into slice, grid, spread, and strategy decisions.
View case study →

View all selected work →