Miroir social : comment professionnaliser un blog chez Viabloga ?

par Nicolas Viot • 13 mars 2007

C'est bien de revenir nous voir chez Adverbe. Avez-vous pensé à vous abonner à notre flux RSS, à notre compte Twitter ou à notre newsletter ? A très bientôt.

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.

miroir social le logo

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 :

mirroir social prototype

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…)

Miroir Social

Commentaires

Trés content je suis que Rezonova est pu habiller les mots clés et les wiki fonctionnalités de Viabloga de de cette façon. Merci à vous.

 

Laissez un commentaire

-->
  • Moteur de recherche sur la langue française
  • Archives

  • Je lis donc je lie

    Voir les signets
    Construire des relations sociales solides sur Internet et dans la vraie vie

    juillet 30, 2010
    par Xavier de Mazenod • Réseaux sociaux

    Pierre-Edouard du Cray, le caillou dans la chaussure d’Eric Woerth

    juillet 29, 2010
    par Xavier de Mazenod • Information, pouvoir, communication

    Comment convaincre votre DRH de passer au télétravail

    juin 22, 2010
    par Xavier de Mazenod • Entreprise 2.0, Travail collaboratif, télétravail, travail 2.0

    Réseau social RH à la Société générale : retour d’expérience

    juin 14, 2010
    par Xavier de Mazenod • Entreprise 2.0, Réseaux sociaux

  • Schneider: Bonsoir, voila une video sur le sujet :) http://www.dailymotion.com/vid eo/xdhiiz_orange-une-balle_fun
  • Jean-Lin Lacapelle: L’enfer ! Suis en train de gérer un déménagement et c’est en effet pas simple…....
  • soda: moi j’aime PARIS
  • MORTIER: Pas de tonalité téléphone depuis plus de 3 Mois !La Télévision ne fonctionne pas non plus ! 23 Appels à FREE...
  • huttin: j’aimerais communiquer avec Elisabeth Bart avec qui j’ai passé une année en tant que collègue au...
  • Barack Obama Blog Blogs et entreprise Blogs locaux CO2 E-réputation Ecrire pour le Web Elearning Entreprise 2.0 Explorateurs du Web ExplorCamp Facebook Fibre optique FOAD Google Hadopi Identité identité numérique Influence Jeff Jarvis Jimdo Langue française Médias Plan Besson PowerPoint Presse Revue de prêche Rue89 Référencement réseau social Réseaux sociaux SNCF social media Syndicats Travail collaboratif Très haut débit Twitter télétravail Vidéo Vie des blogs Web 2.0 Webcontent Web participatif Web social Wiki