Je me suis récemment demandée comment les mairies exploitent l’image de leur ville sur internet. Vu le grand nombre de villes en France, on doit pouvoir trouver des styles graphiques très différents associés à un réel effort d’ergonomie.
J’ai visité pour cela environ 700 sites de mairies sur toute la France.
Sur un échantillon de 100 sites, voici mon constat :
- 24% des sites ont un design moderne (utilisant du JavaScript ou bannière Flash, structure en « div », couleurs harmonieuses mais restent basiques et n’ont rien d’exceptionnels…)
- 67% auraient besoin d’un sérieux coup de jeune. (site « vieillot », structure en tableau, pas de cohérence graphique…)
- 7% sont très laids (image de fond répétitive avec une image mal calée, gifts animés à profusion…)
- 2% sortent du lot avec un design travaillé, moderne et original.
Voici ma sélection parmi tous ces sites :
Le site de Villeurbanne est très moderne, aussi bien graphiquement que par les technologies utilisées pour son développement (bannière Flash et JavaScript). Les normes d’accessibilité y sont respectées.
Le design du site est simple mais très propre. Le pied de page d’allure « web 2.0″ est agrémenté d’un paysage en ombre chinoise campagnard très frais. Un menu dynamique affiche simplement l’ensemble des rubriques organisées par catégorie. Un agenda regroupe sur la page d’accueil les événements à venir sous la forme d’un carrousel.
Le site de la ville de Montluçon utilise un style de menu complet semblable à celui de la ville de Chécy. Ce genre de menu est bien pratique pour éviter de tourner en rond à la recherche d’une information. Cependant, ce site le pousse peut-être un peu trop loin par moment avec la rubrique « Infos Pratiques ». L’entête du site est occupé par une bannière animée contenant des focus sur les actualités importantes. Enfin on retrouve dans le pied de page l’habituel et bien utile plan du site.
Le site est actuellement en refonte (ouverture prévu début 2010). La page de présentation semble prometteuse.
Pourtant le site existant n’est pas si mal http://www.ot-lagrandemotte.fr
A surveiller !
Le site est simple, mais il est habilement dynamisé par l’utilisation d’entêtes de rubrique et un logo disposés de travers.
Ce site réalisé dans les tons pastels se différencie par sa structure. Elle n’est pas faite en trois colonnes comme la plupart des sites de mairies. Petite déception, le site semble inachevé et de nombreuses pages sont vides. Autre remarque, le script de chargement des images de la bannière ne semblent pas fonctionner tous les jours.
Le site de Sautron est agréable avec son aspect « écolo ». Une petite bannière Flash, discrète se fond sous le menu.
Dans les pages intérieures, l’entête disparait et semble laisser un vide. De même, le pied de page semble vouloir passé inaperçu.
Très agréable, ce site nous emmène dans la région de Luz-Saint-Sauveur avec vue sur les Pyrénées. L’atout principal est la bannière Flash.
Le site donne une impression de ville dynamique ! L’évènement faisait l’actualité s’affiche en background.
Une carte interactive permet de situer les différents quartiers.
Ce site est intéressant car son apparence semble changer selon la saison. Actuellement, l’entête à l’aspect d’un paysage d’automne. Ce site est développé utilise le CMS Joomla.
Le graphisme met bien en évidence le bord de mer sur lequel se trouve la ville. Pas de bannière Flash, ni d’animation, le site manque un peu de vitalité.
Comme on pouvait s’y attendre, le design du site de la ville d’Evian est axé sur le thème de l’eau. Le liseré sous le menu ajoute une pointe de couleur bienvenue dans cette ambiance sobre et reposante. Des petites bulles discrètes animent sur la bannière Flash contenu dans l’entête du site. Le menu est développé en JavaScript.
Le design est simple et le site est très agréable. Les couleurs sont cohérentes et le graphisme très propre.
La bannière Flash est basique mais reste parfaitement dans l’esprit du site.
L’ambiance est donnée : Houlgate est au bord de la mer ! Pas d’animation sur ce site, juste un roll-over sur le menu qui fait apparaitre une image supplémentaire dans le décor principal qui enlaidie un peu le tout, dommage !
Le site de Fismes est agréable de par son homogénéité de couleur. La fluidité du menu est très agréable.
Un peu déçu par le pied de page qui semble ne pas appartenir à ce site.
Le graphisme donne une légèreté au site par les illustrations crayonnés des boutons. Le menu représente à lui seul une grande partie du design.
Les grandes photographies en backgrounds sont le principal atout graphique du site. Les actualités à la une sont affichés dans un encart fonctionnant en JavScript. Le logo est dépassé et aurait du être actualisé pour mieux s’accorder avec le reste du site.
La ville de Châtellerault n’a apparemment pas d’identité visuelle précise. Il n’existe pas de logo. On peut s’en rendre compte en sélectionnant les différentes feuilles de styles (située en haut à droite du site).
Trois choix sont possible : bleu, vert et marron.
La version « bleu » est la plus pertinente graphiquement. L’entête est moderne même si le graphisme est principalement localisé dans l’entête.
La version « verte » affiche des images mals optimisées. Le rendu est décevant.
Quand à la dernière version « marron », elle est sans grand intérêt graphique.
Le site est actuel et les couleurs harmonieuses.
L’intérieur des pages en cohérent avec l’étiquette du logo (coins arrondis et pages penchées).
Un petit post-it affiche des informations sur la ville.
Le site est développé sous le CMS Joomla.
Il n’y a pas d’animation Flash, le site est assez simple. La bannière donne l’idée d’une ville « verte ».
Une version du site existe pour Iphone (que je n’ai pas pu tester). Il est possible de suivre la mairie sur Facebook.
J’aime beaucoup ce site, je le trouve simple et moderne.
Le menu principal est en css, le menu secondaire avec les icônes est développé en JavaScript et jQuery.
Pour finir, un petit clin d’oeil à la mairie de Paris qui à récemment décliné une charte graphique pour tous les arrondissements (une couleur différentes pour chacun)
Les sites de tous les arrondissements sur cette page.
700 sites de mairie vus !! Et bien vous avez du en voir des horreurs.
En tout cas ce type d’infos est vraiment le bienvenu. Ca permet de faire un point sur « l’état de l’art » en France.
Une fois de plus bravo et merci pour ce blog.
Oaawww quel boulot !!!
En tout cas cela prouve bien qu’il est très difficile de « décrouter » les mairies, j’en ai fait l’expérience !!!
Aaahhhh le jour où ils comprendront…
@Paul : oui j’en ai vu plein des horreurs ! C’est fou que les mairies prennent aussi peut soin de leur image.
@Audrey : d’après ce que j’ai pu voir ça fonctionne beaucoup avec des appels d’offres (en tout cas pour les grosses villes, pour les petites je ne sais pas)
Bonne liste,
merci pour le partage de cette veille, très utile.
Concernant la grande Motte, tu dis que le site actuel est déjà bien, en fait, il s’agit de l’office de tourisme, et non de la mairie.
Ces 2 entités ont souvent leur propre site.
Et oui, les villes sont obligé de passer par des appels d’offres pour la réalisation de leur site. Ce qui est à la fois bien et à la fois problématique pour booster la créativité des réponses. Mais c’est un autre débat…
Merci pour la remarque Rémy, je n’ai pas fais attention sur ce coup !
Je ne sais pas s’il faut se réjouir des sites de mairies qui utilisent Flash et toute la sauce 2.0 à outrance, pour la bonne raison que toutes ces technos sont rarement (et difficilement) accessibles : et les sites de mairies, légalement, DOIVENT respecter les règles d’accessibilité.
Dans la pratique, très peu le font, ce qui est assez lamentable pour tout le monde (public, clients, designers). Plusieurs raisons à cela :
- Les graphistes des agences qui répondent aux appels d’offre ne sont tout simplement pas formés à l’accessibilité.
- Ces mêmes graphistes confondent « design accessible » et « pauvreté graphique » et fuient pour cette raison les projets de mairies ou les réalisent à contrecoeur (et donc mal).
- Les mairies elles-mêmes ne jouent pas le jeu et préfèrent foncer sur du Flash tape-à-l’oeil plutôt que penser contenu et public.
Bref, il y a du boulot en webdesign sur les mairies (36.000 communes !) mais c’est un type de projet avec des contraintes fortes. Moi, je trouve ça passionnant et j’aime beaucoup faire ce genre de sites. D’autres designers, visiblement, moins…
Merci beaucoup pour ces infos toujours interessantes!
C’est vrai qu’il est assez difficile de réaliser des sites institutionnels.
Des pages claires, avec un contenu lisible, un design qui fait passer un message, et qui soit moderne.
Je suis actuellement en train de refaire le site internet d’une branche d’un ministère, ça demande de la réflexion!
Je suis heureusement tombé sur une équipe très ouverte qui m’a fait confiance et m’a laissé un peu faire côté design…
Je sais que ce n’est pas souvent le cas.
Je suis d’accord avec toi STPo, j’aimerais aussi participer à ce genre de demande de site, mais je me suis vite découragée lorsqu’il s’agit d’appel d’offre uniquement par le côté administratif que cela demande. (c’est à ce demander si un freelance à une chance d’être sélectionné)
Après, il est toujours difficile de faire comprendre à un client l’intérêt et la nécessité de l’ergonomie et de l’accessibilité…
Bref y’a du boulot !
Merci pour cet article.
C’est vrai que les sites des mairies sont très majoritairement triste à en pleurer. Voilà le site de ma ville : http://mairie.baisieux.online.fr/ Quelle horreur !
Et pourtant, en voilà un beau sujet que le site web d’une mairie ! Il y a tellement de choses à y faire.
Mais tout ça va changer… Bientôt ! Forcément.
PS : si je peux me permettre, petite faute en début d’article : « je me suis récemment demandé »
Il faudrait aussi dire que le budget de la marie de Paris (exemple) n’est pas la même qu’une petite ville ou village… Normal qu’il y ai des différences énorme. Toutes les mairies ne peuvent pas se permettre d’acheter un site à des XXXXX euros, il en ont tout simplement pas les moyens..
Hello,
Je suis tombée sur ton site un peu par hasard, justement en recherchant des sites beau et pas beau. Ben ui l’important quand on crée son site, n’est pas que de savoir ce qu’on aime, mais aussi ce qui est moche ! Bref, par chez toi tout est très joli, très clair et très bien fait. Ton blog très intéressant 
Je suis ton site depuis un petit mois. Je viens de m’installer comme graphiste freelance et c’est vraiment très intéressant tout ça, ça aide bcp
Merci pour ces infos !
Chapeau bas, d’une petite bruxelloise débutante ds le métier