Refondre le site institutionnel d'une collectivité : notre réponse à un appel d'offre public

Au printemps 2026, un département français de plus de 300 000 habitants a lancé une consultation européenne pour la refonte complète de son site institutionnel. Le cahier des charges, particulièrement dense, fixait un triple objectif : remettre l'usager au centre, réduire l'empreinte environnementale du dispositif, et garantir une conformité réglementaire exemplaire. Platane a répondu à cet appel d'offre. Voici la démarche portée par l'agence et les maquettes qui l'illustrent.

Un écosystème digital à reconstruire
Comme beaucoup de collectivités, ce département vit avec un héritage numérique fragmenté. Un site principal, des sous-sites thématiques nés à différentes périodes, des chartes graphiques inégales, des parcours utilisateurs hétérogènes. Les audits UX menés par la collectivité avaient identifié plusieurs points de friction récurrents : des menus trop denses, des pages d'aides longues et peu contextualisées, des formulaires majoritairement hors ligne, une recherche interne sans intelligence sémantique.

Au-delà de ces constats fonctionnels, le diagnostic technique pointait des performances environnementales insuffisantes et une expérience mobile dégradée, alors même que la majorité de la consultation des services publics se fait désormais sur smartphone.

La commande dépassait donc largement la refonte graphique. Il s'agissait de repenser entièrement l'architecture de l'information, de mettre en place un design system mutualisable entre les sites satellites, de migrer les contenus existants, et de poser les bases d'un dispositif éditorial unifié administré depuis un back-office unique.

Notre approche : penser par l'usage, pas par l'organigramme
La principale erreur que commettent les sites institutionnels publics, c'est de reproduire en ligne l'organisation administrative interne de la collectivité. L'usager se retrouve face à des arborescences qui reflètent des directions métiers dont il ignore l'existence, et qui ne correspondent jamais à sa logique de besoin.

Platane a donc construit sa réponse autour d'une logique d'accès par profil et par situation. Concrètement, plutôt que de proposer une entrée « Direction de l'action sociale », l'arborescence est structurée autour de questions que se posent réellement les habitants : « Je suis parent », « Je cherche une aide », « Je veux me déplacer dans le département ». Cette logique se retrouve dans la page d'accueil, dans le menu principal, et dans la conception des fiches de service.

Pour incarner cette approche, l'équipe a travaillé à partir d'un persona pivot représentant le profil le plus fréquent du site : un actif quadragénaire avec des enfants scolarisés, peu disponible, habitué aux usages numériques mais exigeant sur la fluidité. Toutes les décisions de conception ont été passées au filtre de ce profil. La page d'accueil propose-t-elle une entrée directe vers les démarches qui le concernent ? Le moteur de recherche suggère-t-il les bonnes requêtes ? La fiche aide est-elle compréhensible sans jargon administratif ? Peut-on accomplir la démarche jusqu'au bout sur mobile ?

Maquette 1 : la page d'accueil
La page d'accueil concentre les choix structurants de la refonte. Le moteur de recherche occupe une position centrale, parce que les analyses d'usage montrent que c'est le point d'entrée privilégié des usagers pressés. Juste en dessous, un bloc d'accès rapide aux démarches les plus consultées court-circuite la navigation arborescente pour les besoins fréquents.

Le bloc « Je suis / Je cherche » propose une entrée par profil, qui réoriente l'utilisateur vers un parcours sur mesure. Cette logique se déploie ensuite dans tout le site, avec des rebonds contextuels permanents.

Les actualités sont valorisées sans monopoliser l'attention, dans une logique éditoriale équilibrée entre information descendante et services. Le pied de page structuré rassemble les contacts, les engagements de transparence, et les mentions obligatoires (accessibilité, données personnelles, plan du site).

Sur mobile, la même logique se condense sans rien perdre. Le menu se replie, le moteur de recherche reste central, et les blocs s'empilent dans un ordre dicté par la fréquence d'usage et non par la hiérarchie administrative.

Maquette 2 : la fiche aide
La fiche aide est le cœur fonctionnel d'un site de collectivité. C'est ici que l'usager cherche à savoir s'il peut bénéficier d'un dispositif, à quelles conditions, et comment l'obtenir. C'est aussi ici que se concentrent les abandons quand la conception est défaillante.

