Personal · Frontend & motion
Scenes
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
- Built gesture-aware navigation for wheel, trackpad, touch and keyboard with a lock between scenes.
- Choreographed transitions with transform, opacity and blur only, staggered heading-first.
- Linked project covers to their case studies with shared-element view transitions.
- Respected reduced-motion preferences throughout.
04 / Outcome
The site you are looking at.
Next study