Habillage Web : le Potlatch se fait belle

Après plus d’un an de pérégrinations dans la même peau blafarde, le Potlatch se sentait un peu nu. Une injection de Botox Photoshop, une cure amincissante pour raffermir pour le logo, quelques mètres de tissus bigarrés, un bon coup de ciseaux CSS, et hop ! Une robe du soir toute neuve ! C’est quand même plus classe, un blog habillé.

MAJ 28 juin 2008 : le design a évolué depuis cet article. J’ai rajouté une colonne et affiné le graphisme.

Après plus d’un an de pérégrinations dans la même peau blafarde, le Potlatch se sentait un peu nu. Une injection de Botox Photoshop, une cure amincissante pour raffermir pour le logo, quelques mètres de tissus bigarrés, un bon coup de ciseaux CSS, et hop ! Une robe du soir toute neuve ! C’est quand même plus classe, un blog habillé.

Avant :

Ecran - avant la refonte

Après :

Ecran - après la refonte

Alors bien sûr, c’est peut-être un peu futile. En termes d’ergonomie pure, cela pourrait focaliser l’attention du visiteur sur l’esthétique au détriment du contenu réel. Mais je fais confiance à mon lecteur pour ne pas se laisser distraire. De plus, l’usage de la barre de navigation horizontale libère un espace non négligable, et permet de mettre en valeur de manière plus visible la catégorie en cours.

Le logo

Le logo, enfin, a gagné en élégance notamment grâce à une fonte beaucoup plus légère, et qui reste suffisamment décalée (il s’agit de la fonte Chúcara de Juan Pablo De Gregorio).

<img src=
Bookmark and Share
Outil de référencement professionnel - essai gratuit Cette entrée a été publiée dans Webdesign, avec comme mot(s)-clef(s) , , , . Vous pouvez la mettre en favoris avec ce permalien.

2 réponses à Habillage Web : le Potlatch se fait belle

  1. lars dit :

    intéressant comme design mais trop de pub inutiles à mon goût :p

  2. Nico dit :

    c’est vrai ça consumériste, capitaliste !!!
    … ben elle est passée où la pub ?

Laisser un commentaire

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

Vous pouvez utiliser ces balises et attributs HTML : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>