Étude de cas · Collectivité territoriale

Refonte du site WordPress de Marne et Gondoire Agglo.

Refonte complète de marneetgondoire.fr pour la communauté d'agglomération de Marne et Gondoire (20 communes, 108 133 habitants, Seine-et-Marne) : direction artistique, thème WordPress sur mesure conçu selon le RGAA, carte interactive des communes, agenda, kiosque, mise en production chez l'hébergeur de la collectivité — première version en ligne moins de deux semaines après la validation.

Page d'accueil du site marneetgondoire.fr en version desktop et mobile — refonte WordPress réalisée par Alexis Catanas pour Marne et Gondoire Agglo
Accueil marneetgondoire.fr · desktop & mobile Voir en ligne ↗
20
Communes, chacune avec sa fiche et son agenda
108 133
Habitants desservis par le site
< 2 sem.
De la validation à la mise en ligne de la V0
RGAA
Thème conçu selon le référentiel d'accessibilité
Le client

Marne et Gondoire Agglo, vingt communes au cœur de la Seine-et-Marne.

La communauté d'agglomération de Marne et Gondoire réunit 20 communes et 108 133 habitants dans l'ouest de la Seine-et-Marne, aux portes de Marne-la-Vallée, de Lagny-sur-Marne à Bussy-Saint-Georges en passant par Montévrain, Thorigny-sur-Marne, Chalifert ou Ferrières-en-Brie. Son siège est installé au Domaine de Rentilly, à Bussy-Saint-Martin.

L'agglomération porte des services très concrets pour les habitants : le Parc culturel de Rentilly – Michel Chartier, un réseau de 13 médiathèques avec une carte unique, un conservatoire de 2 800 élèves, une maison France Services, le dispositif de rénovation de l'habitat Marne et Gondoire Rénov', un cadastre solaire, l'accompagnement des entreprises et des demandeurs d'emploi. Autant de services que le site doit rendre trouvables en quelques secondes, par tous les publics.

C'est aussi un territoire que je connais de l'intérieur : mon bureau de Chessy se trouve à quelques kilomètres, et j'assure depuis six ans la maintenance du site de la ville de Lagny-sur-Marne, ville-centre de l'agglomération. En octobre 2026, la direction de la communication de Marne et Gondoire m'a transmis son cahier des charges de refonte du site marneetgondoire.fr. J'y ai répondu en direct, en tant que développeur WordPress indépendant.

Le défi

Un site d'agglomération à reconstruire vite, sans rien sacrifier.

Le site existant avait fait son temps : une interface datée, des contenus dispersés, une expérience mobile limitée et une accessibilité en retrait des obligations du service public. Le cahier des charges fixait un cap clair — un nouveau site WordPress, moderne, accessible et administrable par l'équipe communication — mais avec deux contraintes fortes.

  • Le calendrier. L'agglomération souhaitait une sortie rapide : une première version du site (arborescence « light ») dès le début du mois de novembre 2026, puis une version complète (arborescence finale, 16 thématiques) livrée pour mars 2027. Deux arborescences, fournies sous forme de tableaux Excel, à transformer en site sans double saisie.
  • Pas de maquettes au départ. Aucun studio graphique n'était mandaté : la direction artistique du site restait à créer, dans le respect de l'identité visuelle de l'agglomération (logo, couleurs, pictogrammes), en concertation avec la graphiste interne.

À cela s'ajoutaient les exigences classiques d'une collectivité : conformité au RGAA (référentiel général d'amélioration de l'accessibilité), hébergement sur l'infrastructure OVH de l'agglomération, pilotée par sa DSI, reprise des contenus utiles de l'ancien site, intégration des services existants (publications Calaméo, lettre d'information, réseaux sociaux) et mesure d'audience sans cookie publicitaire.

Mission 1 — Direction artistique et thème WordPress sur mesure.

Concevoir une charte graphique web moderne et évolutive à partir de l'identité de l'agglo, puis la traduire en un thème WordPress complet, « bien carré » et conforme au RGAA — livré d'abord sur un site de démonstration pour que l'équipe puisse se projeter avant même l'intégration des contenus.

Mission 2 — Outillage éditorial et intégration des contenus.

