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.