Refonte site Internet

Avec plus de 55 millions d’utilisateurs en France, Internet génère environ 2% des émissions nationale de gaz à effet de serre et représente donc un enjeu écologique majeur. Eco-concevoir un site web consiste faire des choix de techniques, de design et de contenus visant la sobriété. En résumé, on cherche à limiter la quantité de données à transmettre et la consommation d’énergie lors du chargement. Comment ? Principalement en améliorer le poids des pages et leur temps d’affichage. Pour en savoir plus, nous vous donnons rendez-vous sur notre page expertise consacrée à l’écoconception de sites web. 

Nous avons donc cherché à écrire le moins de lignes de code possible… Pas par flemme, mais bien par conviction ! L’objectif étant d’obtenir des temps de chargement et un stockage de données les moins importants possibles. Très concrètement, nous avons cherché à valoriser les informations, tout en limitant les visuels et les animations. Nous avons par exemple évité les sliders en page d’accueil et affiché les ressources les plus gourmandes en énergie (photos et vidéos) lorsque cela était véritablement pertinent. Nous avons privilégié les aplats de couleurs, le flat design et utilisé une seule police de caractères. Nos développeurs ont recouru le moins possible au JavaScript afin de limiter les temps de chargement. 

Pour permettre une navigation intuitive et proposer un accès rapide à l’information cherchée, nous avons créé un parcours utilisateur adapté aux cibles. Afin de clarifier l’offre de l’Asder, nous avons joué sur le code couleur en attribuant une teinte à l’environnement dédié à l’Asder et à chacun de ses deux pôles d’activités : l’École du bâtiment durable et le Service local de l’énergie. Chacun possède sa couleur, son entrée, son menu et son contenu. Nous avons ainsi trois sites web en un. 

Pour faciliter le parcours utilisateur, nous avons imaginé un UX-design intuitif, cohérent et léger. Nous avons réalisé un important travail de réorganisation de l’arborescence, structuré autour des trois entités (l’Asder, son école et son service local). Nous avons également créé différents niveaux de lecture et imaginer différents niveaux de profondeur “pour aller plus loin”, “découvrir aussi”, etc. Cela permet d’introduire des contenus complémentaires et d’entrer dans les détails sans surcharger les pages. Le défi était de taille compte tenu du volume de contenus de plusieurs centaines de pages ! Le tout dans l’idée d’offrir une navigation fluide, notamment sur mobile. 

L’Asder facilite le parcours des professionnels et des particuliers qui souhaitent s’inscrire dans une démarche de transition énergétique… Le nouveau site web s’inscrit dans une même démarche de fluidité dans le discours et les informations transmises.  

Outre l’amélioration de ses performances en termes de temps de chargement, de réactivité et d’efficience énergétique, cette refonte vise d’autres objectifs : améliorer le référencement naturel, augmenter le trafic, le taux d’engagement et de conversion, faciliter la commercialisation des services de l’Asder (formations, accompagnement…). Rendez-vous dans quelques mois pour un premier bilan !