Prototype difficult interactions
I build realistic prototypes for flows, animation and interface states. Teams can test how an idea behaves before committing to the full build.
DESIGN ENGINEER · REACT + TYPESCRIPT
I design digital interfaces and build them in React and TypeScript. Building interactive prototypes lets me test component behaviour in the browser while I work on the design.
I build realistic prototypes for flows, animation and interface states. Teams can test how an idea behaves before committing to the full build.
I create responsive React and TypeScript interfaces, connect data and cover the loading, empty, error and success states that static designs often omit.
I turn repeated interface patterns into documented components with consistent spacing, type, colour and behaviour.
I test keyboard use, screen sizes, browser behaviour and important user flows. The result is reviewed as working software, not only as a Figma file.
04 / DESIGN ENGINEER
THEAND THE CODE, KEPT TOGETHER.
I implement keyboard interaction, loading and error states alongside the responsive layout.
Design · Frontend · Full-Stack
A bilingual planning flow with 23 steps, built as a working web product after user testing.
Read case studyProduct Design · Full-Stack
A social platform and browser-based pixel editor with reusable interface patterns across the product.
Read case studyUX Research · Product Design · Full-Stack
An Astro and React product backed by Supabase, with accessibility checks and automated browser tests.
Read case study07 / CONTACT