I designbuild it.And then I ship it.
Nine years between the two chairs — wireframes, interaction design and design systems on one side; React, TypeScript, Angular and Tailwind on the other. Most recently I led the redesign and front-end delivery of baesystems.com. Nothing gets lost in the handover, because I'm on both ends of it.
+ FRONT-END
ON BAESYSTEMS.COM
Selected work
THREE DEEP DIVES · EIGHT PROJECT PAGES IN TOTAL
D'ARK
2025 — NOWA digital business card platform for UK SMEs. Founder and product engineer: 15+ owner interviews, the full Figma product, a 40+ component design system with semantic tokens and light/dark themes, then built in React, TypeScript, Tailwind and React Native.
GYMHUB
2021Find gyms that fit your schedule and budget, then track workouts and diet in the same app. Sole designer and product owner — research through shipped Android build.
BAE Systems
2022 — 2025Led the redesign and front-end delivery of baesystems.com — millions of visitors — from discovery and wireframes to production. Reusable component library, site-wide design system, WCAG 2.1 AA throughout, 35% faster load times.
Two crafts, one person
A design that can't be built is a mood board. Code without research is guesswork. I keep both honest by owning both.
Wireframes before pixels
Flows and grey-box wireframes first, tested and thrown away cheaply, so structure is settled before any UI exists.
Systems, not screens
Tokens, components and states in Figma — mirrored one-to-one in SCSS or Tailwind so nothing drifts.
I ship the front-end
Angular, React Native, Tailwind, Magnolia. The design survives because I build it myself.