← Back to work
11 / 30Sites·2025·Live
Cinematic Studio Site.
Cinematic studio site — heavy motion stack, scroll-driven choreography.
Creative studio
01
Problem
A studio brand needed a site that itself read as a craft demonstration — not a brochure with parallax, but a working showcase of motion engineering.
02
Approach
Next.js 16 + GSAP + Lenis + Framer Motion. Layered scroll choreography, smooth-scroll wrapper, magnetic interactions, page-transition timelines.
03
Outcome
Live site that reads as the studio's portfolio in motion — every interaction is the demo.
Stack
- Next.js 16
- GSAP
- Lenis
- Framer Motion
Next caseBack to work →
01 · SitesLiveConstruction Intelligence SaaS
B2B SaaS — every GCC construction project, physically visited.
6 GCC markets
02 · SitesLiveSports Tournament Platform
Tournament site for 170+ football legends across 8 teams.
170+ Legends
03 · SitesLiveAI-Integrated Marketing Site
AI-integrated marketing surface — Google Gemini wired into the editorial flow.