Skip to case studies
01Accessibility FirstSEN Navigator

Accessibility First

SEND parent navigation suite. Systems thinking in service design — making complexity legible for families navigating support.

FocusSystems / Accessibility / UX

Role
Lead Product Designer (Systems & Accessibility)
Collaborators
UX Researcher, Engineering, SEND Caseworkers, Parents
Timeline
16 months research + design + build
Status
Prototype — tested with parents and caseworkers; not yet deployed
View Case Study →
02Enterprise SaaSSpark

Enterprise SaaS

InsurTech platform for complex markets. Bridging institutional systems and user clarity through workflow unification.

FocusUX / Systems / Enterprise SaaS

Role
Lead Product Designer (UX/Systems)
Collaborators
Product Manager, Engineering, Underwriters (domain experts)
Timeline
18 months research + design + build
Status
Live, 12 integrated source systems
View Case Study →
03Supply Chain OpsQCL Suite

Supply Chain Ops

Quality control, OTIF, CO₂ tracking. Designing for operational intensity — learning what hand-craft teaches operational systems.

FocusOperations / UX / Systems

Role
Lead Product Designer (Operations/UX)
Collaborators
Operations Manager, Engineering, Floor Supervisors
Timeline
14 months design + research + build
Status
Live, 47 data points tracked per shipment
View Case Study →
04Systems ResearchBy Design / HIVE Hub

Systems Research

Knowledge navigation layer for systemic design. Curating, connecting, and making sense of design as diagnosis at scale.

FocusKnowledge Architecture / Systems

Role
Lead Product Designer & Knowledge Architect
Collaborators
Independent research and curation, informed by patterns from comparable sector practice — partner contribution is a future direction, not yet in place
Timeline
18 months research + design + curation + build
Status
Concept — a personal knowledge architecture, not yet published to an external practitioner audience
View Case Study →
05Seafood ProvenanceHOFF

Seafood Provenance

Premium market supply chain tracking. Building trust through transparency — sourcing, storage, distribution mapped from Hong Kong waters to table.

FocusSystems / UX

Role
Lead Product Designer (Systems & UX)
Collaborators
Supply Chain Manager, Engineering, Logistics Partners
Timeline
12 months research + design + build
Status
Concept — supply chain transparency model
View Case Study →
06Circular EconomyValue Hugger

Circular Economy

Reframing e-commerce returns. Art direction + systems strategy for a brand built on giving products second lives. Transparency as competitive advantage.

FocusBrand / Systems / Art Direction

Role
Lead Product & Brand Designer (Systems + Art Direction)
Collaborators
Founder, Engineering, Logistics, Sustainability Team
Timeline
20 months strategy + design + build
Status
Live — quantified outcome figures below are modelled/estimated unless separately verified, not measured production data
View Case Study →
07Nav SuiteNav Suite

Nav Suite

A pattern, not a product — one navigator format, tested against eleven different kinds of institutional friction.

FocusAccessibility / Systems Simplification / Human & Eco Focus

Role
Designer / Systems (pattern lead)
Timeline
Ongoing
Status
Suite of concept and published prototypes — pattern validation, not a shipped product
View Case Study →
Working Notes — Process

The design work spreads across Figma files until deployment.

The research, wireframes, flows and test notes behind the finished case studies — shown in the order they actually happened.

QCL · pre-LovableThe phone app, before it was a dashboardEarly field-tool flows — inspection steps mapped before OTIF/CO2 logic existed.
QCL OTIF dashboard — laptop view with quotation manager, on-time and in-full performance
OTIF dashboard — laptop view
Competitor analysis summary — inspection SaaS landscape review
Competitor analysis — inspection SaaS
QCL ideas & questions — early screen 01 with checklist and audit summary
Ideas & questions — screen 01
QCL inspector phone app, original pre-dashboard build
FigJam — field-to-office journey
Test note — card sort, n=6
SEN · early wireframesBefore the Local Offer had a shapeFirst-pass flows for the parent journey, ahead of the shipped Navigator format.
SEN Navigator, early wireframe view one
Early Years Navigator – start
SEN Navigator, early wireframe view two
Early Years Navigator – section
Figma wireframeFigma - draft navigation, option based GDS web structure
Spark · pre-build flowsThe logic, before it was a UISpreadsheet-to-API rule mapping, worked out in flows before any dashboard existed.
Excel integration — Product Factory Assistant task panel flow
PF Assistant — task panel flow
Client manager flow — dashboard concept for managing Product Factory clients
Client manager — dashboard flow
Empathy map — highlights of usability testing of PFA
Empathy map — PFA usability testing
Coherent Spark — product overview with bookmarks and services
Product overview — services & bookmarks
Coherent Spark — your folders directory of insurance products
Your folders — product library
Coherent Spark — design system atoms sheet
Design system — atoms
Coherent · insurance toolsComparisons, calculators, quick quotes, broker trackerContributor — not leadSmaller consumer- and broker-facing tools alongside Spark — separate product line, same client.
Coherent Product Factory — teams and user flow tree map
PF tree map — teams & user flow
Product Factory flow — Excel UI integrated into product engine
PF flow — Excel UI in product engine
Spark training — individual flows and end-to-end key steps
Spark training — individual & E2E flows
Excel integration — Product Factory Assistant task panel flow
PF Assistant — task panel flow
Testbeds — tags, filters, cards and detail states (WIP)
Testbeds — states & filters (WIP)
Insurance comparison flow
Comparison flow
Premium calculator
Premium calculator
Quick quote flow
Quick quote flow
Broker sales tracker
Broker sales tracker
Coherent — detailed quote result, Premium Safeguard mobile screen
Detailed quote result — mobile
Sun Life — Commitment + Savings Booster + Protection Booster results screen
Commitment + SB + PB results
Tally · research to design, never shippedThe task app that stayed in researchExtensive pre-Figma research and a full Figma UI design — only briefly prototyped in Lovable this year, never built as a real product.
Tally app showcase — task app research and design screens
Tally showcase
Tally user flow — tablet view of task app flow
Tally flow — tablet
Research — synthesis / themes
FigJam — structure / flow
Figma — full UI design
Lovable — brief prototype, 2026
Range

Eight more, briefly

Smaller and adjacent builds that sit outside the six core case studies, shown here as a quick grid, not full write-ups.

Brochure site

Comer Build & Construct

UK office fit-out and refurbishment company, bold sans brochure site with a full custom design system.

Collective showcase

FORM Creative Hub

Nine independent creatives across Hong Kong, Singapore and the UK, bilingual English and Chinese, light and dark mode.

Local business

IKM gruppe

Martial arts school, public site plus member login, booking dashboard and admin panel.

Publication

Asia Literary Review

Literary magazine, articles, back issues and contributor profiles with a cover carousel.

SaaS UI demo

Product Hub

Clickthrough product catalogue demo, grid, Kanban and roadmap views, purple and navy system.

Mobile fintech

Kompass

Hong Kong insurance agent product comparison tool, side by side cost, coverage and benefits.

Mobile fintech

Yoken

Foreign student travel insurance quote wizard, five step mobile flow with live rate tables.

Mobile PWA

QCLive in Wappler

Offline first garment quality control inspection app for field inspectors, with photo capture and size checker.

Visual Direction & Graphic Craft

Selected graphic design work across identity, editorial, art direction, and systems design.

About the Work

15+ years. Systems thinking. Graphic craft. Design across media.

Based Berkshire, South UK. Enterprise SaaS, InsurTech, supply chain, accessibility, systems design. Current focus: operational design + service complexity. Available for consulting, strategy, and meaningful projects.

AboutServices