Issuu on Google+

Etude de l’existant : site de la Mairie de Herrlisheim Le site de la Mairie de Herrlisheim Générale 

Points forts :    

Cohérence graphique ( couleur de l’emblème, fond,…) Simplicité Le menu horizontale L’interactivité avec le carrousel

  

L’ergonomie Le menu Les liens se trouvant dans le menu nous dirige souvent vers une page vide Les titres des pages ne sont pas assez mis en valeur Les liens directement vers les sites des associations dans les sous-menus Dans les service, on trouve des moyens ( téléphonique ou autre) pour contacter les différents services, mais on peut ensuite encore une fois contacter la mairie de manière générale dans la rubrique contact. Il y a redondance

Points faibles :

  

Propositions :  

Conserver la colonne de droite sur toutes les pages Proposer une page qui présente l’association ou autre avec un petit descriptif et une ou plusieurs photos et le lien pour visiter le site web de celle-ci Avoir la possibilité de lire/télécharger le bulletin municipal

1


Etude de l’existant : site de la Mairie de Herrlisheim Page d’accueil 

Points forts :       

Présence d’un calendrier Les informations générale à droite Le carrousel qui occupe la majeur partie de la page Bannière Les couleurs reprises de l’emblème Les titres ( actualités, etc) Présence d’un Footer

     

Pas de mise en avant des évènements sur le calendrier L’outils de connexion n’est pas forcement utile sur la page d’accueil Conserver le cadre d’information à droite au fil des pages Les images du carrousel n’ont pas de légendes La bannière est statique Le « logo » de la commune n’est pas assez mis en avant est trop peut présent au fil des pages du sites internet Le titre principal ( Bienvenue sur le site de la Mairie de Herrlisheim) Footer Les actualités sous le calendrier ne sont pas assez mises en avant

Points faibles :

   

Propositions :    

     

Transformer la bannière en un carrousel toujours présent au fil des pages du site Pour le calendrier utiliser un widget kit Changer la couleur de la case des jours à évènements Ajouter un lien administration où l’on retrouverais ce module de connexion ( sous la forme d’une fenêtre pop-up peut être) en haut à droite au dessus de la bannière ( discret) Laisser le cadre d’information de droite sur toutes les pages du site Ajouter des légende au carrousel ( directement sur les images) Placer le logo de la commune dans la bannière pour qu’il soit toujours présent Mettre le titre du site plus en avant ,une police plus grasse, large, mettre une couleur… Ajouter les mentions légales, un plan du site ,retour en haut de page, etc. dans le Footer Mettre un fil d’Arianne sous le Header

2


Etude de l’existant : site de la Mairie de Herrlisheim Le menu 

Points forts :   

Il est déroulant Les informations sont bien regroupées Utilisation de la couleur rouge de l’emblème

Les sous-menus déroulant ne se rétracte plus une fois la souris passée dessus Pour la vie associative (le sous-menu est trop long) Les sous-titres sont peu différenciable des titres principaux Sur deux lignes quand on est administrateur L’onglet accueil Organisation des onglets Séparation des onglets Nom des onglets Apparition non fluide du sous menu

Points faibles :

        

Propositions :   

 

 

Les liens des sous-menus-peuvent êtres plus petit, d’une police différentes et séparé par un filet par exemple Rétrécir la taille da police lorsque l’on passe en mode administrateur pour que le menu reste sur une ligne Utiliser le « logo » d’Herrlisheim dans la bannière pour retourner à la page d’accueil et/ou un pictogramme ( une maison) à la place d mot accueil Placer l’onglet contact à la fin Utiliser des pictogrammes plutôt que les mots ou des pictogramme en complet des mots ( par exemple pour contact utiliser plutôt un pictogramme d’une enveloppe) Faire une barre de manu avec un petit filet ou un jeu d’ombre pour séparer les onglets de menu Faire apparaître les sous-menus de façon plus fluide par un déroulement par exemple

3


Etude de l’existant : site de la Mairie de Herrlisheim Actualités 

Points forts :  

Présence d’ images La possibilité de télécharger des PDF

    

Il faut trop scroller pou consulter toutes les informations La mise en avant des titres par un encadré Titre de la page Des actualités trop anciennes Peut de descriptifs des actualités

Proposer uniquement l’actualité la plus récente entièrement comme actuellement Mettre les autres actualités uniquement par leurs titres et une petite icône et un plus pour avoir plus d’informations. Lorsque l’on clique sur le plus d’informations, un commentaire avec les versions PDF à télécharger se déroule sous le menu Supprimer les actualités qui ont plus de un an par exemple Proposer un petit commentaire explicatif pour chaque actualité Proposer un lien vers Infos Anim’s

Points faibles :

Propositions :

  

4


Etude de l’existant : site de la Mairie de Herrlisheim Infos Anim’s 

