THE 14TH ANNUAL SHORTY AWARDS

The Shorty Awards honor the best of social media and digital. View this season's finalists!

Special Project

Special Project
From the 13th Annual Shorty Awards

L'Oréal.com new corporate website

Finalist in Brand Identity, Kids & Lifestyle, Beauty

Entered in UX/UI

Objectives

L'Oréal corporate website represents one of the first digital touchpoint of the company. The new L’Oréal.com aims to install a consistent identity for the Group through all the corporate digital ecosystem and to strengthen engagement of our audiences.

The objective was to create an immersive experience showcasing the uniqueness of our Brands and providing transparency inspired from L'Oréal purpose showing how “we create the beauty that moves the world”.

Strategy and Execution

Starting point of a re-imagined digital ecosystem, the new loreal.com install a coherent identity through a new design system, tools and methodologies shared between different teams.

In order to answer our audiences needs and catering to their digital behaviors, we carefully laid down the foundations of a website inspired by the beautiful human stories behind the successes of the company.

For a web experience just as beautiful as our brands, we use the best of innovative web technologies, as AMP framework and PWA. Data driven and content-focused, the new L'Oréal.com is a living platform to share information, inspire our stakeholders and celebrate our diversity through new engaging formats as ultra-smooth full screen Videos, Podcast and immersive Stories.

We wanted – like our beauty products - to be accessible to all. To do this, we worked hand-in-hand with experts to ensure the right use of fonts, buttons in a fast and fluid interface optimized from mobile, to tablet to desktop.

As a role model of an international presence, L’Oréal.com integrates more that 30 languages, 49 countries in a new ecosystem that replaces a multitude of local websites created over the past.

Inspired by new creative methodologies, L’Oréal.com is developed from a transversal Design System, following Atomic Design methodology, now shared between all our corporate platforms to ensure a seamless experience and brand consistency.

Results

As a result, the new L’Oréal.com leads a higher engagement with our audiences. The Bounce Rate decreased by -21%. Session duration growed by +35% and users page per session increased more than +24%

We moved from 42 local websites to one global platform used by all the corporate communication teams worldwide and guarantees search engine visibility and local social platforms presence around the world.

The new Design system is now deployed on different websites or mobile apps and used in total autonomy by different internal teams, partners and creative agencies around the world.

Accessible for the visually impaired, SEO optimized to ensure proper information discovery, the new L’Oréal.com is now RGAA compliant and meets a 88% score from our last accessibility audit without neglecting the immersive aspect of the experience.

And finally, following groups advocacy studies, the new L’Oréal.com has a significant impact on the image of the Group, in particular by: Commitments to ecology, the innovative side of the Group, ethics and values, commitment to gender equality.

Media

Entrant Company / Organization Name

L'Oréal

Link

Entry Credits