Personal · Frontend & motion

Scenes

Year
2026
Role
Design & front-end development
Stack
Next.js · React · CSS · View Transitions

The motion system behind this portfolio: every scroll is a cut to a new scene.

01 / Challenge

Scroll-driven portfolios often feel either static or chaotic — free scrolling blurs sections together.

02 / Idea

Treat each section as a scene: one gesture, one cut. Content arrives from depth and leaves into it.

03 / Process

  1. Built gesture-aware navigation for wheel, trackpad, touch and keyboard with a lock between scenes.
  2. Choreographed transitions with transform, opacity and blur only, staggered heading-first.
  3. Linked project covers to their case studies with shared-element view transitions.
  4. Respected reduced-motion preferences throughout.

04 / Outcome

The site you are looking at.

Next study

MY OS