Eco-conception

Le nouveau site internet de la ville du Haillan en date du 12 juin 2024, s’inscrit dans une démarche d’éco-conception. En effet, le site aspire à générer une empreinte numérique la plus faible possible tout en maintenant un service de qualité aux usagers dans le respect du RGAA (accessibilité).

Qu’est-ce que l’éco-conception ?

Il s’agit d’adopter les bonnes pratiques web afin que le site génère le minimum d’émissions de CO2.

  • Ne retenir que les les fonctionnalités essentielles :

En réduisant la couverture et la profondeur fonctionnelle, on diminue les besoins en ressources informatiques (cycles CPU, bande passante, serveurs, etc) réduisant ainsi l’impact environnementale.  Sont à bannir les fonctionnalités “accessoires” telles que les carrousels, les chatbots, bandeaux par exemple etc.

  • Opter pour un design simple, épuré
  • Limiter les vidéos et les images autant que possible
  • Opter pour un hébergement en France
  • Optimiser la navigation utilisateur pour limiter au maximum le nombre de requêtes

Pour cela, la ville a dû faire des choix lors de la première phase du projet de refonte du site internet, c’est-à-dire lors de l’expression du besoin. En effet, plus on intervient tôt dans l’expression du besoin, de la conception, fonctionnelle et technique et du maquettage, plus les leviers sont forts en termes de réduction de l’empreinte environnementale. Cela passe par un travail en amont de spécifications, et d’élagage, puis par un travail sur la qualité et la maintenabilité du code.

Concrètement, qu’est-ce que la ville a mis en place pour proposer un site éco-conçu ?

  • Une approche mobile first. Cette approche consiste à sélectionner les ressources les plus adaptées au contexte d’utilisation (taille de l’écran, de la fenêtre, densité de pixels, qualité du réseau…). On évite ainsi de consommer inutilement des ressources : bande passante, mémoire vive du terminal etc.
  • Une page d’accueil respectueuse des bonnes pratiques d ‘éco-conception (les efforts ont été concentrés nécessairement sur la page la plus consultée) :
    • Taille de la page d’accueil raisonnable (pas de multiplication de blocs d’informations)
    • Pas de bandeau d’image/vidéo dans le header à l’arrivée sur la page
    • Charte graphique et colorielle axée sur 2 couleurs principales
    • Utilisation de visuels avec parcimonie et alternatives graphiques associées :
      • Accès rapides : pictogrammes simplifiés
      • Actualités : un focus mais pas de visuels sur les actualités secondaires
      • Agenda : format de visuels optimisé
      • Grands projets : utilisation de pictogrammes à la place d’images
      • Carte interactive : illustration
    • Police de couleur noire
    • On privilégie les liens de redirection vers les services tiers (réseaux sociaux) plutôt que l’appel de contenu directement dans la page
  • Un éditorial sobre au sein des pages de contenu :
    • Utilisation de vidéos uniquement quand c’est essentiel ou dès lors que ça apporte un complément d’informations aux usagers
    • Peu d’images/visuels
    • Documents et images compressés avant import
  • Mise en place de la pagination au défilement infini pour les pages en vue liste

La ville vise à maintenir ces bonnes pratiques pour continuer de proposer un site éthique, sobre et adapté aux exigences d’aujourd’hui.