Lukso
Next.js, React, Three.js, React Three Fiber, GSAP, Lenis, Tailwind CSS, Vercel
A single page that makes the first impression Lukso's work already makes: bold, moving, and told as a story.
Challenge
Lukso has strong cases, big clients and a clear position: story first. Its work is bold, animated and full of colour. Its website was not, and a visitor had to dig before seeing what the agency can deliver.
Solution
One page that walks through the agency in order. It opens on "What's your story?" and the story-first promise. The reel comes right after, jumping to the middle of the screen over a moving background. Then the four pillars and the work inside each one, followed by clients, cases, the team and a call for new clients.
12
Custom 3D icons
13
Case pages from one template
2
Languages, English and Portuguese
Dark by default, with amber used like punctuation, so the strongest colour on screen comes from Lukso's own work.
Opening
A yellow curtain lifts and the headline assembles around three 3D icons: a magnifying glass, a play button and a star.
Four pillars
Narrative, Content, Culture and Training, each with the kinds of work Lukso delivers inside it. The section holds on screen while each 3D icon turns into the next.
Cases
Thirteen case pages from one template. They pass at different speeds as you scroll, so the same layout never looks repeated.
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
—