06 / Creative web
Interactive Portfolio
A motion-led web experience where interaction communicates craft without blocking content.
System
case study06
case study06
The problem
Create memorable visual depth while keeping first render and navigation fast.
Engineering map
Structure — semantic content first
Motion — restrained scene choreography
Visual — progressive 3D enhancement
Performance — device-aware rendering
Technology
Next.jsTypeScriptGSAPFramer MotionThree.js