Presse-citron refresh : la version 3 est en ligne

Et voilà, c’est en ligne.Sans concours ni trompettes, le Presse-citron continue son bonhomme de chemin avec cette nouvelle version, la 3ème du genre (la précédente datait de juillet 2006).J’ai voulu avec ce nouveau design apporter un peu plus de chaleur et de couleur à mon votre presse-agrume favori, tout en organisant la présentation différemment, en

Et voilà, c’est en ligne.
Sans concours ni trompettes, le Presse-citron continue son bonhomme de chemin avec cette nouvelle version, la 3ème du genre (la précédente datait de juillet 2006).
J’ai voulu avec ce nouveau design apporter un peu plus de chaleur et de couleur à mon votre presse-agrume favori, tout en organisant la présentation différemment, en trois colonnes au lieu de deux précédemment.
J’ai lu, écouté et tenu compte de vos suggestions, puis confié le travail à un graphiste professionnel qui a réalisé intégralement le nouveau design à partir du brief que je lui ai communiqué, tout en étant ouvert à ses remarques et propositions.
Vous verrez que deux nouvelles rubriques font leur apparition sur la home : Derniers articles et Happy hour. Rien de révolutionnaire, mais je souhaitais mettre en valeur des rubriques qui me tiennent à coeur.
D’autres rubriques feront leur apparition dans les prochains jours, ainsi que quelques derniers ajustements (des liens ne sont pas encore activés, l’abonnement à la newsletter non plus, les pubs Adsense s’affichent en double sur certaines pages…).
J’espère que vous apprécierez cette nouvelle version.
J’ai la pression maintenant.
Et puis non en fait je m’en fous, si ça ne vous plait pas ça sera la faute du graphiste 🙂


Nos dernières vidéos

