A dark interactive terminal from the Aros project

DESIGN ENGINEER · REACT + TYPESCRIPT

THE INTERFACE,DESIGNED AND BUILT.

I design digital interfaces and build them in React and TypeScript. One person can take an interaction from the first prototype to tested, responsive code without losing decisions between design and development.

See the work Résumé ↗Contact →
02— WHAT I DO
01

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.

02

Build the frontend

I create responsive React and TypeScript interfaces, connect data and cover the loading, empty, error and success states that static designs often omit.

03

Create reusable components

I turn repeated interface patterns into documented components with consistent spacing, type, colour and behaviour.

04

Check the finished product

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.

03— FROM SCREEN TO BEHAVIOUR

FROM THE STATIC SCREEN TO THE WORKING FLOW.

Bridagency became a bilingual 23-step planning flow. The working version had to handle progress, choices, validation, mobile behaviour and the transitions between every screen.

STATIC PLANNING SCREEN

Static Bridagency planning interface

WORKING FLOW

WHAT TESTING CHANGED

Twenty-four moderated thinking-aloud sessions shaped the main flow before launch. The browser build then exposed state and mobile defects a static screen could not show.

Read the Bridagency case study →

04 / DESIGN ENGINEER

THEINTERACTIONAND THE CODE, KEPT TOGETHER.

I keep the behaviour, responsive states and accessibility decisions attached to the component as it moves from Figma into React.

05— WORK

PROJECTS THAT SHOW THE WORK

06— FAQ

QUESTIONS I OFTEN GET

Bridagency shows the product flow and the working bilingual web application I built. Plox covers the surrounding social product and its browser-based pixel editor. Medienkundig shows my product direction and the Astro, React and Supabase implementation.

07 / CONTACT

HAVE A ROLE OR PROJECT IN MIND?

Tell me about it