formation ecoconception web
Deviens incollable en écoconception web !
Pour que l’écoconception web n’ait plus de secret pour toi. Apprends à appliquer les bonnes pratiques en écoconception web avec notre formation pensée comme support pour tes projets web !
Rejoindre la formation
La première formation en ligne qui s’adresse aussi bien aux designers qu’aux développeurs·euses web !
Car conçue par une designer et un développeur 😉Tu te demandes...
Comment mesurer l’impact d’un site sur l’environnement ?
Comment convaincre ton client ou ton entreprise de passer à l’écoconception web ?
S'il est possible de faire un site éco-conçu avec un CMS ?
Quels sont les meilleurs outils en écoconception web ?
Comment réaliser un audit d’écoconception web ?
Quelles sont les meilleures technologies pour écoconcevoir un site ?
- 6 modules complets pour tout connaître sur l’écoconception web.
- Une formation 100% en ligne, sur la plateforme systeme.io.
- Un accès à vie à tout le contenu*.
- Mises à jour gratuites.
- Une formation en autonomie, avance à ton rythme.
*aussi longtemps que le programme sera disponible et accessible sur la plateforme en ligne.
Une formation créée par une designer et un développeur

Nous, c’est Margaux, UI designer et David, développeur web depuis 10 ans !
On s’est lancé dans l’écoconception web en 2014 et on fait partie du collectif GreenIT : Collectif Conception Numérique Responsable (@CNumR) depuis 2015.
On a également participé aux différentes versions du livre Eco-conception web : les 115 bonnes pratiques.
Tous les sites que nous avons créés ont une note globale de A avec l’EcoIndex ! Que ce soit des sites statiques ou WordPress (oui même avec un CMS, c’est possible) !
Notre mission, te donner toutes les clés pour écoconcevoir ton site web 🔑
Concrètement, dans la formation, tu trouveras :
- ✏️ Du sketchnoting (des dessins mnémotechniques).
- 📄 Du texte (bien sûr, mais pas trop long, on va à l’essentiel).
- 🎥 De courtes vidéos explicatives : 25 vidéos, de 30 secondes à 15 minutes.
- 💻 Des exemples et cas concrets.
- 🎮 Des petits exercices pour t’entraîner.
- ✅ Et surtout, nos checklists !
Une formation en ligne pensée comme support pour tes projets web !

Le programme de la formation
Tu es designer, développeurs·euses web, chef·fe de projet ou product owner et tu souhaites appliquer l'écoconception web dans tes projets, tu es au bon endroit !
Comprendre, convaincre, mesurer, appliquer et concrétiser : on t’aide à devenir incollable en écoconception web. On te partage toutes les bonnes pratiques !
🌱 Module 1 : Comprendre l’écoconception web
- La pollution numérique.
- Qu’est-ce que l’écoconception web ?
- Reconnaître un site éco-conçu en un coup d'œil ?
💪 Module 2 : Convaincre de passer à l’écoconception web
- Les chiffres en écoconception web.
- Comment convaincre de passer à l'écoconception web ?
- Un site éco-conçu, "c'est moche".
- Site traditionnel VS site éco-conçu.
🔍 Module 3 : Mesurer l’impact d’un site web sur l’environnement
- L'outil à absolument connaître. (surprise) 🕵️
- Outil numéro 2. (surprise) 🕵️
- Outil numéro 3. (surprise) 🕵️
- La meilleure extension !
- Console de développement.
- Les 115 bonnes pratiques.
- Mesure et audience web.
- Les 10 extensions navigateur à avoir !
- On analyse tous les outils disponibles sur le web !
- Comment auditer un site - Notre checklist. (bonus à débloquer) 🎁
- Cas concret : On audite un site web devant toi !
💻 Module 4 : Appliquer l’écoconception web dans tes projets
- Le besoin du site.
- Les fonctionnalités.
- Le green UX/UI.
- Les médias.
- Quelle technologie utiliser ?
- Le développement. (bonus à débloquer) 🎁
- Les pages nécessaires.
- La sobriété éditoriale.
- L'hébergement vert.
- Les erreurs à ne pas faire.
- Penser au cycle de vie.
✅ Module 5 : Rendre accessible un site web
- Accessibilité et écoconception.
- Responsive Design.
- Couleur et contraste.
- Contenu.
- Éléments interactifs accessibles au clavier.
- Balisage sémantique HTML5.
- Compatibilité des navigateurs.
- Lecteur d'écran.
📝 Module 6 : Concrétiser son action en rédigeant sa déclaration environnementale
- Rédiger sa propre déclaration environnementale.
- Soumettre sa déclaration (facultatif).
🎁 Bonus 1 : Notre audit express d'écoconception web directement applicable (fichier Excel) à débloquer au module 3 - Comment auditer un site.
🎁 Bonus 2 : Notre kit de survie Wordpress éco-responsable à débloquer au module 4 - développement.
🎁 Bonus 3 : Notre boîte à outils en écoconception web (fichier PDF) à débloquer à la fin de la formation.
🌍 Mesurer l’impact environnemental d’un site et reconnaître un site éco-responsable.
🔍 Auditer un site web pour identifier les améliorations à mettre en place.
🌱 Appliquer les bonnes pratiques d’écoconception web pour rendre un site plus léger, plus accessible et performant !
Une aide personnalisée par mail de 3 mois.
Vos premiers retours 😍
En attendant les premiers témoignages, vos retours suite au questionnaire qu’on a réalisé et auquel vous avez été nombreux à répondre !
C'est une excellente initiative ! L'impact du numérique sur l'environnement reste bien trop sous-estimé. Marie
Hâte de découvrir votre formation ! Linh-Dan
La formation c’est une super idée !! 👏👏 Bon courage et pleins de bonnes vibes Mélanie
Les formations sont nombreuses mais peu ont du sens ! Merci de travailler à en construire une en ce sens :) Thomas
C'est super de travailler à une formation sur ce thème, j'ai hâte de voir le programme complet ! 😊 Anaelle
Merci pour cette initiative ! Victoire
Je trouve que c'est un sujet tellement important et on n'y est pas encore assez formés. Dimitri
Super bonne idée et bcp n’ont pas conscience de l’impact écologique d’un site web ! Batoul
hâte de voir votre super formation !! Laïla