Lukso
Next.js, React, Three.js, React Three Fiber, GSAP, Lenis, Tailwind CSS, Vercel
Uma página única que causa a primeira impressão que o trabalho da Lukso já causa: ousada, em movimento e contada como história.
Desafio
A Lukso tem cases fortes, clientes grandes e um posicionamento claro: story first. O trabalho dela é ousado, animado e cheio de cor. O site não era, e o visitante precisava procurar para ver do que a agência é capaz.
Solução
Uma página que apresenta a agência em ordem. Abre com "What's your story?" e a promessa story-first. O reel vem logo em seguida, saltando para o meio da tela sobre um fundo em movimento. Depois, os quatro pilares e o trabalho dentro de cada um, seguidos de clientes, cases, time e um chamado para novos clientes.
12
Ícones 3D sob medida
13
Páginas de case de um só template
2
Idiomas, inglês e português
Escuro por padrão, com o âmbar usado como pontuação, para que a cor mais forte da tela venha do próprio trabalho da Lukso.
Abertura
Uma cortina amarela sobe e o título se monta em volta de três ícones 3D: uma lupa, um play e uma estrela.
Quatro pilares
Narrativa, Conteúdo, Cultura e Treinamento, cada um com os tipos de trabalho que a Lukso entrega dentro dele. A seção fica parada na tela enquanto cada ícone 3D se transforma no próximo.
Cases
Treze páginas de case feitas a partir de um template. Elas passam em velocidades diferentes na rolagem, e o mesmo layout nunca parece repetido.
Projeto
Lukso
Cliente e papel
Design e desenvolvimento, pela COLABS
Ano
2026
Tecnologias
Next.js, React, Three.js, React Three Fiber, GSAP, Lenis, Tailwind CSS, Vercel
Créditos
—