About

Systems built to ship.Visual craft to match.

I’m a product designer specialising in and complex . I turn dense data and tangled workflows into clear, scalable product experiences. Then I create the systems that keep them coherent as teams grow.

I’ve established design systems from scratch, defined token architectures, and shipped component libraries that engineers actually adopt. I’m comfortable in and , and I ship to production when it makes sense.

Now I use -assisted workflows to turn early ideas into working prototypes faster, so teams can test the interaction, not just discuss the mock-up.

Capabilities

Experience

Lead UX and product engineering for industrial software, turning complex engineering and operational workflows into clear product experiences.
Design human-in-the-loop and agentic workflows that keep engineers informed and in control of automated systems.
Own work from discovery and interaction modelling through prototypes, front-end implementation, and production refinement.
Define reusable interaction patterns and contribute directly to the front-end codebase, closing the gap between design intent and shipped quality.

Led end-to-end product design for construction quality and programme-management workflows used on large projects.
Designed data-heavy tables, bulk actions, and workflow tools for teams managing thousands of inspections and records.
Built a system of 280+ tokens and 100+ components that reduced bespoke implementations by 30 to 50%.
Partnered with product and engineering to turn ambiguous problems into scalable features shipped to production.

Selected work

Turning ambiguous problems into products that ship.

From Chaos to Cohesion: Building Visibuild's Design System2023 to 2026280+ tokens and 100+ components that cut bespoke implementations by 30 to 50%Inspection Matrix2025One view for managing thousands of inspections across complex projects Visi AI2025Turning PDFs and spreadsheets into ready-to-use inspection templates Rebuilding NCRs at Visibuild2025Rebuilding a critical workflow customers had stopped using

Writing

Practical notes on design systems, interface craft, and shipping code.

Before You Add Another Border, Try a Shadow RingJanuary 2026A more flexible design-system primitive for borders, focus states, and layered UI Somewhere between Figma and git pushDecember 2025What I learned by shipping production code alongside product design Simplifying State Tokens with color-mix()August 2025A simpler way to create scalable hover, active, and disabled state tokens Our Design-System Docs Were Complete. Nobody Could Find Them.August 2024Why we moved design-system documentation into the tool our team already used