Gilles Vauvarin
DA / Webdesigner
Freelance
+33 (0)6 19 89 10 32
BLOG
Voici la quatrième version en un an d’existence du blog pixenjoy. Comme vous le remarquez, côté design, ça sent les essences de bois. En ce qui concerne la machinerie, je reste fidèle au moteur de blog Wordpress pour sa souplesse et le dynamisme de sa communauté.
Design
Pour le design, je voulais rester dans quelque chose de simple, propre et lisible. J’ai donc porté mon attention sur l’alignement (utilisation d’une grille de mise en page), l’utilisation des espaces, la hiérarchisation de l’information et l’utilisation de l’emphase.
Je ne suis pas un fan des « sidebars » surchargées et des bandeaux de publicités, je continue donc à ne pas monétiser mon blog. Pour soulager la sidebar, j’ai utilisé l’excellente librairie javascript JQuery pour limiter l’espace occupé par les archives, les tags, les liens qui apparaissent/disparaissent selon le choix de l’utilisateur.
J’aime la nature, j’ai donc choisis des background boisés qui changent sur chaque rubrique et des couleurs chaudes pour les titres et les liens. Le choix des fonds sombres a été fait pour mettre en valeur les copies d’écrans du portfolio.
Je voulais quelque chose de graphique, chaleureux et professionnel pour refléter mon activité et proposer aux utilisateurs une expérience agréable. Reste à voir si c’est ce qui s’en dégage vraiment ?
Le thème Wordpress
Il y a quelque temps, je vous ai annoncé la création d’un thème Wordpress. Cette version 4.0 de pixenjoy en est directement issu avec quelques petites customisations mineures.
Ce thème que j’ai appelé « Enjoy » vous sera bientôt proposé en libre téléchargement sous licence Créative Commons (un peu de patience encore). Vous pouvez en voir un aperçu à travers ce site bien sure mais également dans la partie portfolio ou j’ai mis en ligne tous les designs d’exemple que j’ai réalisé pour ce thème.
Informations mise en ligne
Dans les rubriques « a propos » et « contact » j’ai anticipé sur mon statut en me présentant comme graphiste freelance. Je précise juste que je ne suis pas encore officiellement freelance mais que ce projet se concrétise et qu’il est fort possible que je commence les démarches courant octobre 2008.
15 commentaires
S'abonner aux commentaires via RSS
(URL de trackback)
le 28.05.08 (16:46)
Mouais, le bois c’est décidément à la mode. Mais trop c’est trop !
De plus, la lisibilité est pas terrible. On s’abime les yeux à lire…
le 28.05.08 (16:50)
Bonjour !
Juste pour demander :
pourquoi le background est coupé au niveau de l’image de post ? Je suppose que c’était une obligation du fait de l’ancien style. Dans ce cas pourquoi l’image de fond du haut n’est pas le même que celui du bas ?
le 28.05.08 (17:24)
Très joli cette v4 !
Le fond bois est effectivement critiquable mais je ne trouve pas qu’il gène la lisibilité.
J’adore par contre les différents backgrounds en fonction des rubriques ! Tu pourras d’ailleurs un jour faire évoluer le background du blog, sans rien toucher d’autre.
Et au passage les templates wordpress de la rubrique portfolio sont très réussis.
le 28.05.08 (17:40)
Exact, ce n’est pas très lisible mais bon au moins ça change
le 28.05.08 (17:45)
@ eMeRiKa,
Merci pour ta franchise. Ce que tu dis n’est surement pas faux, m’étant moi même posé la question. Je vais essayer de diminuer cette prédominance de bois.
Pour la lisibilité, j’aimerais avoir d’autres témoignages car sur mon écran, je n’ai pas cette impression.
@iMicrobe
Je n’observe pas sur mon environnement les mêmes choses que toi. Peux tu me donner ta configuration (système d’exploitation + navigateur version). Merci
@Jérémy
Merci pour ton commentaire. Oui avec les feuilles de style on peut jouer facilement avec les background et c’est bien pratique.
le 28.05.08 (18:38)
Hello Gilles,
Wow ! J’adhère, j’aime beaucoup, je suis fan. Je suppose que tu as du passer pas mal de temps sur ce thème (+ notamment sur les WordPress). Félicitations !
Contrairement aux précédents commentaires, je trouve ton design vraiment original. Et lisible (sur mon config à moi, luminosité à fond). J’ai juste un léger décallage avec les background header / contenu. Je t’envoie mes specs et une capture juste après la rédaction de ce commentaire.
« Je voulais quelque chose de graphique, chaleureux et professionnel pour refléter mon activité et proposer aux utilisateurs une expérience agréable. Reste à voir si c’est ce qui s’en dégage vraiment ? »
C’est ce qui s’en dégage
(encore une fois, de mon point de vue à moi – on doit être sur la même longueur d’onde).
Et excellente initiative pour les thèmes WordPress ! Bref, que du bon.
Bonne soirée à toi.
le 29.05.08 (09:50)
Suite aux quelques commentaires sur le design de cette V4 il s’avérait que :
- Certaines personnes trouvaient la lisibilité du texte mauvaise parce que trop lumineuse.
> J’ai donc modifié la couleur du texte pour diminuer la valeur de contraste entre le fond et le texte.
- La présence du background en texture bois était trop présente.
> J’ai rajouté un fond uni sur la partie centrale du blog.
Du coup se sont les commentaires qui flashent maintenant.
Il se peut que je change aussi la couleur de fond des commentaires. J’y réfléchie. > C’est fait.
le 29.05.08 (19:07)
Moi je trouve ça plutôt sympa !!
Juste la fenêtre de recherche qui est beaucoup trop petite !
Et puis, faudra penser à utiliser « subscribe to comments », c’est mon cheval de bataille ce truc là !!
le 29.05.08 (22:41)
Cet avis ne sera ni professionnel, ni même surement complètement objectif… mais je suis fan… ça fait plaisir de te voir t’éclater
… ne change rien (et là je ne parle pas design web). A bientôt !
le 29.05.08 (22:58)
Redesign très intéressant, je pense que les récentes modifications vont dans le bon sens (j’avais le même soucis de lisibilité sur le bois).
Bon par contre la couleur de tes commentaires est vraiment très/trop violente !
le 29.05.08 (23:41)
Merci pour vos commentaires.
@Francis
Je vais agrandir un peu le champ recherche. C’est marrant mais moi l’inscription aux commentaires, je ne m’en sert jamais. C’est surement la raison pour laquelle je l’ai négligé.
@Romu
Tu as très bon gout tu sais
toi non plus ne change rien.
Faudrait qu’on se fasse une bouffe un midi.
@David
C’est toujours positif d’avoir des avis extérieurs quand ça fait un certain temps que tu as la tête dans le guidon. Les remarques ont donc étaient bénéfiques, je suis d’accord avec toi.
C’est vrai que le rouge des commentaires pète un peu. Par contre le marron ne me choque pas. Je vais essayer un rouge plus sombre.
le 30.05.08 (00:56)
(petite précision : je parlais du rouge en effet le « tes » pouvait prêter à confusion)
le 30.05.08 (13:41)
Gilles, je n’ai pas vu les versions précédentes du présent design mais c’est très réussi.
Pour vraiment chipoter :
– je verrai bien un fond noir mais transparent à 1%, pour quand même avoir un peu de texture bois sous le texte
– la rupture entre la tétière « Blog sur le webdesign… » et le corps du billet est un peu brutale, ça manque de continuité
– Grossir la taille de la typo dans les champs de formulaires (et ajouter un peu de padding)
Mais sinon encore une fois c’est très chouette.
le 30.05.08 (17:03)
Modifs du 30 mai 2008 :
- Élargissement du champ recherche.
- Rajout d’un lien pour s’abonner aux commentaires via RSS.
- Agrandissement de la police des commentaires.
- Agrandissement de la police des formulaires.
- Rajout de l’affichage des avatars dans les commentaires.
- Rajout d’un peu de padding dans les commentaires.
- Rajout d’un peu de padding dans les formulaires.
- Rajout du plugin « Subscribe to comments » : notification par mail.
- Background rouge des commentaires Admin modifié (plus foncé).
@Niko
> Vous les riches, vous chipotez toujours
(désolé c’est une private joke qui serait trop long à expliquer)
le 04.06.08 (14:40)
@Gilles: MOUARF (souvenirs :p)