Refonte du site Internet d'une agence gouvernementale locale

Catégories :
  • Design
  • Development
  • Performance
  • Astro
  • CSS
  • JavaScript

Introduction

Le Conseil départemental de l’Accès au Droit (CDAD) avait besoin d’une refonte numérique importante. Leur site WordPress d’origine était obsolète, et l’expérience utilisateur était entravée par un design peu réactif, une navigation difficile, et de faibles performances sur les métriques de Google Lighthouse. Montagne Noire Web Studio a été sélectionné pour entreprendre une refonte complète du design et du code source. L’objectif : faire du site du CDAD 54 une plateforme moderne, accessible et conviviviale.

Les défis à relever

  • Réactivité : L’ancien site web n’était pas adapté aux mobiles, ce qui rendait l’accès aux informations difficile pour les utilisateurs depuis leur téléphone portable ou tablette.
  • Expérience utilisateur : La navigation était un point sensible, en particulier avec une carte interactive de la page d’accueil qui était complexe et peu pratique sur les appareils mobiles.
  • Une conception dépassée : L’ancienne maquette était encombrée et peu attrayante, manquant d’espace et d’une mise en page claire.
  • Performances techniques : Le site a obtenu de mauvais résultats à l’audit Google Lighthouse, nuisant au référencement et aux temps de chargement.

Notre approche

Après un premier audit gratuit fructueux et la signature des documents, il était temps pour nous de passer à la première étape de la gestion de projet.

  • Organiser des discussions détaillées avec le client afin de comprendre leurs objectifs et d’établir des buts clairs pour le projet.
  • Réaliser un audit complet de l’ancien site web, en notant tous les points de douleur techniques et d’expérience utilisateur afin d’identifier les améliorations à apporter.
  • Développer une feuille de route pour délimiter tous les objectifs fixés, y compris les échéances pour les produits livrables, les appels hebdomadaires, les trackers, etc.

Résultats

Le site web remanié du CDAD offre désormais une expérience utilisateur transparente qui répond aux normes modernes du web. Voici quelques-uns des résultats mesurables :

  • Remaniement technologique : Au-revoir Wordpress et bienvenue au code personnalisé. En écrivant le code nous-mêmes, nous nous sommes assurés que le site web n’utilise pas de plugins gourmands en ressources et non sécurisés.
  • Conception réactive : Le site web est désormais entièrement responsive, offrant une expérience et une navigation adaptées ordinateurs de bureau, tablettes et appareils mobiles.
  • Amélioration de l’expérience utilisateur : La navigation est désormais intuitive, l’accent étant mis sur la clarté et la facilité d’utilisation.
  • Gains de performance : Après la refonte, le site a obtenu un score nettement plus élevé sur Google Lighthouse, ce qui a eu un impact positif sur les temps de chargement et le référencement.
  • Amélioration de l’accessibilité : Le site est désormais accessible à un public plus large, répondant aux normes WCAG et garantissant une expérience plus fluide pour tous les utilisateurs. Cela comprend des ajustements pour les lecteurs d’écran, des améliorations du contraste, une navigation au clavier et des éléments interactifs simplifiés.
  • Refonte de l’interface : Nous nous sommes concentrés sur la création d’un design visuellement attrayant, tout en restant formel et professionnel. En augmentant l’espace blanc et en améliorant la lisibilité, nous avons amélioré l’expérience de navigation des utilisateurs sur tous les appareils. Nous avons également utilisé un schéma de couleurs rationalisé qui reflète l’identité du CDAD.

La réalisation du nouveau site web du CDAD par Montagne Noire Web Studio démontre la pertinence d’une refonte réfléchie, soutenue par une attention particulière à la facilité d’utilisation, à la performance technique et à l’accessibilité. En nous attaquant aux problèmes fondamentaux du site, nous avons fourni une solution moderne et optimisée qui servira les visiteurs du CDAD dans leur recherche de conseils juridiques.