Nouveau design pour Carpe Webem !

Ca faisait un petit moment que ça me trottait dans la tête… voici le nouveau design de Carpe Webem, et une des raisons pour l’activité plus faible de ces derniers jours, je cogitais !

Je trouve que cette nouvelle version est plus adaptée à ma presque-ligne éditoriale, et la bannière illustre bien le mélange de confort et de vie urbaine que j’adore. Côté mise en page, je reste en trois colonnes, mais j’ai adopté la disposition des deux colonnes annexes sur la gauche, qui met mieux en avant les billets.

Qu’en dites-vous ?

Cet article vous a plu et/ou vous fait réagir ? Partagez-le, laissez un commentaire ou abonnez-vous au flux RSS pour ne rien manquer des prochains !

Commentaires Facebook

15 commentaires

  1. 14 août 2007
    Répondre

    Super la bannière
    Perso je trouve que pour la lisibilité tu devrais mettre une colonne à droite et une à gauche
    mais ce n’est qu’un détail ! bien évidemment

  2. 14 août 2007
    Répondre

    Très réussie la bannière avec le titre incrusté dans le canapé !
    Très joli bleu également, qui donne un côté plus soft, plus calme que l’ancien jaune orangé.
    En bref, une nouvelle présentation qui colle bien à l’esprit du blog.

    Au niveau des remarques (attention c’est le web-developpeur qui parle) :
    Comme Lou, je pense que les colonnes de droite font un peu "chargé" avec toutes ces listes.
    Le menu supérieur n’a que peu d’interet actuellement. Peut être que si tu regroupais quelques catégories, tu pourrais les faire tenir là haut et de ce fait gagner de l’espace sur le côté :)
    Le bouton contact je le verrais plus vers ta photo. Et revenir à l’accueil, c’est le boulot de la bannière :D
    Il y a également un petit bug d’affichage sous IE6 avec la colonne principale qui passe sous la colonne du milieu (un grand classique ;) )
    Pour le reste, je pense que c’est une jolie évolution !

  3. 15 août 2007
    Répondre

    Arf. Trop de catégories ;) J’avais espoir qu’en agrégeant ça tiendrait sur une ligne !
    Autre chose, le lien vers mon site, je le verrai bien en beaucoup plus gros en rouge clignotant. Et un peu plus au milieu de la page. Ou alors il pourrait suivre la souris. Oui, ça c’est une bonne idée :D

  4. 15 août 2007
    Répondre

    @Pouicky
    Merci pour tes compliments et conseils !
    T’as vu, j’ai agrégé comme un chef, j’ai viré 5 catégories… Bon, sinon, à grands coups de machette dans les margin et padding, j’ai réussi à faire passer le résultat de IE6 de catastrophique à juste moche, donc ça suffira pour ce navigateur ;-)
    J’ai construit un lien en DHTML pour la bannière, en fait vu que c’est un background j’avais pas cherché à faire un lien…

    @Lou : Merci beaucoup ! Je vais essayer d’aérer un peu les deux colonnes de gauche…

  5. 15 août 2007
    Répondre

    Moi je l’aimais bien la fleur… je la trouvais hyper classe, snif snif…
    Sinon, oui, c’est joli, mais cd joli bleu me semble un peu froid, et en effet les colonnes côte à côte n’appellent pas la lecture… et puis le fond est très très blanc…

    Je dis, mais c’est toi qui a demandé, ;)

  6. 15 août 2007
    Répondre

    whaou!!! j’adore, chic, simple, sobre, urbain, doux j’adoooreee!!!!
    c’est parfait

  7. 15 août 2007
    Répondre

    Et dire que maintenant tu vas devoir refaire toutes tes cartes de visite Moo :)

  8. 15 août 2007
    Répondre

    @Edena : Aarg, désolé miss :/ Merci de m’avoir donné ton sentiment sur cette nouvelle version ! C’est vrai que moi aussi au départ je suis plus couleurs chaudes, mais l’ancien design posait quelques problèmes… normalement avec les deux petites colonnes ramenées à gauche, ça permet d’éviter qu’arrivé à la fin d’une ligne de billet, l’oeil tombe sur autre chose. Mais je songe peut-être à changer la couleur du fond de la deuxième colonne, à voir…

    @maliah : merci beaucoup, c’est trop de compliments d’un coup :-)

    @Pouicky : bwaaaa, pas forcément ;-) Mais en effet il faudrait que je regarde comment ça rend en format Moo, cette nouvelle bannière…

  9. Johnsteed
    15 août 2007
    Répondre

    Bon, à moi.
    Je ne sais plus pourquoi je n’en avais pas parlé alors que je le remarquais à chaque fois mais en effet la bannière du haut devrait être reliée à la racine du site. Et du coup le lien "acceuil", si présent sur les sites de précédentes générations n’a plus lieu d’être. C’est toujours ça d’économisé.

    Au niveau des couleurs, le "m" de Carpe Webem n’est pas très visible et il faudrait peut être essayer d’obtenir un rendu plus net (il me semble qu’hier il était mieux, et j’avais trouvé ça très bien. L’as tu changé entre temps ?)

    Ensuite pourquoi ne pas essayer de diminuer un poil de contraste entre écriture et fond ? Pour les rubriques sur fond bleu foncé, un bleu clair, tout en gardant le bleu vert actuel de "carpewebem" pour les survol actifs.

    Pour la zone principale, actuellement en noir sur blanc, pourquoi pas un gris bleu foncé sur un ton clair mais moins blanc brut ? C’est juste un exemple, car voilà qui permettrait peut être d’obtenir un résultat froid sobre mais en un peu plus doux. L’actuel rendu ma parait très "dur" et je me demande si c’est bien ce que tu recherches. Si c’est "oui", alors c’est bon :-)

    Sinon sur l’architecture générale, les deux colonnes de gauche me donnent une impression de laisser peu d’espace au contenu principal. Et même si question surface, ça ne change rien avec le design précédent. Je n’ai hélas pas de solution miracle pour ça.

    Juste un idée: Pourquoi ne pas essayer de caser le calendrier et "rechercher" dans une épaisseur horizontale, sous les rubriques par exemple, afin de permettre aux éléments restants de rentrer sur une seule colonne ? donc le site sur 2) Peut être que c’est pas génial, c’est juste une idée que m’a traversé l’esprit.

    A part ça je trouve l’image du haut vraiment bien choisie, avec le n&b et bleu qui met en valeur le ton du design du site. Ca meriterait presque une image plus large que la colonne centrale pour un panoramique.

    Ah sinon le commentaire qui se prévisualise en temps réel, j’avais déjà vu ça une fois et j’adore. Génial.

  10. 15 août 2007
    Répondre

    @Johnsteed
    Merci pour tes remarques ! En effet, le « m » de Carpe Webem se voyait assez mal, j’ai augmenté la saturation de mon calque de texte, c’est normalement plus lisible à présent.
    Pour ce qui est de la dureté du contraste texte/fond, je sui assez d’accord avec toi, et j’ai même voulu changer le fond pour mettre trois nuances de bleu très pâle sous chaque colonne. Problème : IE étant une infamie, impossible de savoir où placer la limite des couleurs… Du coup je viens d’adopet un bleu pale uni, et c’est vrai que ça choque moins !

  11. LE LAPIN FOU
    16 août 2007
    Répondre

    bon je fais quoi de ta carte de visite version carpewebem 1.0 Moi maintenant….

    Plus que 9 Jours…

  12. Edena
    16 août 2007
    Répondre


    Et une photo soit plus sympa, soit plus loufoque, soit pas du tout? :-))))
    Et la petite fleur dans un coin? (voire même en bleu…)
    Et sinon c’est possible de changer l’affichage des "commentaires récents", histoire que ça fasse pas des km et que chaque annonce dure juste une ligne? (genre: "Edena dans ‘vivons-nous’")… je dis ça parce que cette colonne fait un peu peur, lol!

  13. 17 août 2007
    Répondre

    @Edena : je vois que la fleur te manque ;-) C’est vrai que c’était une belle image. Si j’avais plus de talents de graphiste, je tenterais de l’intégrer dans l’image en noir et blanc… pour l’heure, j’ai diminué la taille des affichages des derniers commentaires.

  14. 18 août 2007
    Répondre

    Ah, ben, ça prouve que je n’ai pas pensé à venir te saluer depuis ce changement, je viens de le découvrir aujourd’hui.
    Bah, c’est pas mal, pas mal !
    Ton visage à gribouille est moins en vue que dans la première version où il attirait vraiment le regard.
    J’aime beaucoup l’image en haut, et la façon de présenter les catégories.

  15. 19 août 2007
    Répondre

    @InFolio : Merci ! C’est vrai, j’ai réduit un peu la taille de ma photo, j’ai même failli l’enlever… Ca n’est pas vraiment utile, mais ça permet de mettre un visage sur des textes ;-)

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *