Comment bien préparer la nouvelle version d’un blog en cinq étapes

Le design actuel de Presse-citron a deux ans et trois mois et, comme vous le savez sûrement, une nouvelle version est en gestation, avec un objectif de publication fin mars ou début avril prochain. Pour cette refonte, j’ai confié la mission à un prestataire reconnu, une web agency ayant une forte expertise en WordPress et

Le design actuel de Presse-citron a deux ans et trois mois et, comme vous le savez sûrement, une nouvelle version est en gestation, avec un objectif de publication fin mars ou début avril prochain.

Pour cette refonte, j’ai confié la mission à un prestataire reconnu, une web agency ayant une forte expertise en WordPress et en blogdesign.

teaser presse citron v4 Comment bien préparer la nouvelle version dun blog en cinq étapes

Mais le meilleur prestataire du monde ne pourra pas grand chose si vous ne lui fournissez pas tous les éléments pour mener à bien sa mission. C’est pourquoi j’ai préalablement établi un brief écrit, sorte de cahier des charges simplifié, qui donne les grandes lignes de ce que je souhaite pour la version 4 de Presse-citron.

Une fois la nouvelle version en ligne, je publierai ici ce brief afin que chacun puisse en profiter et l’utiliser comme bon lui semble. En attendant, voici en quelques points la méthodologie que j’applique pour préparer et réaliser cette refonte.

1. Faire un état des lieux

Je pense que pour un blog comme Presse-citron, le rythme de renouvellement doit se situer entre vingt-quatre et trente-six mois. Je m’étais donc fixé comme objectif de lancer une nouvelle version fin 2009. Mon emploi du temps chargé la défection d’un partenaire sur qui je comptais en ont décidé autrement. Ce sera donc printemps 2010. On est encore dans les temps.

La réflexion en amont porte sur plusieurs points :

  • faire un état des lieux de la version actuelle, sur le design, l’ergonomie, les fonctionnalités et la ligne éditoriale
  • relever ses points forts et ses points à améliorer/supprimer
  • tenir compte des avis et souhaits des visiteurs du blog
  • lister les fonctions et les hiérarchiser par ordre d’importance

2. Définir et tracer les principales orientations

Il faut ensuite se déterminer sur ce que l’on souhaite : pourquoi une nouvelle version, que doit-elle apporter et de quelles références elle pourrait s’inspirer ? C’est le moment de l’étude détaillée des meilleures pratiques. En langage corporate on appelle ça un benchmark. Le mien a consisté simplement à observer en détail plusieurs blogs et sites que j’apprécie et établir une liste des éléments qui me paraissaient intéressants sur chacun d’entre eux. Cette liste a constitué ma boîte à idées brute, dans laquelle j’ai ensuite élagué pour ne garder que celles que j’estimais pertinentes et reproductibles.

C’est au cours de cette phase que l’on pourra également déterminer si l’on souhaite une charte graphique dans la continuité de la précédente ou au contraire en rupture totale, en repartant d’une feuille blanche.

3. Être créatif, inventer des fonctions inédites

Même si l’on peut penser que tout a été inventé sur les blogs, des innovations sont toujours possibles. Si elles ne concernent pas les fonctions, elles peuvent améliorer l’ergonomie, faire progresser le nombre de pages vues ou même avoir un impact sur la ligne éditoriale. Voir par exemple Moodlight, un plugin que j’avais imaginé pour indiquer visuellement aux lecteurs la tendance des commentaires (favorables ou défavorables).

4. Rédiger le brief

Une fois que l’on a tous les éléments qui vont déterminer la feuille de route de la nouvelle version, il est temps de coucher sur le papier son cahier des charges. Ce travail présente deux avantages :

  • il permet une approche méthodique et « professionnelle » (je mets des guillemets car cela vaut aussi pour un blog personnel et ne doit pas être pris au sens commercial du terme) vis-à-vis du prestataire
  • il permet de mettre ses idées au clair et de les organiser, même si vous faites la nouvelle version vous-même sans passer par un prestataire

5. Trouver le prestataire

Cette étape ne concerne évidemment que les blogueurs qui sous-traitent la refonte de leur site. Je ne perds pas de vue le fait que la plupart le font eux-mêmes, ce qui est aussi mon cas pour mes autres sites et blogs. Je conseille vraiment de prendre le temps de sélectionner le bon prestataire, en fonction du budget dont vous disposez mais également du feeling que vous pouvez avoir avec lui. Visez une agence ou un indépendant spécialisé dans les blogs, qui a déjà plusieurs réalisations à son actif dans ce domaine. Il y a indéniablement une sensibilité particulière et un savoir-faire spécifique dans le blogdesign, et ceci doit être pris en compte dans votre choix.

Une fois le prestataire trouvé, et même si tout peut se faire en ligne (c’était le cas pour la version actuelle de Presse-citron) il n’est pas inutile de le rencontrer pour relire ensemble le brief afin d’être sûr qu’il l’a bien compris (ou que vous l’avez bien expliqué) afin de partir sur de bonnes bases.

Dans les travaux sur la nouvelle version de Presse-citron, ces cinq étapes ont été franchies et nous en sommes actuellement à la phase des maquettes graphiques, sachant que design et contenu sont étroitement dépendants à ce stade du projet : l’ajout d’une rubrique ou d’une fonctionnalité peut remettre en cause l’équilibre général d’un design de page et c’est pourquoi il est préférable de bien y réfléchir en amont.

Je ferai un prochain point d’étape avant le lancement de la nouvelle version, et j’espère que ce petit partage d’expérience pourra vous être utile pour vos propres réalisations.

26 commentaires

  1. Je pense qu’une rupture totale serais bien !
    Par contre revenir à un design avec moins de colonnes serais plus agréable aussi.
    Plus sobre et plus simple

  2. Pierre-Alain GABERT

    J’en suis à mon 4e… tous plus laids et désorganisés les uns que les autres…
    Donc je sens que ça va me servir, merci Eric !
    PS : ton teaser fait déjà saliver, c’est bien :-)

  3. @Joomweb: Qu’est ce qui justifierait cette rupture totale demandée ?
    Si c’est parce qu’une étude des retours utilisateurs le suggèrent, alors oui. Si le site ne fonctionne pas du tout aujourd’hui, alors oui aussi.
    Si c’est juste une appréciation personelle… je n’en suis pas certain.

    Qu’apporte une rupture totale? Des utilisateurs qui mettent du temps à retrouver leurs marques, des critiques diverses et variées (on a toujours quelque chose à redire sur un design, une ergonomie…) VS un effet un peu WOW et un peu de bruit au moment du lancement. Dans l’ensemble, les bénéfices d’une rupture totale me semblent bien faibles.

    A contrario, une évolution dans la douceur, l’ajout de fonctionnalités ou le retrait de certaines inutiles, la simplification ou l’adaptation de l’interface à une nouvelle ligne éditoriale sont autant de façon de faire mieux tout en conservant les utilisateurs déjà acquis.

    Cf l’article de F.Cavazza sur l’évolution de grands sites (certes qui n’ont rien à voir avec l’audience et les objectifs d’un blog): http://bit.ly/dgzLla

  4. Peux-tu en dire plus sur les agences crédibles pour la conception-réalisation de blogs ? Identifier une agence crédible, notamment sur le design, est moins simple qu’il ne parait…

  5. Perso je trouve que le blog http://www.geekandhype.com a sacrément la classe en design, architecture de l’information, lisibilité, confort général. Je le trouve ultra confortable. Après est ce que ça convient à toutes les problématiques c’est une autre affaire.
    Hate de voir la nouvelle version.

  6. Avec le flux rss tout cela n’est pas très important, je ne viens sur Presse citron que pour y écrire ce genre de commentaires pertinents et je ne vois que du blanc ;)

  7. Pingback: Web Inside : La revue web du 05 mars 2010 en retard. - any for geek

  8. ça me rappelle le blog de Loic il y a quelques années, j’ai hâte de voir ton orientation à ce sujet…

  9. Depuis quelques mois, je réfléchis moi aussi à une refonte totale de mon site. Actuellement sous GuppY, j’ai déjà préparé une maquette sous WordPress mais n’en suis pas encore totalement satisfait : je manque malheureusement de temps pour rechercher les « bons » plugins pour combler les fonctionnalités manquantes en natif…

    Bref, merci pour ce billet dont les conseils me seront très utiles pour me recentrer.

  10. bruno

    « l’ajout d’une rubrique ou d’une fonctionnalité peut remettre en cause l’équilibre général d’un design »

    Amha, l’ajout d’une rubrique ou d’une fonctionnalité ne devrait *pas* remettre en cause l’équilibre général d’un design.

  11. J’aimerais savoir combien ça coûte de sous traiter ce type de lifting sur un blog
    Merci de votre reponse

  12. MonsieurS on

    Pour la V4 de presse citron sa sortie est lié à la V3 de WordPress ?

  13. [pub sauvage]: si vous recherchez un webdesigner crédible, sérieux, compétent, expérimenté et original, pour des blogs (WP, Dotclear…, ou ecommerces: Magento…)

    me contacter ^^’

  14. Jimmy
    Jimmy@Taiwan on

    il faudrait que je fasse lire cet article et le brief à mes clients ! ça me changera des « je veux un site web pour ma boite » ou « je veux vendre sur internet, tu me fais une boutique en ligne ? » ;-)

  15. Pingback: Mes favoris du 5-03-10 au 8-03-10 » Gilles Toubiana

  16. oui, « je veux un site qui… »,

    ou « fais-moi une boutique internet qui vend bien… »,

    et je t’invite (au Mac Do), alors que moi

    je pense +tot a La Cote St Jacques (a Joigny),

    (ils ont des pinards a 4850 € la bouteille,

    la bouffe en rapport, et un site tres bien).

    Mais en general les commandeurs de sites,

    dans leur tete c’est « ou est la caisse pour moi

    et les fonds de tiroir pour toi qui fais le boulot »

  17. citron+mecanic on

    Quand vous créez un blog, ça vous arrive de penser à la nécessité d’y autoriser les commentaires ? C’est une décision importante et un questionnement qui peut sembler surprenant à l’heure du tout-participatif forcené mais je ne pense pas que les commentaires des visiteurs soient absolument nécessaire partout et tout le temps.. faut-il être aveuglément web 2.0 ? docilement à la mode des usages du temps présent ? est-ce si utile et intéressant ces commentaires ? parce que franchement ça a ses limites le côté participatif, sur ce blog ça va, l’audience est quand même d’un certain niveau et les gens semblent capables de maîtriser leurs nerfs et d’argumenter leurs propos, mais sur un paquet de blogs, les commentaires sont complètements débiloïdes, agressifs, présentant une interminable collection de cacas nerveux de niveau bac-12, avec une audience et des « participants » pas avares de la première connerie pulsionnelle venue, et on voit cela pas seulement sur des sites pour ados, depuis sa version 2.0 le web ressemble de plus en plus à une espèce d’égout à mauvaise humeur. Le critique de ciné Serge Daney disait de la télé qu’elle était un inconscient à ciel ouvert, on pourrait dire la même chose du net, souvent pour le pire…

  18. d accord, c est pour ca que je refais un nouveau
    site tres selectif, pas du tout grand public, et
    meme elitiste, n en deplaise le terme,
    coordonnees:

    http://frontpage001.webs.com

    vient d etre ouvert et vais demander une offre
    pour la presentation a:

    http://www.2advanced.com

    avez-vous une idée de qui peut faire quelque chose
    de ce niveau en echange ouverture sur un truc
    incommensurable, meme au niveau finance?

    pierre thibault

Lire les articles précédents :
Pas de notes pas de chocolat

Quand je suis en rendez-vous professionnel (client, interview, conférence... ) j'ai toujours mon fidèle cahier avec moi sur lequel je...

Fermer