I'm a product design leader with 8+ years of experience — across sports, OTT, payments, e-commerce, edtech and fitness. Most recently I've owned the highest-revenue surfaces at Dream Sports (FanCode), pairing research, data and UX expertise with agentic AI workflows so quality products that users love using and paying for.
Sports is one industry I've designed for — payments, e-commerce, edtech and fitness are the others. The craft underneath is the same: research-led UX that moves a business metric, delivered fast.
I design for the metric, not the portfolio shot — a renewal system that lifted recurring revenue +47%, payment funnels, and conversion engines on pages with millions of visits. Every project here starts with the business problem.
30+ state architectures, multi-product design systems, CMS-driven components that marketing can run without a release. My work is built to hold up as the product and the team grow — not just to demo well.
I build agentic pipelines (Claude Code + Figma MCP) that take designs to production-ready code, and automation that generates 2,000+ graphics a month. The same craft, shipped in a fraction of the time.
From a personalised renewal engine that lifted recurring revenue +47%, to the app's most-visited page rebuilt as a video-first conversion engine.
A personalised, lifecycle-aware renewal system that turns expiring sports passes into recurring revenue — reaching the right user, on the right surface, at the right moment, with the right offer.
FanCode's most-visited page, rebuilt to convert — AI-generated reason-to-watch storytelling, zero distractions before conversion, and content keyed to entitlement × match state across four sports.
Agentic pipelines (Claude Code + Figma MCP) that turn design into production output, remove manual handoff, and compress design-to-live from quarters to days.
Claude Code + Figma MCP pipeline that auto-generates HTML kitchen-sink docs — components, foundations, iconography, product kits — directly from design tokens, eliminating manual handoff.
Agentic workflow extracting color, typography and spacing tokens from Figma to scaffold production-ready CSS/React components — cutting design-to-dev cycle time significantly.
Converted Figma prototypes into functional responsive web code (React + TypeScript) with adaptive layouts for mobile, tablet, foldables and desktop from a single design source.
Orchestrated an AI-driven build of a production-quality schedule page using FanUI components, integrating live API data — Figma spec to deployed code in one session.
Engineered a Figma + Google Sheets automation pipeline generating thousands of graphics every month with zero manual design effort.
Built an AI-driven system producing high-engagement video thumbnails from screen-grabs — automatically, across the FanCode catalogue.
Odds and ends from shipped work — explorations, visual one-offs and details that didn't need a full case study.
Small, fully playable experiments — designed and shipped with the same agentic AI workflows as the rest of this portfolio. No installs, nothing tracked, everything runs in your browser.
A 3×3 word hunt — build words around the centre letter across timed, blitz and relaxed modes, three board sizes, and ✨ bonus points for rare words.
Play Word Forge →The next bite-size experiment is on the bench — taking shape between case studies.
Slot reserved. The lab is always running.
Open to conversations about product design leadership, conversion-focused UX, and AI-accelerated ways of shipping product.