« Presque nouveau » design !

Je me suis enfin décidé à retoucher pour de vrai le design de ce blog. J’en avais déjà parlé plusieurs fois, vous demandant même votre avis et, au final, j’avais reculé devant la tâche, n’ayant pas forcément l’inspiration ni le temps.

L’idée était de changer sans trop changer, de simplifier sans dépouiller, de valoriser sans accrocher l’oeil… En fait, c’était le genre de brief que les agences n’aiment pas car on ne sait pas ce que l’on cherche donc on ne le trouve généralement pas.

Et hier, l’envie est revenue avec une vision un peu plus claire. Je me suis empressé de contacter François pour que quelqu’un, chez APICube, mette ça en musique rapidement, tant que c’était chaud. En deux heures de call pour que les modifications et mon avis fusent, le tout était plié. Finalement, ce n’est qu’à coup de petites retouches que cela pouvait fonctionner.

Au final, le vert à disparu et le nombre de couleurs a été réduit à 3 ou 4. Le header a changé et le footer a disparu. Les polices utilisées ont aussi évolué, en nature comme en empattement ou en couleur. Enfin, les derniers trucs qui ne servaient pas à grand chose ont disparu pour que seul le strict essentiel subsiste.

Je ne cherche évidemment pas à faire l’unanimité – ce qui doit être impossible d’ailleurs. J’imagine que certains seront déçus car le changement n’est pas populaire. J’espère que d’autres accueilleront ce « presque nouveau » design avec bienveillance. Quoi qu’il en soit, les commentaires vous sont ouverts donc n’hésitez pas à me dire. Si des éléments vous semblent manquer ou être inutiles, n’hésitez pas non plus – sachant que je souhaite garder le tout le plus simple possible !

PS : Merci à l’équipe d’APICube pour le coup de main !

