Xperiencia Creativa
Role
Creative front-end development
Type
Corporate website
Stack
Zu
Website for Xperiencia Creativa, a studio offering technology, design and corporate equipment, with an immersive 3D-driven home.
The challenge
Present three very different business lines as one coherent story, and make it memorable without hurting load time on phones.
What I built
Next.js with React Three Fiber and GSAP: a particle intro, a fluid hero, a 3D cylinder to browse projects and scroll-driven storytelling. Mobile gets a lighter intro and the 3D journey only loads when its section approaches.
Highlights
- 01Particle preloader and fluid WebGL hero
- 023D cylinder to browse projects and clients
- 03Project index with filters and case pages
- 04Lazy-loaded 3D and a lighter mobile intro
Built with
Next.jsReactTypeScriptThree.jsGSAPTailwind CSSZuZustand
