2026Selected work / 2026
High-performance digital experiences and motion design.
Visit live project ↗The interface in motion,
shown where it was built to live.
The challenge
Making the experience feel inevitable.
The studio wanted a site that felt cinematic and fluid while still functioning as a practical portfolio clients could browse. Balancing heavy motion design with performance and SEO was the core tension. The site also needed a CMS-backed project feed that non-technical team members could update.
The response
One clear system, built around the content.
I used Next.js for SSR and SEO, with GSAP ScrollTrigger for scroll-driven animations that only activate in viewport. A Neon serverless Postgres database powers the project feed. Critical CSS is inlined, fonts are subset, and images use blur-up placeholders. Every animation is GPU-composited to avoid layout thrashing.
From direction to delivery
The work behind
the final frame.
- 01
Direction
Set the visual language: dark, editorial, motion-forward. Every interaction references film through cuts, reveals, and dissolves.
- 02
Architecture
Next.js App Router with SSR for SEO. Project data lives in Neon and is editable without touching code.
- 03
Motion
GSAP timeline for page-load choreography. ScrollTrigger scrubs each section only while it is in view.
- 04
Polish
Lighthouse audits after every major change. Subset fonts, defer non-critical JS, preload hero image.
“A studio's website is its handshake. It has to say everything before a single word is read.
What shipped
90+ Lighthouse performance score
Scroll-driven cinematic transitions at 60fps
Self-service project management via Neon backend
Dima Bouw
Construction