118 commentaires

  1. c’est joli !
    surtout la bannière du haut est vraiment sympa.
    par contre il y a des pointillés blanc au dessus de ta photo/bio…
    et deux champ de recherche ?

  2. @Redsan, juste une question de temps, de dispo et de vouloir assurer une migration 100% sûre pour le référencement. J’ai une version de Presse-citron qui tourne en test sous WP depuis pas mal de temps mais je n’ai pas encore trouvé le temps de finir la migration définitive : http://www.presse-citron.net/v2
    Ca sera la prochaine étape, début 2008

  3. étonnant comme choix de lancement en plein hiver & veille de noël 😀 c’est cool & ca change du froid actuel !
    c est gai, propre, ca suit la tendance sans etre trop fort

  4. Pile poil, ça me donne envie d’un mojito bien frais donc c’est que ça doit coller 🙂

    Congrats to the graphiste !

  5. Impec !
    Sobre, simple et efficace !
    peut etre qu’un petit padding blanc supplémentaire a gauche et a droite du texte permettrai d’aérer encore plus plus..
    Rhaaa.. perfection, quand tu nous tiens !

  6. Très sympa. Un changement qui tombe à point. Mettre tes sidbar à droite et le contenu tout à gauche augmente sa visibilité. Merci c’est plus agréable à lire.

  7. Mais qui donc est ce graphiste qui a réalisé ce nouveau lifting?!?
    Très joli design, la barre de recherche (très "Apple inside") est du plus bel effet… Bravo Eric!

  8. Très agréable ce design. J’aime aussi le clin d’oeil humoristique pour le nombre de commentaires (10 jus de citrons) 🙂

  9. Noklio, je savais que je connaissais cette griffe. ces formes, ces couleurs, je les ai déjà rencontrées du temps où je voguais sur les communautés graphiques. Je reconnais facilement ce style à chaque fois que je le vois et quelques années plus tard, il n’a toujours pas changé.

    C’est frais, agréable, chaud et élégant. Oui, tout ça à la fois. Dommage que les listes et commentaires ne soient pas juste un peu plus habillés d’un coup de CSS magique (et de pourquoi pas quelques images) histoire d’harmoniser l’intégration de Dotclear au design.

    Quant au futur et hypothétique passage à WP, Eric : pourquoi ne pas plutôt migrer à DC2 ? Il est beaucoup plus agréable à utiliser du côté de l’administration, ses templates sont bien conçus et son système de widgets est réellement performant. Idem pour ce qui concerne l’anti-spam. Entre WP et DC2, mon choix est fait depuis plus d’un an et au fur et à mesure des améliorations de ce dernier, je ne le regrette pas.

    D’ailleurs, si tu as besoin d’un coup de main pour la transition à DC2, fais moi signe. (J’ai un peu d’expérience avec la migration de sites de la taille du tien puisque j’ai assuré la migration à Dc2 de AccessOweb avant que Philippe n’intègre le groupe Intruders.)

  10. Très chouette le refresh.

    Je ne sais pas si à l’issue d’un concours ouvert à tous tu aurais eu un aussi bon résultat.

    Juste pour titiller, la barre jaune avec la date qui est coupée (elle est à moitié contenue dans le header et à moitié dehors). Je l’aurais juste vu dans le header et pas de part et d’autre mais c’est du chipotage et ça n’est que mon avis :).

  11. Très beau travail!

    Pour ma part j’aurais juste retiré les pointillés de la sidebar.

    L’extension hors des limites du post de la barre incluant la date et la recherche me saute également un peu trop aux yeux…

    A part ça c’est parfait ;p

  12. finalement barre de navigation a droite pas top 🙁 les catégories poussés contre le bord droit aussi prés à sortir de la page, 🙁 bon il reste heureusement le contenu toujours aussi intéressant

  13. Ca claque méchamment, mais vraiment méchamment méchamment.

    Déjà que le teasing donnait l’eau à la bouche, mais là c’est du grand niveau, ergonomique, coloré, beau.

  14. Très classe, par contre idem pour la barre jaune, j’aurais mis un arrondi à gauche car çà fait un drôle d’effet !

    Sinon vraiment du très bon travail 🙂

  15. Joli en effet !

    Juste un petit détails de rien du tout, en 1024 j’ai la barre de scroll horizontale qui apparait 😉

  16. très joli, excellent. seul "défaut" selon moi, la barre jaune de la date. Elle fixe le regard sur la date et empêche vraiment de lire le titre.

    autre détail : personne n’est parfait, moi je suis du matin. Or depuis 4-5 jours, entre 5h et 7h30, impossible de prendre mon jus de citron : MySQL Error : 1040 – #08004Too many connections

    Encore bravo pour le refresh, c’est très bon !

  17. C’est très joli, et léger.

    IL y a uen sorte de décentralisation vers la gauche, viisble au niveau du pied de page, et aussi un peu en haut, qui me rappelle le nouveau site d’Adobe (depuis quelques semaines).
    Ex avec la page de Dreamweaver : http://www.adobe.com/fr/products...

    Il t’a inspiré ?

  18. @Mathias, non pas du tout, je ne vais jamais sur le site d’Adobe sauf pour télécharger AIR il y a quelques semaines, mais directement sur la page de téléchargement donc je n’ai pas fait attention

  19. @Dom, oui j’ai une forte augmentation de trafic depuis quelques jours et mon serveur (pourtant un dédié puissant) ne semble pas tenir la charge, ça me gonfle

  20. @Brad, oui je vais régler ce problème de barre de scroll, il n’est pas gênant mais c’est mieux sans 🙂

  21. Bonjour Eric,

    C’est très réussi, frais comme un zeste de lemon.
    Y’a peut-être quelques calages à revoir quand on a un wide screen mais sino, c’est chouette.
    Cédric

  22. J’adoooooore !

    Dommage qu’il n’y ait pas une intégration de Gravatar dans les commentaires (paf, ayé, j’ai fait ma critique).

  23. Beau changement. Il faudra s’habituer, car quand on rentre dans une nouvelle maison, il y a toujours des petits détails qui nous gênent.

  24. C’est léger, le graphiste n’a pas usé des effets web2.0 à gerber, bravo pour cette nouvelle peau.

  25. très très sympa, beaucoup plus agréable que l’ancien design ! Good job !

    (reste plus qu’à installer un honey pot à la place du captcha 😉 )

  26. Très chouette !!
    Par contre en 1024 on a un ascenceur horizontal inutile et disgracieux…

  27. Très sympa ce relooking.
    Si elle a changé de côté, on reconnait bien la sidebar très large du Presse-Citron, on n’est pas perdu. Et la 2eme sidebar est la bienvenue.
    Et puis reste sur Dotclear c’est bien 😉

  28. toto-l-haricot on

    Bravo, c’est très réussi.
    Comme il l’a été déjà dit plusieurs fois, la barre jaune qui part à gauche et revient à droite (ou l’inverse) est de trop, ainsi que les pointillés. Mais ça reste mon avis.
    Sinon pour tout le reste c’est top, frais, un très bon design quoi 😉

  29. J’aime beaucoup le design qui fait beaucoup plus professionnel. Même si le contenu est le plus important, il n’était pas assez mis en valeur dans l’ancienne version.

    Félicitations et bonne continuation!

    PS: Une petite remarque concernant le corps des messages, je trouve que le texte n’est pas assez aéré.

  30. Félicitation c’est abouti graphiquement 😉

    Par contre, c’est dommage que le template ne s’adapte pas aux différentes résolutions. Par exemple, j’utilise un écran "large" en standard 1440×900 et tout le contenu (les 3 colonnes) sont très serrées -> on régresse vraiment en lisibilité.

    Voili voilou sinon bravo !

  31. Bravo ! Très sympa et plus clair, j’adore les couleurs.

    Par contre je trouve la partie avec ta "BIO" trop flash, enfin ce n’est que mon avis.

  32. Ahooooo c’est très joli 🙂
    Bravo à toi Eric et surtout bravo au graphiste !
    Une très bonne réorganisation du contenu à mon humble avis !

    Longue vie 😉

  33. dotclear, wordpress, peu importe le moteur pourvu que l’on ait l’ivresse !

    beau design, même s’il manque un peu de "piquant", un comble pour un citron. Notamment le mot "citron" dans le header, vraiment palichon.

    mais là, je pinaille… 😉

    Les autres problèmes (d’affichage en 1024) se résoudront bien vite, j’en suis sûr 🙂

  34. Vraiment très sobre et très classe.
    Bravo au designer et à toi Eric pour le contenu toujours aussi intéressant (même si je ne me manifeste jamais, je suis un fidèle lecteur ;))

  35. Franchement j’adhère ! Vraiment mieux que l’ancienne, c’est frais ! en même temps chaleureux, comme je l’ai déjà dis ça me fait penser aux réalisations de motion twin.

  36. J’ai pas lu vos commentaires, mais moi y’a juste les pointillés à droites qui ont tendances à attirer mon oeil car j’ai à chaque fois l’impression qu’ils bougent !

    Mais sinon, c’est très très beau et frais, très bon design Eric ! T’as bien choisi ton graphiste.

  37. Bravo Eric,

    Vraiment très frais et sympa.
    La navigation depuis un iphone !!! est super agréable….

    Keep on track.

  38. Bravo ! Refresh très réussi et efficace.
    Longue vie à Presse-Citron V3 !

    En passant Eric, je te souhaite de bonnes fêtes et que 2008 soit autant citronnée !

  39. Salut Eric,

    Comme la majorite j’adhere a fond avec ce nouveau design mais comme certains j’avais ce message toute la matine : MySQL Error : 1040 – #08004Too many connections

    Me suis dit tiens victime de son succes…

    Vraiment tres bien les categories sur la troisieme colonne.

    Juste je me demande pourquoi tu n’as pas mis les tetieres des tags, pub etc dans un beau vert. Ah et aussi pourquoi ne pas changer la couleur de la fonte. Un beau gris marron clair ca pourrait le faire.

    Bon j’arrete c super beau.

    Bonne continuation !

    Ah tiens ce textarea pourrait etre plus large… 😉

  40. tres joli ce nouveau design, meme si comme d’autres, la barre jaune me gêne un peu.
    En tout cas, ca ne fait jamais de mal un peu de renouvellement. juste avant 2008 pour bien lancer l’année 😉

  41. Superbe !
    Vraiment j’adore ce nouveau lemon inside…
    Même remarque pour Dotclear 2, ce serait bien que tu y passes prochainement, mais pour le moment, ton site est vraiment très agréable à l’oeil et à la navigation.

  42. C’est pas mal du tout, par contre, tu aurais peut être pu passer au lifting la partie commentaire parce que là, ça fait un peu défaut 🙂

  43. Bonjour à tous,

    C’est vrai que le design est plutôt sympa.

    Quelques remarques cependant (si je puis me permettre) :
    – l’emplacement du moteur de recherche est inhabituel, ce qui est extrêmement déroutant. Pourquoi avoir choisi un tel emplacement?
    – elle est où la validation WC? 😉

    Bonne continuation.

  44. C’est très rare quand on apprécie un blog/un site, qu’on aime le changement de design et du zoning de ce dernier.
    Et bah, pour le tiens, je le trouvea beaucoup mieux, beaucoup plus joli à première vue !
    Bravo.

  45. Impeccable ! C’est beaucoup mieux qu’avant. Non pas que c’était nul mais juste un peu fade.
    Je préfère ce vert au bleu un peu trop institutionnel…

  46. Une Majuscule à Contact; Archives; comme pour Forum et Antiblog, et c’est parfais…
    Et Sympa le petit clin d’oeil au SpotLight de Mac avec la loupe… ^^

    En réponse au commentaire qui disent que la barre est coupée… :
    justement c’est sûrement pour casser le mythe du Header banale avec une bannière simple.. C’est plutôt Intéressant.

  47. Rien à redire sur le graph, je rejoins les autres commentaires.

    Mais qu’est-ce qu’il est dommage de voir ce travail gâché par une intégration aussi poussive et baclée surtout quand on travaille sur dotclear.

    Déçu : (

  48. Trop fashion, biuzen même !
    Au début j’ai cru que je m’étais trompé de site !

    C’est Valérie P. qui te met dans cet état ?

  49. Bonjour,

    Beau relooking, sympa, tonique…

    Je rejoins ceux qui trouvent que ça n’est pas assez aéré (lâche un peu de paddiing !). De même, autant les nuances de vert me plaisent, autant le jaune pâlichon de la barre me semble fade et pas très "citronné". Enfin, j’aurais mis juste un peu de couleur dans la première colonne (un très léger fond), de manière à la différencier du contenu principal.

    Je suis loin d’être un bon graphiste, il faut donc prendre ce que je dis avec (beaucoup) de recul !

    En passant, c’est la première fois que j’ose m’exprimer sur ce site, bien que je le lise tous les jours : félicitations, tant pour le contenu que pour l’ambiance.

    Longue vie !

  50. la bannière est bloquée par l’anti-bannière de kaspersky
    à part ça je trouve ça sympa

  51. Hello,

    Alos je vais essayer d’etre franc et constructif:

    – Globalement la palette des verts est interessante, l’intention initiale qui etait de donner de la couleur au site etait bonne, par contre la réalisation laisse un peu à désirer…

    – je deteste la couleur generale de fond (FFF6E0) soit il y a trop de rouge dedans soit pas assez
    – Je n’accroche pas du tout avec le header que je trouve graphiquement "gentillet", les illustrations sont assez impersonnelles (c’est du stock image ?). Ce header est insipide et sans saveur, comme on dit ça sent trop le savon !

    – la colonne de gauche fait un peu inachevée mais peut etre est elle encore en chantier

    -Le décroché header / page a quelque chose d’etrange.

    – Les posts ont besoin de plus de marges à gauche et à droite, ils etouffent !

    En colonne 2 le bleu fait un peu héritage de la vs précedente, un jeu de verts aurait été plus "raccord"

    Rendez nous le Presse citron vs 2 !

    Voila ce n’est qu’un avis parmi tant d’autres, en esperant ne pas avoir été trop dur,mais quand quelqu’un a du persil entre les dents je lui dit toujours 😉

    Pour les prochaines visites ministerielles fais simple : costard noir, chemise blanche 😀

  52. J’aime bien, très sympa le nouveau design. Pour la critique positive je dirais juste :
    le jaune me fais penser au infos-bulle de windows et la page est un peu longue avec les commentaires, non ? Un petit menu pour naviguer dans la page serait le bien venu (haut de page, bas de page, commentaire, contenu …). Mais je reviendrais demain, même si tu prends pas en compte mes remarques Eric … 😉

  53. bien ce nouveau design… Mais, suis-je le seul dans ce cas, j’ai l’impression qu’une image ne s’affiche dans dans la bannière du haut ?!

  54. Bonjour Eric,
    Tu peux également modifier le logo XiTi.
    En effet, dans ton interface XiTi > Configuration > Marqueurs XiTi, tu peux choisir un logo un peu plus "web 2.0" avec un large choix de couleurs.

  55. okellorreur !!!

    c’est un travail de graphiste professionnel ça ?

    décidemment le métier se dévalorise de plus en plus…

    Quel dommage !

  56. > pickupjojo

    non mon site est en construction depuis 2003 et il ressemble à rien. (pour une agence de design, je dois être le seul au monde à n’avoir jamais eu un vrai site : je sais en faire pour les autres, mais pas capable d’en faire un pour moi)

    … et le noir est très écolo en ces temps qui courent, le noir sera la tendance des prochaines saisons, ma main à couper si je me trompe.

  57. Sympa le changement !

    Moi j’ai tendance à dire que peu importe les couleurs, peu importe la plate forme, du moment que le contenu est pertinent, c’est cool ! Et le risque de changer de plate-forme en vaut-il la peine vu le référencement qui sourit au presse-citron depuis un bon moment !

  58. La simplicité et un super bandeau, j’adore.
    Franchement j’aime beaucoup et pourtant je ne suis pas fan des "3 colonnes" mais là …

    Félicitations

  59. @Alias : La majorité des écrans sont LCD actuellement, et un pixel noir n’est certainement pas un pixel éteint… Alors l’écologie là-dedans…

  60. salut eric,
    cool la nouvelle charte, c’est beau et frais. bonne idée la répétition des menus en bas ça peut etre utile.
    ce qui me derange un peu c’est qu’on est obligé de passer par dessus les pubs pour aller dans le menu.
    felicitations au graphiste

  61. Cette nouvelle version est vraiment très chouette. Bravo au graphiste… et pas seulement au graphiste… Les 3 colonnes, les couleurs, la façon dont c’est disposer donne vraiment encore plus envie que la version précédente. Bravo.

  62. @Monsieur Alex, tes remarques sont très pertinentes, je n’ai pas le temps de répondre à tout le monde :-/
    Je tiens compte des commentaires et Nous sommes en train de travailler sur les derniers ajustements (code à améliorer, derniers détails graphiques), comme je l’indiquais dans mon billet ce n’est pas la version définitive, elle va évoluer dans les prochains jours, et nous tenons comptes de vos remarques.

  63. héhé un site c’est sans fin, on comprends mieux les clients quand ils pleurnichent "encore une petite modif par ci, encore une bidouille par là".

    Si tu as du mal à te fixer sur un header peut etre justement faut prévoir un header switchable : que tu peux changer à loisir, selon le temps, des rencontres, que sais je, ou bien selon un aléatoire ou encore en donnant carte blanche à tel ou tel artiste (comme ça tu fais bosser les autres et ils ont leur quart d’heure médiatique 😉 ).
    Le Header du mois façon La fraise 😉
    Dans ce cas tu dois renforcer ton identification "Presse Citron" et te payer un logo (même simple) qui soit lisible sur tout header.
    Perso je verrai plus une photo (une trame, un détail, une composition cadrée très serré, …) qu’une illustration. Mais bon les gouts et les couleurs…
    D’ailleurs c’est toi même qui m’a soufflé l’idée en regardant ton cadrage http://www.presse-citron.net/sha...

    A bientôt

  64. J’arrive un peu après la bataille, mais je voulais à te féliciter (ainsi que le graphiste) pour ce nouveau presse-citron bien sympathique. 🙂

  65. ben moi aussi j’arrive après la bataille ^^ Mais tout comme mrboo, je tenais à vous féliciter toi et le graphiste pour cette version 3. Elle est tout bonnement sublime !

  66. J’aime bien ce nouveau design… après plusieurs passages, je ne peux que confirmer que c’est mieux qu’avant 🙂

  67. J’aimais bien l’ancien… Mais il est très agréable celui-ci, on peut cliquer partout ! Par contre, qu’est-ce qu’il y a dans le verre du bandeau graphique ? Du lait ? Du Danao ? Pire, du Danacol liquide ? Un cocktail à base d’anis ? Mystère… Lol ! Bravo ! comprendre

  68. C’est en cours en ce moment même, le template corrigé et completement débuggé sera en place la semaine prochaine.

  69. Pas terrible, je bloque vraiment sur la banniere du haut, dont le graphisme fait vraiment très très amateur, le mouvement du citron qui tape dans un verre au milieu de fraiche verdure… que c’est tarte ! Mais il y a eu une demarche de refonte et puis ca reste un site perso (la ca fait très perso).
    @Monsieur Alex: Merci pour ton commentaire, toujours aussi fin, ça fait du bien de temps en temps un avis eclairé.
    C’est marrant mais Eric je ne te voyais pas du tout porter des cravattes droopy 🙁
    Tu finiras bien par tomber sur quelqu’un du métier qui te dira la vérité.
    Bonne année 2008

  70. "C’est marrant mais Eric je ne te voyais pas du tout porter des cravattes droopy"
    "Tu finiras bien par tomber sur quelqu’un du métier qui te dira la vérité"
    Tu peux expliquer Sandra ? Je ne comprends aucune de ces deux phrases.

  71. Pingback: Georgia on my mind | Presse-Citron

  72. Pingback: 5 points à observer pour la refonte d'un blog | Presse-Citron