Rodolphe Herdelé nous a contacté afin de moderniser le site de Miroir Social. Après quelques échanges avec lui ses 2 principales attentes étaient :

• de mettre en avant les contributeurs du Miroir Social
• de rendre plus accessible et plus en avant l’appel aux inscriptions

J’ai quelque peu simplifié la démarche mais voici les étapes clés de la refonte de ce site.

Première étape : le logo

Cet élément qui va donner pour la suite les lignes directrices de la charte graphique du site web. Nicolas Bazoge (webdesigner de Rezonova) nous a concocté ce logo qui, je trouve, véhicule bien le concept du Miroir Social.

Deuxième étape : prototype de la page d’accueil.

Afin ne pas surcharger le site et d’éviter un design en 3 colonnes, j’ai préféré une mise en page en 2 colonnes. L’utilisation de la colonne de gauche présente :

• Quoi / Comment (Miroir Social, kesako ?)
• Inscrivez vous ! (un peu à la manière de l’oncle Sam : “we want you for the Miroir Social ! “)
• Qui (les contributeurs, l’essence du contenu du miroir social)

Pour les éléments de navigation (les rubriques, les mots clés, la recherche), ainsi que les derniers commentaires et les sources d’informations, j’ai préféré exploiter le pied de page. La navigation “accès directe” permettant d’atteindre rapidement cette zone.

Ce qui nous donne :

Troisième étape : la réalisation de l’habillage

Réalisé par Nicolas Bazoge puis intégrée par mes soins le nouveau Miroir Social est en ligne
Il reste encore quelques détails à finaliser (intégrer des photos à côté des noms des contributeurs, mettre un zeste de publicité dans 2 zones qui ont été prévues dès la conception afin de ne pas polluer l’ensemble et améliorer l’aspect des grilles sociales).

Le tout est propulsé par Viabloga (qui devrait également subir un rafraichissement de printemps, mais chut ! J’en dis trop…)

Ergonomie et accessibilité faire un trackback