Points forts :  

Les miniatures Classement par mois

 

Mise en page par bloc Le titre de la page

 

Pour les années précédentes proposer un titre principal qui, au clique, déroule les miniatures de l’année sélectionnée Placer un lien vers les actualités

  

Présence des horaire Présence d’un image Un lien vers les services

 

L’image ne s’affiche pas Le titre de la page

 

Présenter les différents composants et personnes de la mairie Illustrer la page avec plusieurs photos

  

Les liens nous amenant directement au service concerné Les pictogrammes pour le numéro de téléphone, etc. Le descriptif associé à chaque service

 

Manque de différenciation entre chaque service On peut contacter les services

Ajouter un filet et un titre lorsque l’on passe à un autre service, pour bien les différencier Placer les informations dans la rubriques contact et privilégier ici un texte explicatif, des informations sur le service en question

Points faibles :

Propositions :

Mairie 

Points forts :

Points faibles :

Propositions :

Les services 

Points forts :

Points faibles :

Propositions :

5


Etude de l’existant : site de la Mairie de Herrlisheim Vie locale/Vie associative/ Vie pratique/Vie scolaire  

Points forts : 

Bon regroupement des éléments

   

Page inexistante ou vide Trop peu de contenu dans les pages Arrivée sur le site web des associations directement Les titres de page

Ajouter des pictogrammes pour privilégier le visuel plutôt que le textuel Mettre une page web qui présente l’association, l’école ou autre avec un texte descriptif et des photos . Sur cette page, mettre un lien vers le site web( s’il y en a un) en évidence Regrouper les associations par thèmes et faire un autre sousmenu

Points faibles :

Propositions :

Contact 

Points forts :   

Le formulaire La géo localisation

On peut déjà contacter les différents services dans la rubrique mairie > les services

Dans la rubrique contact proposer un menu où l’on peut choisir de contact l’un des services ou bien ne rien sélectionner pour joindre la mairie de manière générale.

Présence sur le site

  

Tableau vide Présentation en tableau Pas de lien vers les documents PDF nécessaires

Points faibles :

Propositions :

Marchés publics  

Points forts : Points faibles :

Propositions : 

 Mettre un texte explicatif de ce qu’est cet onglet Faire deux sous menus ( les marchés publics en cours et ceux terminés)

6


Etude de l’existant : site de la Mairie de Herrlisheim Les autres sites de Mairie : 

Présenter les écoles comme ici avec une photo et l’adresse, etc. (http://www.bischwiller.com/vivre/ecoles_maternelles_11.php)

Le fonctionnement en pictogramme accompagnants le titre, texte (http://www.bischwiller.com/index.php) (http://www.saint-louis.fr/index.php/Budget?idpage=32&afficheMenuContextuel=true)

Pour les marchés publics proposer cet affichage avec un description et un lien pour avoir toutes les informations nécessaires (http://www.bischwiller.com/municipalite/appel_offre.php)

Pour la vie associative regrouper les associations par thème ( sport, culture, nature, etc.)et les mettre individuellement dans un autre menu (http://www.ville-haguenau.fr/telechargement)

Utilisation de pictogrammes communs plutôt que du texte (http://www.mairie-gambsheim.fr/html/index.php)

Proposer une barre de recherche 7


Etude de l’existant : site de la Mairie de Herrlisheim (http://www.colmar.fr/) 

Télécharger le magazine/l’appariteur de la commune (http://www.drusenheim.fr/economie-commerces/marche-drusenheim.html)

La présence d’un fil d’Ariannne (http://www.drusenheim.fr/index.php?module=page&action=Display&pageref=7053&cmpla ng=FR)

Le calendrier avec les évènements mis en avant (http://www.ville-oberhoffen.fr/medias/agenda) (http://www.wasselonne.fr/index.php)

Proposer un module météorologique ( http://www.mairie-soufflenheim.fr/)

L’emblème permet de retourner à l’accueil ( http://www.mairie-soufflenheim.fr/)

Sécuriser la rubrique contact (http://www.roeschwoog.eu/index.php/contact?view=message&layout=message&pf=1)

Présenter les marchés de la manière suivante avec un petit cadre récapitulatif et placer plutôt les explications plus poussées et les fichiers PDF sur une nouvelle page à laquelle on accède quand on veut en savoir plus (http://www.colmar.fr/marches-publics,4299/)

8


Etude de l’existant : site de la Mairie de Herrlisheim 

Ajouter une rubrique : composition du conseil municipal et un plan de la ville dans l’onglet Mairie (http://www.ville-bischwiller.fr/situation/plan_interactif_6.php)

S’inspirer du menu (http://www.obernai.fr/fr/obernai-329.html) 

Fonctionnement par icône (http://www.obernai.fr/fr/obernai-329.html)

9


lol