One Monday morning I opened the Visionnaire website — the streetwear brand by Bigflo & Oli. A clean Shopify. Polished but generic. Like 95% of fashion brands in France.

I thought: what if their catalogue became an experience?

So I scraped 205 products, 13 collections, and rebuilt everything in 3D.

What the experience includes

• Extruded WebGL logo

• Immersive scroll on a 3D image tube

• Custom GLSL shaders (chromatic aberration, grain, distortion)

• Pixel halo and 3D tilt hover on every product

• Interactive popup with each piece's full info

• Ambient sound that sets the universe from load

• Hidden easter eggs for real Bigflo & Oli fans

Two days later, it was live: visionnaire-3d.vercel.app

(Open it on desktop with a large screen — that's where the experience really takes shape.)

Stack

Next.js 14 (App Router) · React Three Fiber + Drei · GSAP (ScrollTrigger) · Lenis (smooth scroll) · Tailwind · Custom GLSL shaders

Why this project

Nobody asked me to do this. But brands with a real identity deserve a site that lives up to their universe. Not a template. An experience.