Ressources

Durée 3h

Difficulté ★ ☆ ☆

Exemples de sites éco-conçus

Nous avons ci-dessous fait une sélection de sites éco-conçus mais cette liste n’est bien sûr pas exhaustive. Pour éviter la redondance de liens, nous avons choisi de ne pas y faire figurer tous les sites des différents acteurs spécialisés dans le numérique responsable qui sont pour la plupart écoconçus.

Produits

Sites présentant des offres de produits à destination des consommateurs.

Sites vitrine

Sites présentant des organisations (entreprises ou associations), à destination d’entreprises clientes, de bénévoles ou d’autres partenaires.

Agences créatives engagées

Grandes entreprises

Sites de média

Sites présentant principalement des contenus rédigés tels que des articles, ou audio.

Service public

Sites présentant des services gouvernementaux à l’échelle nationale ou de territoire.

Cette liste n’est pas exhaustive ! Retrouvez d’autres exemples sur lowww directory

Ressources

Voici une liste de contenus vous permettant de creuser les sujets de l’écoconception, de l’empreinte environnementale du numérique, et plus généralement du numérique responsable.

Sur cette page

  1. Bonnes pratiques d’écoconception
  2. Empreinte environnementale du numérique
  3. Numérique responsable

Bonnes pratiques d’écoconception

🌐 En favoris du navigateur

📚 Dans ma bibliothèque

👩‍💻 A lire en ligne

📑 A lire hors ligne (pdf)

Empreinte environnementale du numérique

En France

En Europe

Dans le monde

Numérique responsable

📚 Dans ma bibliothèque

👩‍💻 A lire en ligne

📑 A lire hors ligne (pdf)

🎧 A écouter

🛠️ Autres outils

Exemples de sites mal conçus

Mal conçu ne signifie pas forcément « pas éco-conçu » mais les conséquences de mauvais choix de design, de technologies ou de développement entraînent nécessairement des conséquences importantes sur l’engagement écologique du site.

Wayfair

https://www.wayfair.com

Hormis son design et ses navigations surchargées, le site affiche plus de 1000 appels de requête vers 120 domaines différents sur la page d’accueil. Il y a également un gros manque de hiérarchie visuelle : beaucoup d’éléments “se battent” pour attirer l’attention. Trop de choix d’un coup, ce qui peut “paralyser” l’utilisateur.

Arngren

https://arngren.net

Site chaotique avec surcharge d’images, typographie très petite et absence totale de contraste typographique, la navigation est peu claire. Couleurs aléatoires, pas de grille, mise en page désorganisée.
Classé G par GreenIT.

Ecole d’art de Yale

https://www.art.yale.edu

Site non traditionnel, mais la navigation est très déstructurée : les menus et contenus sont “empilés”, ce qui nuit à l’ergonomie. Contrastes de couleurs faibles, polices mal utilisées, problème d’accessibilité.

BrutalistWebsites

https://brutalistwebsites.com

La taille du DOM est gigantesque alors que l’utilisateur n’a tout juste abordé que le premier écran.