Écoconception

Démarche d'écoconception

Le site Designers Éthiques a été conçu dans une démarche d'écoconception, ainsi que ses sites événementiels (Ethics By Design et Journée de l'écoconception).
Ces sites n'ont pas encore fait l'objet d'un audit RGESN mais de nombreuses bonnes pratiques sont néanmoins appliquées.

Unités fonctionnelles et parcours

Les unités fonctionnelles principales identifiées pour le site Designers Éthiques sont les suivantes :

  • Consulter une ressource (guide, article, matrice)
  • Voir les prochains événements (ateliers, webinaires, conférences)
  • Trouver une formation

Évaluation de l'impact des parcours

Nous avons évalué chacun de ces parcours en utilisant l'extension de navigateur GreenIT Analysis basée sur EcoIndex.

Les tests ont été effectués sur un navigateur Firefox le 11 mars 2025. Le cache navigateur a été vidé au début de chaque parcours.

Parcours pour consulter une ressource

Les étapes du parcours et les mesures associées sont les suivantes :

  • J'arrive sur la page d'accueil du site Designers Éthiques : EcoIndex B, nombre de requêtes 26, poids des données transférées 498Ko, nombre d'éléments du DOM 317
  • Je vais sur Nos ressources dans le menu, et je clique sur Index Conception Responsable : EcoIndex A, nombre de requêtes 11, poids des données transférées 306 Ko, nombre d'éléments du DOM 219
  • Je clique sur nouveau projet : EcoIndex A, nombre de requêtes 10, poids des données transférées 290 Ko, nombre d'éléments du DOM 227

Parcours pour voir les prochains événements

Les étapes du parcours et les mesures associées sont les suivantes :

  • Je vais sur Nos événements et je clique sur Calendrier : EcoIndex B, Nombre de requêtes 11, poids des données transférées 344 Ko, nombre d'éléments du DOM 535
  • Je clique sur S'inscrire : (Sortie de site vers HelloAsso)

Parcours pour connaître les prochaines formations

Les étapes du parcours et les mesures associées sont les suivantes :

  • Je vais sur Nos formations et je clique sur Ateliers et formations : EcoIndex A, Nombre de requêtes 15, poids des données transférées 363 Ko, nombre d'éléments du DOM 320
  • Je clique sur Formation Ecoconception 1 jour fondamentaux : EcoIndex A, Nombre de requêtes 10, poids des données transférées 297 Ko, nombre d'éléments du DOM 314

Tests sur des connexions faibles

Pour contrer les phénomènes d'obsolescence logicielle, nous devons nous assurer que le site puisse fonctionner également sur des connexions plus faibles.

  • Page d'accueil chargée en 1,33 secondes sur une connexion DSL
  • Page d'accueil chargée en 3,66 secondes sur une connexion 3G normale

Actions d'écoconception réalisées

Dans un souci d'écoconception et d'accessibilité, le site a été conçu de façon a être le plus simple et sobre possible. Les designers membres de l'association à l'origine de son interface et contenu, expérimentés en écoconception, ont appliqué les bonnes pratiques d'écoconception suivantes.

  • Une phase de recherche utilisateur incluant des questionnaires et tests ont été réalisés en amont de la refonte afin de s'assurer de la fluidité de l'expérience.
  • Le site a été conçu en mobile-first.
  • L'interface du site est intentionnellement sobre et ne contient pas de vidéos ni d'images inutiles.
  • Il n'y a pas d'animation (hors effets de hover CSS)
  • L'utilisation des polices personnalisées est limitée à 2 et nécessite seulement 3 requêtes et 52 Ko de données.
  • Le site est construit est l'aide de Kirby un système de gestion de contenu rapide et flexible, basé sur des fichiers (sans base de données) écrit en PHP.
  • Il n'y a pas de recours à des mécanismes de scroll-infini.
  • Le site ne contient pas de plugins externes (réseaux sociaux, cartes intégrées, etc)
  • Le site ne nécessite pas de cookies grâce à l'utilisation de Matomo.

La démarche d'écoconception est une démarche d'amélioration continue. Le travail ne s'arrête donc pas là !