Éco-conception web
comment concilier
design & sobriété ?
L’éco-conception est sur toutes les lèvres, mais sur le terrain, c’est un travail complexe où l’on avance souvent à tâtons. Loin d’être une formule magique, c’est une démarche qui demande un investissement sur le long terme, qui nécessite d’interroger nos pratiques et qui redonne du sens à notre métier.
L’agence vient de mettre en ligne le nouvel écrin digital du groupe Tournaire, l’occasion pour nous de partager « l’envers du décor ».
Entre ambition écologique et impératifs business, plongée dans les coulisses d’une collaboration où designers, développeurs et chefs de projet ont adapté leur pratiques pour faire naître le nouveau site Tournaire.
Fini le « tout illimité »
L’heure des choix et des concessions UX/UI
Adopter une démarche d’éco-conception commence dès la phase de conception et de design. Elle impose d’évaluer concrètement l’impact de chaque fonctionnalité. Cet audit supplémentaire mobilise les intelligences collectives et ajoute des contraintes.
Les développeurs, designers et décideurs ont un rôle crucial à jouer : intégrer en amont les enjeux d’éco-conception afin de permettre à tous de relever les défis numériques.
Concrètement, :
Repenser les fonctionnalités
Quelles sont les fonctionnalités (potentiellement énergivores) auxquelles on peut renoncer ? Lesquelles sont incontournables ? Quelles sont les alternatives ? Quelles sont les différentes façons d’amener une information ?
Par exemple, on peut préférer un format de tableau Excel évolutif plutôt que de maintenir un téléchargement de PDF lourd.
L’arbitrage des contenus média des clients
Il faut savoir que chaque élément a un poids. Par exemple, il faut choisir entre intégrer une vidéo en lecture automatique (qui augmente fortement l’échange de données), utiliser une image de faible résolution, ou simplement modifier une couleur de fond (qui n’a aucun impact).
Cas pratique : l’outil d’analyse Kastor nous a renseigné sur le poids de l’image principale (« hero image ») de la page d’accueil du site Tournaire. Si elle était mieux compressée, elle représentait à elle seule une économie potentielle de 947 KiB. Cela implique d’accepter une résolution visuelle potentiellement moins parfaite pour gagner en performance
Réflexion autour de nouveau “budget de performance”
La référence aujourd’hui pour afficher que son site est Éco-Conçu reste Eco-Index. Sa méthode de calcul est simple si on veut avoir un bon score.
On doit réduire la complexité de la page (Réduire le nombre d’éléments HTML pour réduire la taille du DOM) ; Réduire le nombre de requêtes HTTP ; et réduire le poids total de la page. Il a fallu repenser en profondeur la conception du site pour minimiser au maximum ces indicateurs. Cela a généré des discussions riches entre l’équipe de Création pour les maquettes et l’équipe de développement qui les intègre.
Une impulsion souhaitée par le client : pas d’écoconception sans co-construction
Une agence ne peut pas faire un site éco-conçu seule. Le client doit être prêt à faire des compromis, à réfléchir ensemble aux meilleurs choix. .
- La volonté du client Tournaire : La démarche d’engagement et de durabilité de l’entreprise Tournaire est bien plus vaste que celle de l’éco-conception numérique.
- Des objectifs clairs : les équipes Tournaire ont exprimé dès le cahier des charges leur ambition, et l’objectif de départ était d’atteindre la note EcoIndex A pour la page d’accueil.
- La pédagogie indispensable : dès la phase de cadrage, nous sensibilisons notre client sur le choix et l’évaluation des « User Stories » (fonctionnalités). Il est primordial de prendre le temps d’expliquer quelles sont les conséquences de chacune des demandes.
En savoir plus sur leur démarche : La démarche durable et les ambitions Tournaire
Avant / Après : La preuve par les chiffres
Tous ces efforts, bien que difficiles, paient et ont un réel impact mesurable. C’est aussi l’occasion de conscientiser l’impact de nos choix.
Ce travail de réflexion est valable pour construire un site web, comme pour tous les sujets de l’entreprise (approvisionnement, gestion des déchets, choix des machines, utilité des produits conçus, etc)
La comparaison avec l’ancien site :
| Ancien site | Nouveau site | |
| Score Eco-index | D (53/100) | B ou C (75/100) |
| Poids | 5,42 Mo | 1,58 Mo (divisé par de 3 👍) |
| Requêtes | 63, avec 16 critères bloquants | 29 (moitié moins ☺️) |
| Matrice éco-conception WEBQAM | non mesuré | 82% de conformité |
Le client s’est dit « prêt à des compromis supplémentaires sur la construction de la page » si cela permettait d’atteindre l’objectif « A » . Cela prouve que l’éco-conception nécessite une direction commune forte.
Continuer à progresser sur le sujet grâce de la Journée de l’éco-conception numérique
Les équipes WEBQAM sont engagées depuis plusieurs années pour un numérique responsable, d’abord nous avons œuvré pour nous former sur l’accessibilité numérique et depuis 2 ans plus spécifiquement sur l’écoconception web.
Pour poursuivre notre montée en compétence, et maintenir une qualité de conseil sur ce sujet, notre référente éco-conception numérique participe à des événements spécialisés, notamment celui de la journée de l’éco-conception numérique, organisée par les Designers Éthiques à Paris, voici quelques uns de ses apprentissages lors de l’édition 2026 :
01
Accepter que tout le monde « apprend en marchant » : Le constat principal partagé par la communauté est rassurant et humble : tout le monde avance encore à tâtons sur ce sujet complexe et il existe encore peu de preuves figées sur les résultats à long terme. D’où l’importance vitale de partager ses retours d’expérience.
02
Prendre de la hauteur sur le cadre global (et légal) : L’éco-conception ne se limite pas aux designers et développeurs. Le cadre juridique, notamment via le RGPD ou le référentiel RGESN, peut devenir un véritable levier pour soutenir l’adoption de l’éco-conception de manière multisectorielle.
03
Embarquer toutes les parties prenantes : Comme nous avons pu l’expérimenter avec l’entreprise Tournaire, les différentes conférences, dont celle de Mellie La Roque (SNCF Connect) sur la stratégie Numérique Responsable, ont toutes martelé une même conclusion : pour qu’une démarche d’éco-conception soit adoptée, il est indispensable d’impliquer les porteurs de projets et la direction globale. .
Et si ???
On parlait de votre projet
Notre équipe d'experts sera ravie d'étudier avec vous les enjeux et le périmètre de votre projet. Contactez-nous dès maintenant pour en discuter, ce sera peut-être l’occasion de venir nous rencontrer au WebqamPlex (et de faire un tour de toboggan) !