Optimisation et écoconception : le nouveau site du CAUE 76 par Magina

Le CAUE 76 est le Conseil d’Architecture d’Urbanisme et d’Environnement de la Seine-Maritime. Cet organisme est dédié à l'accompagnement des habitants et des collectivités territoriales sur les sujets d'architecture, d'urbanisme et de paysage. En 2024, le CAUE 76 a sollicité Magina pour la création de son site Internet. Découvrez les étapes de ce projet et comment la team Magina a relevé les défis pour concevoir rapidement un site performant et éco-conçu !

Site CAUE 76 responsive et éco conçu

Les spécificités du projet

Le site Internet pour le CAUE 76 présentait plusieurs éléments spécifiques :

  • Création complète du site : conception et développement d’un nouveau site web pour le CAUE 76
  • Interfaçage logiciel : connexion avec le logiciel interne de prise de rendez-vous pour une gestion fluide par les équipes du CAUE 76
  • Niveau d’accessibilité élevé : respect des normes d’accessibilité strictes, pour garantir une expérience inclusive aux utilisateurs
  • Éco-conception : objectif de performance environnementale avec une note fixée à C minimum
  • Sortie rapide : délais serrés pour une mise en ligne rapide et efficace en moins de 2 mois

Les difficultés rencontrées

Au cours du développement du site pour le CAUE 76, notre équipe Tech a fait face à plusieurs défis techniques :

  • Implémentation du page builder site-origin : choisi pour accélérer le déploiement, mais limité en termes de flexibilité à long terme et complexifiant le DOM (les noeuds présents dans la page)
  • Surcharge visuelle : la maquette initiale comportait trop de visuels, nuisant à la lisibilité et surtout à la performance de l’éco-conception
  • Poids de la typographie : le premier choix typographique était trop lourd, affectant l'expérience utilisateur (UX) et encore une fois l’éco-conception
  • DOM trop complexe : le DOM (Document Object Model) était trop lourd, ralentissant la performance du site et impactant aussi l’éco-conception

Les solutions éprouvées

Pour surmonter les difficultés rencontrées, nous avons réalisés plusieurs ajustements :

  • Passage à Gutenberg : remplacement du page builder site-origin par la version native Gutenberg pour une meilleure flexibilité et performance en éco-conception
  • Système de cache : mise en place d’un système de cache performant pour optimiser les temps de chargement, en accord avec les critères d’éco-conception
  • Testing de performance : installation de solution de testing pour mesurer et optimiser les performances du site
  • Menu plat : réorganisation du menu pour simplifier la navigation et améliorer l’UX

Les résultats

Le site Internet a été créé et développé avec succès, tout en respectant les exigences de notre client :

  • Délais de déploiement : mise en ligne du site en 2 mois
  • Éco-conception : la note de C a été obtenue, répondant aux objectifs environnementaux du projet
  • Expérience utilisateur améliorée : la navigation est désormais plus intuitive et claire
  • Performances accrues : les tests de performance et le système de cache ont considérablement réduit les temps de chargement du site

En bref, la création du site Internet pour le CAUE 76 démontre la capacité de notre équipe à relever des défis techniques, tout en respectant des délais serrés. Grâce à nos solutions techniques, nous avons su répondre aux exigences d'accessibilité, de performance et d'éco-conception. Le résultat est un site fonctionnel et durable qui répond aux besoins du CAUE 76 tout en offrant une excellente expérience utilisateur. Ce projet illustre parfaitement l'expertise de Magina en matière de développement web optimisé.