37 commentaires pour “« Presque nouveau » design !”

  1. 1 lotre dit :

    :)

  2. 2 MKais dit :

    clean. j’aime bien
    le compteur de followers est un peu tronqué

  3. 3 Pierre-Olivier dit :

    @Lotre Ce que tu es taquin…

    @Mkais Merci. Pour le compteur, en fait, c’est bien un bug mais je trouvais ça finalement plus joli donc on n’a pas bataillé pour le corriger.

  4. 4 Sanji dit :

    Et bien dans ces cas-là, il faut un râleur : Je !
    On va nuancer, je n’ai pas le design exact de l’ancienne version en tête. Mais le bandeau me plait moins. Peut-être parce que j’aimais beaucoup l’ancien…
    Sinon, le reste, ça ne me choque pas.

  5. 5 Pierre-Olivier dit :

    @Sanji Je savais que je pouvais compter sur toi…

  6. 6 Beru dit :

    J’aime beaucoup cette simplicité, je rejoins sanji pour le bandeau mais c’est juste le temps de s’y habituer ;) (oups un smiley ^^)

  7. 7 Joel dit :

    J’aime bien le coté simplification très  » Feng Shui » au niveau des énergies….
    Par contre je pense que la photo de ton header méritait de garder sa couleur ou autrement dit, tu devrais peut être réfléchir à une autre photo en N&B… enfin c’est juste mon avis…

  8. 8 Simounet dit :

    Il manque peut être un poil de couleur mais c’est simple et classe, j’adhère.

  9. 9 Pierre dit :

    Plus de couleurs, plus de footer, tout se perd. ;-)

    Il est sympa ce nouveau design même si je trouve qu’il manque de couleur pour le coup.

    Mais s’il te convient alors c’est le principal !

    Pierre

  10. 10 Phil K dit :

    On rencontre cette expression si souvent qu’elle parait presque toujours galvaudée: « simple is beautiful ».
    Et là … ça le fait.
    Toutes les photos ne se prêtent pas au noir et blanc. Pour celle-ci, ça laisse une part à l’imagination qui est pour moi un réel plus.

  11. 11 Pierre-Olivier dit :

    Merci de vos encouragements !
    Manifestement, à part Phil K, vous êtes nombreux à regretter la photo en couleur dans le header et le manque de couleurs en général… mais le reste passe à peu près.

    @Joel Cette photo est très attachée à ce blog. Je vais d’abord essayer de la garder, quitte à la repasser en couleur. Si je n’y arrive pas, on devra la sacrifier effectivement.

  12. 12 Geoffroy dit :

    Peut-être ne faire ressortir que le vert de la photo, histoire d’amener un peu de couleur tout en gardant le côté sobre.

  13. 13 PoSKi dit :

    J’aime beaucoup le côté « sobre », par contre je préférais aussi la photo en couleur dans le header !

  14. 14 Xavier dit :

    Même avis sur le header, dommage qu’il soit N&B. D’autant que ta baseline est en bleu… Pourquoi ne pas garder tes couleurs dans le header et rappeler le vert avec la baseline justement !

    Sinon le ‘jaune délavé’ qui est en fond d’un commentaire sur deux est vraiment pas génial…

  15. 15 Pem dit :

    Tu as changé quelque chose ? Vraiment… ;-P

  16. 16 Caro dit :

    Plus épuré, ça va à l’essentiel. Moi j’adore le nouveau header !
    Ce qui me manque en revanche, c’est un élément visuel qui permette de mieux identifier les rubriques sur la colonne de gauche. Une suggestion : pourquoi ne pas reprendre la couleur bleue de ton sous-titre pour créer des titres de rubriques du type « A propos de »  » Mon fil Instagram » « Archives ». Je pense que cela apporterait davantage de structure…

  17. 17 JM dit :

    Pourquoi tout ce gris ? En fait si ça te plait, go for it, c’est ton blog ;-)

  18. 18 Pierre-Olivier dit :

    Merci à tous pour vos feedbacks. Je ne vais pas pouvoir tout faire – car on obtiendrait un arbre de Noël – mais je vais discuter avec l’équipe d’APICube pour faire des essais et voir ce qui rend bien ou pas.

    Merci encore, c’est très sympa !

  19. 19 Pierre-Olivier dit :

    Bon, je viens déjà de ramener un peu de couleur avec mes petits doigts… Ce n’est pas flagrant mais c’est déjà plus vivant.

  20. 20 Desirade dit :

    c’est beau et sobre comme posterous ;-)

  21. 21 Le Plus dit :

    Le plus beau, c’est quand c’est le plus épuré.
    C’est parfait comme ça, on peut se concentrer sur le texte, ce qui est le plus important.

  22. 22 Pierre-Olivier dit :

    @Desirade La comparaison est sans doute un peu exagérée mais elle fait très plaisir !

  23. 23 Pierre-Olivier dit :

    @LePlus aka Angélique : Tu es sure que tu as réussi à placer assez de « Le Plus » en 3 lignes ? Non, parce que je ne voudrais pas que cela nuise à ton référencement. Allez, je te laisse ce backlink pour saluer ce bel effort…

  24. 24 jcfrog dit :

    like it!
    effectivement ton immense popularité nécessite d’élargir un peu l’iframe de ton compteur twitter, un width de 210px sera parfait :) #barbumoment

  25. 25 Alex dit :

    Je trouve aussi que juste le vert dans le header serait un plus :)
    Sinon c’est sobre et efficace mais ce que j’aime le plus dans ton blog c’est son contenu ;) (mer** un smiley :p )

    Alex

  26. 26 Pierre-Olivier dit :

    Bon, suite à vos nombreuses remarques, je fais – et demandé – quelques retouches.

    J’ai remis un peu de couleur dans les commentaires, enlevé tout un tas de cadres, couleurs de fond et autres trucs qui trainaient (Merci @Xavier). J’ai retouché la sidebar pour l’épurer encore un peu. J’ai au passage supprimé le lien vers mon compte Google+ pour des raisons que je vais expliquer dans une note à venir. Le compteur Twitter est arrangé (merci @mkais et @jcfrog).

    @Caro Je n’ai pas rajouté les titres car je ne veux vraiment rien qui ne soit pas strictement indispensable. Ceux qui ne comprendront pas que ces 9 vignettes sont des photos sont des cas désespérés qui ne devraient pas y arriver mieux si je marque Photos au-dessus, je pense.

    J’ai retouché les couleurs pour essayer de gagner en lisibilité.

    Il ne reste plus qu’une modification majeure qui sera effective dans la journée ou demain : La photo du Header va repasser en couleur, à la demande quasi-générale.

    N’hésitez pas à me dire si vous voyez encore autre chose !

  27. 27 Toulousain dit :

    On gagne en lisibilité, le design est plus proche de ce qui se fait aujourd’hui… que du positif ! On a l’impression que c’est une sorte de nettoyage de printemps.

  28. 28 Sylvain dit :

    Salut PO,

    Bein au delà du fait que je n’aime pas trop (ok, les goût et les couleurs …) j’ai vraiment du mal à te lire, la couleur de police n’est pas assez contrastée (claire) avec le fond je la vois à peine, donc côté accessibilité, sur mon écran du moins et à 12h09, c’est pas bon.

    A+

  29. 29 Pierre-Olivier dit :

    @Sylvain Je pense que tu as un soucis de cache. La lisibilité ne pose pas vraiment de soucis.
    Tu devrais creuser cette piste.
    Merci pour le feedback quoi qu’il en soit !

  30. 30 mrboo dit :

    Le bandeau de couleur est de retour

  31. 31 Pierre-Olivier dit :

    @Mrboo Merci camarade !

  32. 32 Sylvain dit :

    Un petit Ctrl + R et ça va mieux en effet !

    Comme ça j’aime bien! ;-)

  33. 33 Pierre-Olivier dit :

    C’est sûr que si tu gardes le background avec le gris très sombre et un texte en #444, ça ne va pas bien le faire !

    Là, le Header est revenu en couleur (merci @mrboo) et nous sommes à peu près au design définitif.
    Vous voyez autre chose qui déconne ou pourrait évoluer ?

  34. 34 labilbe dit :

    Globalement j’aime bien.
    La séparation des lettres dans « Autres notes qui peuvent vous intéresser » fait que le T et le E sont collés. C’est voulu ?

  35. 35 Pierre-Olivier dit :

    @Labilbe non, et je ne l’ai d’ailleurs pas ?!?

  36. 36 Joel dit :

    Touche plus à rien !!!!!!!!!!!!!!!!!!!!!!

  37. 37 SL dit :

    Bonjour,

    Sobre et efficace.
    En revanche, je trouve que la date sur les articles ne serait pas superflue.

Laisser un commentaire