Refonte site Internet institutionnel

Un site institutionnel est par définition dense en contenu, et c’est là que tout se joue : plus on ajoute d’information, moins on la trouve. Nous avons donc mené un gros travail d’UX en amont, pour repenser l’architecture du site et les parcours de chaque public avant même d’imaginer la première maquette.

La navigation principale donne accès à l’ensemble des compétences d’un seul tenant, sur toutes les pages du site, et laisse au service communication la liberté d’ajouter des entrées au fil des besoins sans dégrader l’affichage. Sur la page d’accueil, elle est doublée d’un bloc d’accès rapides placé sous l’illustration, qui ouvre directement sur les huit rubriques les plus consultées, complété par la mise en avant des contenus phares : actualités, portail famille, informations institutionnelles et gouvernance. Les pages profondes posent un autre problème : elles doivent absorber un grand volume d’informations sans perdre le lecteur. Une navigation sticky y ramène en permanence au niveau recherché, plutôt que d’imposer le déroulé complet de la page.

Le logo et la charte existaient déjà. Notre travail a consisté à les déployer en un véritable univers de marque. Anna, notre directrice artistique, a dessiné la grande illustration de page d’accueil qui met en scène les points forts du territoire (chalets, gare routière, stations…) et qui sert de clé d’entrée vers la profondeur du site plutôt que de simple décor. S’y ajoutent un set complet d’icônes sur mesure et des infographies pédagogiques, avec des déclinaisons chromatiques par compétence qui permettent de distinguer d’un coup d’œil la Culture de l’Environnement ou de la Famille.

Le cahier des charges posait l’exigence en une ligne : un site responsive, accessible, où l’information s’atteint en trois clics maximum. L’enjeu du mobile-first se situe précisément là. Réduire la surface d’affichage ne consiste pas à empiler ce qui tenait côte à côte sur un écran large : cela oblige à hiérarchiser, à décider ce qui s’affiche en premier et ce qui attend. Sur un territoire à neuf compétences, chaque gabarit devait donc arbitrer entre exhaustivité et lisibilité, sans jamais éloigner l’utilisateur de sa réponse. Navigation repliée, accès rapides empilés en pleine largeur, tableaux d’horaires restructurés pour rester lisibles sans zoom : nous avons dessiné à partir du petit écran, puis déployé vers les formats supérieurs.

Le site repose sur un thème WordPress développé sur mesure, sans page builder : du code maîtrisé, pas de surcouche inutile. L’éco-conception s’est jouée dans les détails illustrations en SVG, photographies servies en WebP aux dimensions réellement affichées, sobriété des animations. Moins de ressources mobilisées à chaque visite, c’est aussi un site qui répond plus vite sur une connexion faible, ce qui n’est pas anecdotique en fond de vallée. L’accessibilité a été traitée comme une exigence de conception : lien d’évitement vers le contenu principal, hiérarchie des titres, contrastes vérifiés, navigation au clavier et alternatives textuelles sur les illustrations, conformément au RGAA.

L’annuaire du territoire recense structures, associations et services publics, avec des filtres par thématique et un basculement entre vue liste et vue carte. Chaque fiche donne les informations pratiques utiles : horaires détaillés par saison, adresse, téléphone, lien direct. Concrètement, trouver les horaires d’ouverture de la déchèterie de l’Île Ferlay en hiver prend deux clics. S’y ajoutent une médiathèque organisée en dossiers d’images et de documents téléchargeables, un agenda filtrable par type d’événement et par lieu, et un moteur de recherche interne.