Lukso
Next.js, React, Three.js, React Three Fiber, GSAP, Lenis, Tailwind CSS, Vercel
A website for a storytelling agency, built to behave like the stories it sells: it prepares, reveals and settles.
Challenge
Lukso tells stories for brands like Disney, PepsiCo and Ambev, but its own website did not tell one. It needed to show how the agency works, not only who it works for.
Solution
One long page that works like a short film. A yellow opening, three 3D icons around the question "What's your story?", a reel, and the method told in four chapters as the visitor scrolls.
12
Custom 3D icons
13
Case pages from one template
2
Languages, English and Portuguese
Dark by default, with amber used like punctuation. Every movement follows three beats, prepare, reveal and settle, and nothing bounces.
Opening
A yellow curtain lifts and the headline assembles around three 3D icons: a magnifying glass, a play button and a star.
Four chapters
Narrative, Content, Culture and Training. The section holds on screen while each 3D icon turns into the next.
Project
Lukso
Client & Role
Design and development, through COLABS
Year
2026
Technologies
Next.js, React, Three.js, React Three Fiber, GSAP, Lenis, Tailwind CSS, Vercel
Credits
—