A 3D polo shirt rendered in the browser with user-drawn patterns applied in real time, rotating smoothly against a minimal green and white interface.
You don't usually expect a polo shirt customizer to be technically interesting. Lacoste's Members Experience proves that wrong. Built by Paris studio Merci-Michel, this is a full co-creation tool where loyalty members draw, sticker, and pattern their way to custom polo designs, the best of which Lacoste actually produces as limited editions. It sounds like a marketing gimmick until you start using it and realize the 3D polo responds instantly.
Under the hood, the team built a custom rendering pipeline on Three.js and Vue.js. Each polo carries three separate UV maps: one for standard and dynamic elements, one that tiles for deep zoom levels, and one that exports cleanly to actual manufacturing specs. On top of that, vertex colors encode metadata directly into the mesh, marking join zones, paintable regions, and rollover areas. It's a quiet flex. The kind of architecture where everything looks simple to the user precisely because the geometry is doing a lot of quiet bookkeeping behind the curtain.
The real trick is that all of this runs on mobile too, with a completely rethought interface that's leaner but still fun. Try it on your phone and then on desktop. They feel like the same experience but they're essentially parallel projects sharing a pipeline. If you're into creative WebGL that ships to millions of non-technical users instead of living in a gallery, this is a good one to study.
- Live Demo: https://membersexperience-create.lacoste.com
- Author: Merci-Michel (X, LinkedIn, GitHub)