Case study . Ecommerce & Retail
L'Oréal Finance diminue l’empreinte carbone du site du Rapport Annuel avec TwicPics
En collaboration avec
A propos du site du rapport annuel de L’Oréal Finance
Beauté inclusive, responsable, innovante, tech et performante : le Rapport Annuel de L’Oréal présente les résultats de l’année 2021 à travers cinq grands thèmes et les multiples initiatives du Groupe pour donner vie, chaque jour, à sa Raison d’Être : « Créer la beauté qui fait avancer le monde ». Disponible en trois langues, français, anglais et chinois, le Rapport Annuel accueille des visiteurs du monde entier.
Le site du Rapport Annuel de L’Oréal s’inscrit dans une démarche progressive d'écoconception sur trois ans.
Le challenge
Eco-concevoir le site du Rapport Annuel 2021
L’Oréal Finance se fixe des objectifs ambitieux pour le site web du Rapport Annuel. Les équipes souhaitent mettre en place les meilleurs standards afin de limiter l’empreinte environnementale du site, tout en proposant une expérience de navigation optimale à ses internautes. Suite à l’analyse du site web en 2021, les équipes ont dû trouver de nouveaux leviers pour réduire la consommation carbone des internautes qui naviguent sur les pages.
Parmi ces leviers on note le poids des médias. Les contenus visuels sont essentiels dans l’industrie de la beauté, essentiels également pour l’image des marques, celle de L’Oréal Finance, mais restent néanmoins les assets qui consomment le plus en termes d’énergie. Mais comment les optimiser tout en conservant une qualité visuelle à la hauteur de celle du Groupe ?
La solution TwicPics
Un travail d’équipe pour un site éco-conçu
TwicPics a été identifiée pour répondre aux problématiques de poids et de qualité des contenus visuels. La solution était déjà utilisée sur plus de 200 sites web institutionnels dans le monde grâce à une collaboration avec L’Oréal Website Factory, et a été vu comme une solution intéressante en ligne avec leurs enjeux d'écoconception pour le Rapport Annuel 2021. Elle a ensuite été approuvée par les partenaires de confiance et de longue date de l’équipe L’Oréal Finance : Epoka & Volatil.
Avant de travailler avec TwicPics, 6 déclinaisons étaient créées et intégrées pour chaque image du site. Cette tâche chronophage pour la Direction Artistique et les développeurs a pris fin grâce à la solution TwicPics qui génère automatiquement la bonne résolution pour chaque internaute. Cette optimisation tient compte de son contexte - devices, navigateur et connexion - et des directives CSS de la page.
Dans une logique d’éco-conception, l’optimisation des images avec TwicPics a permis de réduire leur poids et donc le poids total des pages. Les images sont compressées afin de proposer le meilleur rapport qualité/poids en fonction du terminal de l’internaute. Le chargement des pages du site web, images comprises, a été modifié pour se faire progressivement (lazy loading), au fil de la navigation, et ainsi limiter la consommation au plus près du besoin réel.
La collaboration avec TwicPics a été coordonnée par Leslie Azria Abijmil et Epoka. Epoka accompagne L’Oréal Finance dans le choix des solutions et a suivi de près la mise en place de TwicPics par Volatil.
Les résultats
Des meilleurs performances web pour diminuer l'empreinte environnementale du site
Nous appliquons les meilleurs standards et cherchons constamment à innover pour proposer la meilleure expérience à nos audiences. Pour ce faire, nous nous appuyons sur des partenaires de confiance, qui nous apportent expertise et conseil pour mener à bien des projets d'envergure tel que le Rapport Annuel.
L’intégration de TwicPics a contribué à l’amélioration du temps moyen de chargement des pages, qui a été réduit de moitié. Avec l’économie de bande passante sur les contenus multimédias, le site consomme moins d’énergie à chaque navigation.
Dès la première année de mise en œuvre, le site du Rapport Annuel 2021 a reçu un très bon score de 68 sur 100 (EcoScore d’un acteur de mesure de l’empreinte carbone des sites web) se plaçant parmi le top 10 des sites les mieux notés. Comparé au Rapport Annuel 2020, ce site présente une amélioration de +25% de cet indicateur, avec notamment une réduction de -48% du poids des pages, à contenus comparables. Le développement de ce site éco-conçu s’inscrit dans la démarche RSE du Groupe L’Oréal.
