Principal Product Designer + Design Technologist

Case studies, playbooks, AI lab explorations, and design systems.

Everything here is shipped, coded, or documented end to end.

KeySign, closing a home sale in the driveway

A field app for the twenty minutes after a buyer says yes at the curb, from drafted offer to open escrow file. Everything runs locally, so a dead zone is never an error.

Kinetic, a consumer banking design system

Foundations and tokens, components, patterns, real screens and the governance that keeps them from drifting. Motion is a system decision here, not a finishing pass. Every layer runs live.

Interface Content System, the words on the screen

Seven rules for interface copy, covering perspective, plain language, error states and accessibility. Each one shown as a weaker version beside a stronger one, so the difference is visible rather than described.

1QR, the real price before you pay abroad

A scan to pay app for the ninety seconds a traveller spends in front of a laminated QR code. It resolves who the code pays before showing an amount, then states the total in local currency with every fee itemised at the mid market rate.

How Much Would I Have If, a calculator built to be found

The domain name is the search query, so the product answers it on a statically generated page for every asset and every year. About 1,070 of them, each fast, accessible and honest. Live at howmuchwouldihaveif.com.

Readout, four earthquakes in Japan

A long form data story about Kobe, Tohoku, Kumamoto and Noto, told with a live D3 chart library over two pinned USGS catalogues. Every chart opens for a closer look, and the dashboard behind them is public.

Watchtower, supervising a voice agent mid call

Most voice agents ship one human control: a switch to take over the chat. Watchtower puts a supervisor in the beat before the agent acts, with the full picture and a trigger the caller never hears.

Criterion, an interview score you can argue with

Every score links to the exact words that earned it, and a score you disagree with can be challenged: the model re-evaluates in the open. Live at criterionscore.com.

Steer, settling the brief before the model writes

A loose request lets the model quietly decide audience, goal and tone for you. Steer turns it into a visible brief, every inferred assumption an editable chip, and flags the forks it should not resolve alone.

Conformly, accessibility compliance without the badge

Deterministic scans mapped to EN 301 549 and WCAG, validated fixes opened as real pull requests, every step on a tamper evident audit trail. It never tells a customer they are compliant, because that is a legal conclusion, not a scan result.

Vantage, an incident console for finding the cause

One root cause sets off hundreds of downstream alerts and the operator turns detective under pressure. Vantage collapses the cascade to the originating signal, draws the one hot path through the system, and points at the slowest span.

The Interaction Layer, seven principles of interaction design

Seven principles of what an interface is like to use, each grounded in human computer interaction research and proven by a demo you can run. Hand built, no animation library.