L’Oreal, Water Saver

Cher ami
WITH
Cher ami
CLIENT
McCann Paris x L'Oréal
YEAR
2022
ROLE
Art Direction, UI·UX Design, Motion Design
CATEGORY
web,3d
An experiential landing page unveiling L'Oréal's water-saving innovation in real-time 3D.
Presented at CES 2023, a live data dashboard wrapped around a WebGL showerhead.
Awwwards Honorable Mention
FWA of the Day
0%
Built with McCann for the CES 2023 launch, the page had to do two things at once. Look like a beauty product, and prove a real environmental claim. It had to hold its own on a trade-show floor while making the scale of the savings feel concrete.
L’Oreal, Water Saver
A plastic-free, single-dose system. Biodegradable pods that dissolve after use, precise and consistent, made for salon and home alike.
The showerhead sits at the center, not as a product shot but as a living object. Real-time 3D, lit and framed to read as precision at a glance.
No items found.
A live dashboard turns global water savings into figures anyone can picture: glasses of water, Olympic pools, a share of the Mediterranean. The point was to make an abstract number land.
Mobile-first from the outset. Every element, the 3D renders, the dashboard, the scroll interactions, was designed to hold on any screen. It was mapped through detailed mockups before a line of code.
The showerhead was modelled in-house in three states: HD render, wireframe, cross-section. Each scroll beat turns it, showing the object from a new angle.
Click to discover next project
Cher ami
Action Innocence, Engraved Memories