Éco-conception web : le cas du guide Périscope !

Janvier 2025
Éco-conception web

Réduire son impact environnemental au numérique

Nous avons accompagné le centre de recherche en art Dos Mares dans la création d’un guide de professionnalisation des artistes sur le territoire.

Soucieux de son rôle à jouer en tant qu’acteur majeur de la culture en Région Sud et entraîné par notre approche responsable des services numériques, Dos Mares a souhaité s’inscrire dans une démarche d’éco-conception.

Le site Périscope est totalement éco-conçu, ultra-performant et éthique. Sa conception et son design minimal nous ont permis de l’optimiser.

Aperçu de la page liste de formations du site Periscope

Les enjeux principaux

Les 3 grands enjeux de notre accompagnement pour répondre aux exigences de l’éco-conception lors de la réalisation du site sont les suivants :

  • Créer un site léger pour limiter le besoin de stockage, le transfert de données et optimiser sa performance.
  • Créer un site accessible et éthique pour favoriser l’inclusion.
  • Créer un site utile et pérenne avec une navigation facilitée.

Quelles ont été nos actions concrètes ?

Afin de répondre à ces enjeux, notre équipe référente certifiée en éco-conception a mené plusieurs actions majeures :

  • Mettre en place les bonnes pratiques d’éco-conception selon les recommandations du référentiel RGESN, référentiel en vigueur en termes d’éco-conception de service numérique.
  • Optimiser la performance, l’accessibilité et les bonnes pratiques web grâce aux indicateurs google nommés Webcore vitals. L’optimisation des Webcore vitals permet de maximiser la vitesse de chargement du site notamment et le référencement dans les moteurs de recherche.
  • Respecter les guidelines du guide « Concevoir sans dark pattern » de l’association des Designers Éthiques, pour proposer un service numérique respectueux du libre arbitre de l’utilisateur.

Une fois mis en ligne, le site a fait l’objet d’un audit et d’une déclaration de conformité basé sur le référentiel RGESN. Nous avons de plus évalué la performance environnementale des pages via l’ÉcoIndex, outil proposé par le collectif Green-it (collectif pionnier de l’éco-conception en France) qui permet de monitorer un grand nombre de bonnes pratiques d’implémentation.

De gauche à droite : couverture du référentiel RGESN, couverture du référentiel éco-conception Web, couverture du guide Concevoir sans dark patern
Nos documents de référence en éco-conception / design éthique

Les résultats des tests

État de conformité
En regard du référentiel d’éco-conception de service numérique, le taux de conformité actuel du site est estimé à 68%. Ce taux pourra être porté à 80% en basculant vers un hébergeur vert, comme stipulé au client dans les recommandations du plan d’amélioration.

ÉcoIndex
Les pages clés du site obtiennent toutes l’ÉcoIndex A, le maximum possible en termes d’éco-conception. Pour parvenir à ce résultat, nous avons optimisé de façon drastique les 3 indicateurs suivants : poids des pages, nombre de requêtes par page et taille du DOM.

Aperçu des scores EcoIndex

Webcore vitals
Les Webcore vitals sont maximisés sur le site : >90% d’optimisation sur les critères Google et souvent 100%.

Aperçu des scores Coreweb Vitals

Conclusion

Lorsque tous les acteurs sont mobilisés dans le projet (Ux designer, Ui designer, développeur, client), la performance, l’éco-conception et le design éthique permettent d’obtenir des résultats incroyables !

Le résultat de notre collaboration, c’est ici

Partager