Say hello to

／ryankwan.dev

My name is Ryan, a Creative Frontend Engineer with 6+ years building high-performance, visually engaging web apps — React, Next.js, TypeScript and GraphQL — where design, motion and engineering intersect.

-Scroll down for more details-

／ryankwan.dev

About me

Creative frontend engineer with 6+ years of experience building high-performance, visually engaging web applications, with a strong focus on user experience, interaction and modern frontend architecture. Specialised in React, Next.js, TypeScript, Tailwind CSS, GraphQL, and component-driven development with Storybook.

Experienced in delivering design-focused digital products from concept to production — animation-rich interfaces, scalable design systems, advanced search experiences, and performant ecommerce and CMS platforms. Strong eye for detail, with a proven ability to translate complex Figma designs into polished, responsive and accessible user interfaces.

Collaborative and product-minded, working across frontend, backend, design and client teams to deliver reliable, maintainable, customer-focused solutions. Passionate about immersive digital experiences where design, motion and engineering intersect.

Approach

How I work

Four things I keep coming back to, and what they cost in practice.

Build the primitives first

Shared components and tokens before features. It costs more on day one and far less every day after, because the next screen becomes assembly rather than invention.

Motion is information

Animation should tell you where you are, what changed, and what is loading. If it does none of those, it is decoration — and decoration gets a reduced-motion switch.

Types at the edges

Validate API responses and authored content at the boundary so the rest of the app can trust its data. Most UI bugs I have chased turned out to be shape bugs in disguise.

Optimise for the next maintainer

Fast to ship and fast to change are the same goal at different timescales. I keep the code boring and obvious, and save the cleverness for the interaction design.

Work & experience

What I have built

Client platforms, personal infra, side projects, and the roles behind them — newest first, each case study leading with the problem, approach, and outcome.