La fiche est structurée selon une séquence claire : objectif du dispositif en langage simple, public concerné, conditions d'éligibilité, pièces nécessaires, étapes de la démarche, contact direct. Chaque section est conçue pour répondre à une question précise que l'usager se pose à un moment donné de sa réflexion.

Le titre de la fiche utilise un langage orienté bénéfice. Plutôt que « Dispositif départemental de soutien à la scolarité », le titre devient « Demander une aide pour la scolarité de mon enfant ». Ce déplacement lexical, qui paraît anodin, change radicalement la compréhension de l'usager et son taux de conversion sur les démarches en ligne.

En bas de fiche, un bloc de rebond propose des aides connexes en se basant sur la situation de l'usager, pas sur la classification administrative interne. Quelqu'un qui consulte une aide à la scolarité se voit proposer la carte de transport scolaire, les aides aux activités culturelles, le suivi des bourses. Ce maillage horizontal réduit les recherches multiples et augmente la satisfaction.

Des contraintes réglementaires intégrées dès la conception
Travailler pour le secteur public, c'est composer avec un ensemble de référentiels qui structurent à la fois la conception et l'exploitation. La réponse de Platane intégrait nativement ces exigences.

• RGAA 4.1 niveau AA : l'accessibilité n'est pas traitée comme une couche corrective de fin de projet, mais comme un principe directeur. Contrastes conformes (rapport ≥ 4,5:1), structure sémantique HTML5, navigabilité clavier intégrale, alternatives textuelles systématiques, compatibilité avec les lecteurs d'écran. Le design system intègre dès l'origine les règles d'accessibilité, ce qui évite les corrections coûteuses et garantit la cohérence sur l'ensemble des composants.

• Écoconception (RGESN) : poids des pages contenu sous 1,5 Mo, requêtes HTTP réduites, médias en formats modernes (WebP, AVIF), polices web rationalisées, lazy loading des composants dynamiques. L'objectif EcoIndex visé est de classe C minimum, avec une trajectoire d'amélioration continue.

• RGPD et souveraineté : hébergement exclusivement français ou européen, conformité aux recommandations de l'ANSSI, journalisation des accès, registre des traitements, gestion fine du consentement cookies conforme aux lignes directrices CNIL.

• SEO et performance : balisage sémantique propre, données structurées Schema.org, sitemap XML dynamique, score Lighthouse cible supérieur à 85 sur les quatre piliers.

Ces exigences ne sont pas des cases à cocher. Elles dictent des choix techniques concrets à chaque étape, depuis le choix du CMS open source jusqu'à la structure du HTML servi.

Méthodologie : un cadre hybride pour un projet à fort enjeu
Pour un projet de cette envergure, Platane propose un cadre méthodologique hybride. Les phases de conception et de développement suivent un fonctionnement agile, avec des sprints itératifs et des points de validation réguliers associant les directions métiers de la collectivité. Les phases de validation, de recette et de mise en production suivent un cycle plus classique, mieux adapté aux exigences d'homologation de sécurité et de validation réglementaire propres au secteur public.

Cette approche permet de combiner la souplesse créative nécessaire à la conception d'expériences réussies avec la rigueur attendue sur les jalons contractuels d'un marché public.

Ce que cette réponse nous a appris
Répondre à un appel d'offre européen pour la refonte d'un site institutionnel demande une production importante en phase d'offre. La collectivité demandait notamment deux maquettes finalisées : page d'accueil et page de contenu type, en version desktop et mobile, avec contenus réalistes et conformes à sa charte graphique. C'est plusieurs jours de travail d'une équipe pluridisciplinaire, sans garantie de contrepartie.

Platane a fait le choix d'investir ce temps parce que ce type de projet correspond exactement à ce que l'agence sait faire et à ce qu'elle aime faire : concevoir des outils numériques utiles, accessibles, sobres, pour des institutions qui rendent service au plus grand nombre. Que cette réponse soit retenue ou non, le travail accompli alimente la réflexion et le savoir-faire de l'agence sur le design d'intérêt général.

Vous portez un projet similaire ?
Si vous êtes une collectivité, une administration ou un opérateur public et que vous portez un projet de refonte, de création de service en ligne, ou de mise en conformité de votre dispositif numérique, Platane serait heureux d'en discuter. L'agence accompagne des institutions publiques sur des projets web ambitieux, alliant exigence fonctionnelle, design centré usager et conformité réglementaire.