Étude de cas · refonte de site web
maire-info.com
Maire info
Repenser le quotidien numérique des élus locaux
Direction artistique · UX/UI Design · Web design éditorial
Maire info est le quotidien d’information de l’Association des maires de France, destiné aux élus locaux et aux acteurs des collectivités. Pour cette proposition de refonte, l’enjeu était de moderniser un site à forte densité éditoriale tout en préservant ses repères institutionnels et la richesse de ses contenus.
L’objectif : rendre l’information du jour immédiatement identifiable, faciliter l’exploration des sujets et construire une expérience de lecture claire, cohérente et adaptée au rythme de publication du média.
01 / Édition
Une page d’accueil pensée comme une édition quotidienne
La page d’accueil s’organise autour de la date et de l’actualité principale. L’article à la une bénéficie d’une place centrale, complétée par une sélection de sujets secondaires et plusieurs niveaux de lecture.
Les articles les plus consultés, la sélection du Journal officiel, les actualités publiées sur le site de l’AMF ainsi que le magazine Maires de France s’intègrent dans une composition modulaire. Chaque bloc possède une fonction clairement identifiable, permettant au lecteur de parcourir rapidement l’édition ou de s’arrêter sur un sujet précis.
Les blocs de l’édition
- 01Date et édition
Le jour est annoncé en premier, avec les éditions précédentes et l’impression gardées à vue.
- 02Article à la une
Une place centrale, un seul sujet, une entrée claire dans l’actualité du jour.
- 03Les plus lus
Un classement qui révèle ce que le lectorat suit réellement.
- 04Journal officiel
La sélection réglementaire traitée comme un service, pas comme une colonne annexe.
- 05Actualités de l’AMF
Les contenus de l’association présentés dans le même flux éditorial.
- 06Maires de France
Le magazine maintenu visible comme prolongement naturel du quotidien.
Les accès aux éditions précédentes et à l’impression du journal restent visibles dès le début du parcours, afin de conserver les usages propres à une publication institutionnelle quotidienne.
02 / Avant / après
Ce que la refonte change
Le site existant porte un fonds éditorial réellement riche dans une mise en page qui l’aplatit. La proposition conserve chaque fonction et donne à chacune une place lisible.
Page d’accueil
La même édition, réorganisée : une date affirmée, un article à la une qui existe vraiment, des sujets secondaires sur une grille lisible, la newsletter et le magazine tenus dans une colonne stable.
Page des rubriques
La même liste de sujets, dotée d’une structure alphabétique, d’un accès direct par lettre et d’air, à la place de trois colonnes ininterrompues.
03 / Navigation
Faciliter l’accès à une information très dense
La navigation a été repensée pour rendre les grandes thématiques immédiatement accessibles : fonction publique, ruralité, énergie, environnement, finances, sécurité, éducation ou encore aménagement du territoire.
Une page dédiée aux rubriques rassemble l’ensemble des sujets sous la forme d’un index alphabétique. Cette organisation facilite l’exploration d’un fonds éditorial particulièrement riche sans surcharger la navigation principale.
Grandes thématiques
- Fonction publique
- Ruralité
- Énergie
- Environnement
- Finances
- Sécurité
- Éducation
- Aménagement du territoire
- Atteindre une thématique
Les grandes rubriques sont à un clic depuis n’importe quelle page.
- Explorer le fonds
Un index alphabétique porte la longue traîne sans encombrer le menu.
- Lire sans friction
Un ordre de lecture stable, de la catégorie au corps du texte, sur chaque article.
Hiérarchie de l’article
Sur les pages d’article, la hiérarchie privilégie le confort de lecture : catégorie, titre, introduction, informations de publication, image principale et corps du texte.
- 01Catégorie
- 02Titre
- 03Introduction
- 04Informations de publication
- 05Image principale
- 06Corps du texte
Les actions de partage et d’impression restent disponibles, mais suffisamment discrètes pour ne pas détourner l’attention du contenu.
04 / Direction artistique
Une identité visuelle institutionnelle et contemporaine
La direction artistique s’appuie sur les couleurs historiques de Maire info et de l’AMF. Le bleu profond structure l’interface et affirme sa dimension institutionnelle. Le rouge signale les catégories, les actions importantes et les appels à l’action.
Les fonds clairs, les espacements généreux et les contrastes typographiques apportent davantage de respiration à l’ensemble. La typographie, inspirée de l’univers de la presse, établit une hiérarchie nette entre les titres, les informations pratiques et les contenus de lecture. Les composants restent sobres et fonctionnels afin de placer l’information au premier plan.
Palette
#0B1D39Bleu profond : structure l’interface et porte le registre institutionnel.
#BB2C38Rouge : signale les catégories, les actions importantes et les appels à l’action.
#EBE7E4Fond clair : le papier qui ouvre l’espace de lecture.
#FFFFFFBlanc : surfaces de lecture, cartes et colonnes d’article.
Hiérarchie éditoriale
Catégorie
Fonction publique
Titre
Les sénateurs votent le compromis trouvé en commission mixte paritaire
Chapô
Face aux difficultés des agents publics à se loger, les parlementaires se sont accordés sur un texte destiné à augmenter l’offre à proximité des lieux de travail.
Informations
Mardi 7 octobre · 5 min de lecture
05 / Services
Transformer les services complémentaires en repères
L’inscription à la newsletter quotidienne bénéficie d’un emplacement constant et facilement reconnaissable. Elle accompagne la navigation sans interrompre la lecture et rappelle la promesse essentielle du service : recevoir chaque jour l’information utile aux élus locaux.
Les contenus de l’AMF et du magazine Maires de France sont intégrés dans la même logique. Ils deviennent des prolongements naturels de l’expérience éditoriale plutôt que des éléments périphériques.
- La newsletter quotidienne
Un emplacement constant, une promesse, une action. Présente tout au long du parcours sans jamais bloquer la lecture.
- AMF et Maires de France
Les contenus de l’association et le magazine deviennent des prolongements de l’édition, pas des annexes.
06 / Système
Un système éditorial cohérent
La page d’accueil, l’index des rubriques, les articles et le pied de page ont été conçus comme un ensemble de gabarits complémentaires. Cette cohérence permet d’accueillir différents volumes et formats de contenus tout en maintenant des repères visuels stables.
La refonte propose ainsi une expression plus actuelle de Maire info : un média institutionnel structuré, immédiatement identifiable et pensé pour une consultation quotidienne de l’actualité des collectivités.
Les gabarits
- 01Page d’accueil
L’édition du jour et ses niveaux de lecture.
- 02Index des rubriques
L’entrée alphabétique dans le fonds éditorial.
- 03Article
La page de lecture et ses informations de publication.
- 04Mobile
La même hiérarchie, sur le format le plus consulté.
Conclusion
Un quotidien rendu de nouveau lisible
La valeur de cette proposition ne tient pas à un écran en particulier. Elle tient à la relation entre eux : un rythme d’édition, une logique de navigation, une palette et une hiérarchie, appliqués avec assez de constance pour que le lecteur sache toujours où il se trouve.
Maire info conserve son registre institutionnel et son fonds éditorial. Le site gagne simplement l’espace nécessaire pour les rendre lisibles.
Discuter d’un projetProjets à découvrir
Création de Sliders Instagram pour Hugo Décrypte / Elan
Design éditorial, Digital, Direction artistique
altaydagistan.com : plateforme digitale & CMS sur mesure
Digital, Direction artistique, UI/UX Design, Web design