# L'Oréal × Guardians: from GenAI selfie to a 3D brand mosaic Source: https://slash-digital.io/en/case-studies/loreal-guardians/ L'Oréal · Guardians A GenAI face-swap for Celebrate Consumer Care plus a gigapixel Three.js mosaic where hundreds of avatars form the logo, navigable in 3D. Start a project See the gallery Inside the Guardians Mosaic: hundreds of face-swap avatars in orange, silver and purple Guardian suits. In short For L'Oréal's Guardians program, we built two connected pieces. Celebrate Consumer Care, a Peoplesnap experience in English and French, renders each participant as one of four Guardians through a GenAI face-swap. The Guardians Mosaic then gathers hundreds of those avatars into a gigapixel mosaic of the L'Oréal logo, navigable in 3D: individual selfies become one collective brand wall. Client: L'Oréal · Guardians Sector: Beauty · Consumer Care Deliverables: - Peoplesnap face-swap experience - GenAI avatar pipeline - Three.js / WebGL mosaic - Protected 3D demo access Services: - Interactive experiences - Artificial intelligence - Computer vision 01 · Live, Consumer Care face-swap 02 · Live, Guardians 3D mosaic 01 The context ## Two scales: the phone and the lobby L'Oréal's Guardians program called for two pieces at two scales. On the phone, a memorable Consumer Care activation in English and French, ready for internal events. In the room, a piece sized for event lobbies and private demos that would turn the Guardian community into a brand object. Both share the same cast: four Guardian archetypes in sci-fi suits. 02 Design and build ## From one selfie to hundreds of avatars Celebrate Consumer Care runs on Peoplesnap, our photobooth product. The landing sets out three steps: select a Guardian, smile, share. The participant picks one of the four Guardians and takes a selfie, and our GenAI pipeline swaps their face onto the chosen character. The result is a brand avatar they can download and share, in English or French. The Guardians Mosaic brings those avatars into a Three.js / WebGL app. Hundreds of them form a gigapixel mosaic of the L'Oréal logo, navigable in 3D from the whole logo down to a single face. Under the hood, a texture atlas packs the avatars together and shaders draw them on the GPU. Access is protected, for private demos and event lobbies. - 01 Live ### Celebrate Consumer Care PeopleSnap experience: 4-Guardian picker, selfie capture and GenAI face-swap pipeline: downloadable, shareable brand avatar (EN/FR), ready for internal events. - 02 Live ### Guardians Mosaic Three.js piece: hundreds of face-swap avatars form a gigapixel L'Oréal logo mosaic, navigable in 3D, for private demos and event lobbies. 03 Gallery ## The project in pictures 5 images · Open any image to see it full size. The four Guardian archetypes in sci-fi suits and headsets: the characters every participant can become. The Celebrate Consumer Care picker: each participant chooses which of the four Guardians to become. How to take part, in English or French: select a Guardian, smile, share. A generated avatar card: a participant rendered as a Guardian, with the CARE badge. One avatar from the mosaic, up close: every tile in the wall is a participant's face-swap portrait. 04 Outcomes ## Every selfie, a tile in the wall Both pieces are live. L'Oréal now has a bilingual face-swap experience ready for internal events, and a 3D mosaic ready to project in a lobby or open in a private demo. Participation is measurable, the user-generated content is of high quality, and the Guardian community has become a brand object. - Consumer Care face-swap live in English and French - Guardians Mosaic live for private demos and event lobbies - Measurable participation and high-quality user-generated content - A projection-ready piece built from participants' own avatars