Générer les deux arborescences (light puis finale) directement depuis les fichiers Excel de la communication, réorganiser l'accueil selon le zonage du territoire, intégrer les premiers contenus (l'institution, le Parc culturel de Rentilly), les 20 fiches communes, le kiosque Calaméo et les logos monochromes demandés pour l'en-tête et le pied de page.

Mission 3 — Mise en production, lancement et maintenance.

Installer le site sur l'hébergement OVH de l'agglomération en lien avec la DSI, basculer le domaine www.marneetgondoire.fr sans interruption, soigner le lancement (écran de révélation « le site d'hier / le site d'aujourd'hui »), mettre en place la mesure d'audience et la gestion du consentement, puis assurer la maintenance annuelle et l'audit RGAA sur le site en production.

La solution — Chapitre 1

Une direction artistique créée pour l'agglo et un thème 100 % sur mesure.

01 — Cadrage

Cahier des charges & arborescences

Lecture critique du cahier des charges, analyse de l'ancien site et des deux arborescences (light pour la sortie en urgence, finale à 16 thématiques). Définition des gabarits : accueil, rubrique, page, actualité, événement, fiche commune, kiosque.

02 — Design

Charte graphique web

Création d'une direction artistique épurée et évolutive à partir du logo et des couleurs de l'agglomération : navigation en pastille flottante, grandes images « à la une », vagues de transition, cartes d'actualités. Puis fusion diplomatique avec la maquette Adobe XD de la graphiste interne : ses pictogrammes pour les accès rapides et le pied de page, ses photos d'illustration dans l'agenda.

03 — Thème

Thème WordPress sur mesure

Développement d'un thème propre (PHP, HTML, CSS, JavaScript), sans page builder ni template du marché : polices auto-hébergées, aucune ressource externe au chargement, code versionné et livré en plusieurs versions successives sur le site de démonstration pour validation en continu.

04 — Accessibilité

Conçu selon le RGAA

Liens d'évitement, navigation au clavier, contrastes vérifiés, réglages d'affichage (taille du texte, espacement des caractères), carrousel avec bouton pause et annonce des diapositives, libellés explicites sur chaque commande, déclaration d'accessibilité publiée. L'audit formel se fait sur le site en production, une fois les contenus définitifs en place.

05 — Accueil

Composants du territoire

Carrousel « À la une », carte interactive des 20 communes (un clic ouvre la fiche et l'agenda de la commune, mémorisée comme « ma commune »), accès rapides aux services les plus demandés, actualités par thématique, agenda à défilement horizontal, kiosque de publications, espaces dédiés (emploi, communes, presse, enseignants, marchés publics, entrepreneurs), fil des réseaux sociaux.

06 — Recherche

Moteur de recherche interne

Recherche plein écran accessible depuis l'en-tête, suggestions à la saisie, recherches fréquentes mises en avant (permis de louer, médiathèque, conservatoire, conseil communautaire, emploi), résultats triables par pertinence ou par date, recherche d'expression exacte entre guillemets.

La solution — Chapitre 2

De l'Excel au site en ligne : outillage, hébergement et lancement.

07 — Démonstration

Un site de démo dès la première semaine

Le thème a été installé sur un site de démonstration quelques jours après la validation : l'équipe communication a pu naviguer, réagir et arbitrer sur un site réel plutôt que sur des maquettes statiques. Chaque évolution a été livrée en version numérotée du thème.

08 — Arborescence

Générateur d'arborescence

Outil d'administration développé sur mesure (Outils › Arborescence du site) : il lit les tableaux Excel de la communication et crée les pages, la hiérarchie et les menus — arborescence light pour le lancement, arborescence finale à 16 thématiques pour la suite. Zéro saisie manuelle, zéro oubli.

09 — Contenus

Intégration des contenus

Reprise des contenus utiles de l'ancien site, intégration des premières rubriques (l'institution, le Parc culturel de Rentilly), des 20 fiches communes (mairie, coordonnées, population, site), du compte Calaméo de l'agglo pour le kiosque, de la lettre d'information Sarbacane et des logos monochromes de l'en-tête et du pied de page.

10 — Hébergement

OVH & DSI de l'agglomération

Installation sur l'hébergement OVH de la collectivité, d'abord dans un sous-dossier pour les tests, puis déplacement à la racine à la demande de la DSI et bascule du domaine www.marneetgondoire.fr (WP_HOME / WP_SITEURL, HTTPS). La collectivité garde la maîtrise complète de son infrastructure et de ses données.

11 — Lancement

Écran de révélation & mesure d'audience

Extension de lancement sur mesure : à la première visite, l'ancien site apparaît puis laisse place au nouveau après un compte à rebours — un moment de communication plutôt qu'une simple bascule technique. Mesure d'audience Matomo auto-hébergée, bandeau de consentement limité aux contenus tiers (YouTube, Calaméo) : aucun cookie publicitaire ni de suivi.

12 — Suite

Maintenance et version finale

Contrat de maintenance annuel (mises à jour, sauvegardes, supervision, assistance aux agents), flux RSS des actualités et de l'agenda, puis livraison de l'arborescence finale au printemps 2027 et audit RGAA sur le site en production.

Stack technique

Les technologies mobilisées.

Les résultats

Un site public moderne, accessible et maîtrisé par l'agglomération.

Entre la validation de la proposition, fin octobre 2026, et la mise en ligne de la première version sur www.marneetgondoire.fr, début novembre, il s'est écoulé moins de deux semaines. Le site est aujourd'hui en production avec :

  • Une identité web propre à l'agglo, conçue pour durer et enrichie des éléments de la graphiste interne — pas un thème du marché recoloré
  • Un thème WordPress sur mesure, sans page builder, dont le code est livré à la collectivité : aucune licence tierce, aucune dépendance à un éditeur
  • L'accessibilité intégrée dès la conception : navigation clavier, réglages d'affichage, carrousel contrôlable, déclaration d'accessibilité en ligne
  • Les 20 communes mises en avant grâce à la carte interactive, chacune avec sa fiche, ses coordonnées et son agenda
  • Une équipe communication autonome : actualités, agenda, kiosque, à la une et menus se gèrent depuis l'administration, l'arborescence finale se générera depuis le même outil
  • Un hébergement souverain sur l'infrastructure OVH de l'agglomération, administrée par sa DSI, avec une mesure d'audience sans cookie publicitaire
  • Un lancement scénarisé grâce à l'écran de révélation « le site d'hier » / nouveau site, avec compte à rebours et confettis

La collaboration se poursuit dans le cadre d'un contrat de maintenance annuel et de la livraison de l'arborescence finale au printemps 2027, suivie de l'audit RGAA sur le site en production. Le pied de page du site mentionne « développement : Alexis Catanas » — une confiance que j'apprécie à sa juste valeur venant d'une collectivité voisine.

Ce que retient ce projet

Pourquoi cette collaboration fonctionne.

1. La réactivité d'un indépendant

Pas de chef de projet intermédiaire, pas de sous-traitance : la direction de la communication échange directement avec celui qui conçoit et code le site. Résultat, une première version en ligne en moins de deux semaines, là où une agence aurait planifié des mois.

2. La connaissance du territoire

Installé à Chessy, à quelques kilomètres du Domaine de Rentilly, et déjà en charge du site de Lagny-sur-Marne, ville-centre de l'agglo : je connais les communes, les équipements et les attentes des habitants que le site doit servir.

3. L'accessibilité dès le départ

Le RGAA n'est pas une couche ajoutée à la fin : la structure HTML, les contrastes, les commandes du carrousel et les réglages d'affichage ont été conçus avec le référentiel sous les yeux, pour un audit serein sur le site en production.

4. Un vrai thème, pas un page builder

Un thème WordPress sur mesure est plus rapide, plus léger, plus sûr et plus simple à maintenir qu'un empilement d'extensions. Le code appartient à la collectivité, sans licence annuelle à renouveler.

5. Montrer plutôt que décrire

Un site de démonstration dès la première semaine, puis des versions successives du thème : l'équipe a validé sur du réel, et chaque remarque a été intégrée dans la version suivante.

6. L'écoute de la graphiste interne

Quand la maquette Adobe XD de la graphiste de l'agglo est arrivée, le travail n'a pas été de choisir un camp mais de fondre ses pictogrammes, ses photos et ses intentions dans le thème déjà validé. Un site d'équipe, pas un site de prestataire.

7. Des outils plutôt que de la saisie

Générer l'arborescence depuis les fichiers Excel de la communication a évité des journées de création de pages et de menus — et garantit que la version finale de mars 2027 se déploiera aussi vite que la première.

8. Le respect de la DSI

Hébergement sur l'infrastructure de l'agglomération, installation puis déplacement à la racine selon ses consignes, bascule de domaine documentée : la collectivité garde la main sur son serveur et ses données.

9. Un engagement dans la durée

La refonte n'est que la première étape : maintenance annuelle, arborescence finale, audit RGAA, évolutions au fil des besoins. Un interlocuteur unique qui connaît le site parce qu'il l'a construit.

Questions fréquentes

Refonte du site d'une collectivité sous WordPress : vos questions.

Une communauté d'agglomération peut-elle confier la refonte de son site à un développeur indépendant ?

Oui. En dessous du seuil de dispense de procédure fixé par le code de la commande publique (60 000 € HT pour les fournitures et services depuis le 1er avril 2026, décret n° 2025-1386), la collectivité peut passer commande sur devis, à condition de choisir une offre pertinente, de veiller au bon usage des deniers publics et de ne pas fractionner artificiellement son besoin. C'est ainsi que Marne et Gondoire Agglo a procédé : cahier des charges, réponse détaillée, devis, démarrage. Au-delà du seuil, je réponds aux consultations et aux marchés publics, seul ou avec une agence partenaire.

Combien de temps faut-il pour refondre le site d'une collectivité sous WordPress ?

Tout dépend du volume de contenus et de la disponibilité des équipes pour les valider. La méthode retenue ici — une version « light » mise en ligne rapidement, puis une arborescence complète déployée quelques mois plus tard — permet de sortir vite sans bâcler : la première version de marneetgondoire.fr a été mise en ligne moins de deux semaines après la validation, la version finale à 16 thématiques est planifiée pour mars 2027. Un site de mairie ou d'agglomération complet se construit généralement en deux à cinq mois.

Le site d'une collectivité doit-il être conforme au RGAA ?

Oui. Les services publics numériques doivent respecter le référentiel général d'amélioration de l'accessibilité (RGAA) et publier une déclaration d'accessibilité indiquant leur niveau de conformité. Concrètement, cela se joue dès la conception du thème : structure des titres, navigation au clavier, contrastes, alternatives textuelles, commandes des carrousels, formulaires étiquetés. L'audit formel se réalise sur le site en production, avec les contenus définitifs, puis la déclaration est mise à jour.

Pourquoi WordPress pour une intercommunalité ?

WordPress est un logiciel libre, sans licence, que les agents prennent en main rapidement et que n'importe quel prestataire peut reprendre : la collectivité n'est jamais captive. Avec un thème développé sur mesure, il offre la même liberté de conception qu'une solution propriétaire, s'héberge sur l'infrastructure de la collectivité et s'interface avec ses outils existants (lettre d'information, publications, agenda, réseaux sociaux, mesure d'audience).

Qui héberge le site et qui en garde la maîtrise ?

La collectivité. Le site de Marne et Gondoire est installé sur l'hébergement OVH de l'agglomération, administré par sa DSI ; le code du thème et des extensions sur mesure lui est livré, et la mesure d'audience est auto-hébergée. Le prestataire intervient sur l'infrastructure de la collectivité, pas l'inverse.

Les agents peuvent-ils publier en autonomie après la refonte ?

C'est l'objectif. Actualités, événements de l'agenda, publications du kiosque, contenus « à la une », pages et menus se gèrent depuis l'administration WordPress, avec des gabarits qui garantissent la cohérence graphique et l'accessibilité. Une formation des agents et un contrat de maintenance complètent la mise en ligne pour que le site vive dans la durée.

Un projet similaire ?

Votre collectivité prépare la
refonte de son site internet ?

Mairie, intercommunalité, syndicat, établissement public : thème WordPress sur mesure conçu selon le RGAA, mise en ligne rapide par étapes, hébergement chez vous, formation des agents et maintenance. Réponse sur devis ou en consultation.

Discuter sur WhatsApp