L’éco-conception web 🌿, c’est une approche qui intègre dès la création d’un site internet son impact environnemental. Dans mon article L’éco-conception web : greenwashing ou vraie révolution numérique ?, je vous ai expliqué pourquoi et comment concevoir un site plus respectueux de la planète.
Aujourd’hui, place aux exemples concrets ! Voici 5 sites que j’ai réalisés et qui ont obtenu une note entre A et C sur l’outil d’analyse Eco-index.
Ykser est une start-up spécialisée dans les expériences immersives. Avec des valeurs tournées vers le social et l’écologie, il m’a semblé essentiel que son site reflète ces engagements tout en restant percutant visuellement.
✅ Utilisation du builder Oxygen, optimisé pour un code léger
✅ Images réduites et optimisées (format webP et AVIF)
✅ Design épuré et minimaliste
✅ Animations limitées : juste ce qu’il faut pour le dynamisme, sans surcharger
🔗 Découvrez le site : https://ykser.fr
Nathalie Hegron, consultante en communication digitale, avait besoin d’un site clair et professionnel. Un site vitrine est plus facile à optimiser qu’un e-shop, mais ici, le challenge était de présenter un contenu riche sans alourdir la structure.
✅ Typographies limitées pour réduire les requêtes
✅ Images de fond et textures optimisées en WebP
✅ Interactions énergivores réduites : pas d’animations inutiles, un carrousel statique plutôt qu’un slider animé
✅ Navigation simplifiée : accès rapide aux services en un clic
🔗 Découvrez le site : https://nath-com-unique.com/
Le Pouget est une pension féline et canine. Son site devait être simple, rassurant et facile à naviguer, tout en mettant en avant les espaces et les pensionnaires.
✅ Une carte illustrée plutôt qu’un trop grand nombre de photos du lieu
✅ Images compressées et adaptées au web
✅ Pages statiques pour éviter les animations superflues
✅ Version mobile optimisée pour une meilleure performance
🔗 Découvrez le site : https://www.lepouget-dordogne.fr/
On dit souvent que le cordonnier est le plus mal chaussé, et mon propre site n’échappe pas à la règle. Avec une note entre A et C, l’objectif est clair : atteindre un A sur toutes les pages !
❌ Des icônes dans un style peint (pas de SVG possible)
❌ Des textures et transitions graphiques qui alourdissent le site mais nécessaire à la compréhension du branding de l’agence
❌ Un grand nombre d’images pour présenter mes projets
✅ Images compressées en WebP et AVIF (maximum 300ko)
✅ Suppression des animations inutiles
✅ Navigation fluide et intuitive
✅ Des choix écologiques assumés : exit le son au lancement du site, les animations à outrance et le scroll infini
📌 Objectif futur : atteindre un score A sur toutes les pages !
🔗 Découvrez mes réalisations : mamout.fr
Les sites e-commerce sont un vrai casse-tête écologique : requêtes multiples, bases de données lourdes, fiches produits détaillées… Difficile d’obtenir un bon score sur Eco-index ! Alors, comment allier mes valeurs d’eco-conception avec des sites ayant autant de fonctionnalités nécessaires aux utilisateurs et consommateurs ?
Certains services ne pourront presque jamais passer l’épreuve des outils d’analyse. Un site e-commerce éco-responsable ne sera jamais aussi léger qu’un one-page, il demande infiniment plus de requête et de fonctionnalité pour fonctionner. Néanmoins, on peut l’optimiser au maximum pour éviter le superflu.
✅ Développement par étapes : ajouter les fonctionnalités selon les besoins réels (compte de fidelité, wishlist, enregistrement des modes de paiement…)
✅ Optimisation des images produits et limitation de leur nombre
✅ Fiches produits claires et précises pour éviter les retours clients inutiles
✅ Choix de livraisons green : point relais, emballages recyclés
✅ Hébergement éco-responsable
📌 Pour en savoir plus, lisez mon article :
L’éco-conception web : greenwashing ou vraie révolution numérique ?
