pixenjoy version 7.0
Après une semaine en mode maintenance, voici la version 7.0 du site « pixenjoy ». Pour cette version 7.0, j’ai décidé de faire table rase du passé pour construire quelque chose de nouveau.
Infos pour les geek
Pour ne pas faire attendre les geek, voici rapidement ce qui se trouve sous le capot de la version 7.0.
Pour la gestion du contenu j’utilise toujours un bon vieux « WordPress ». Dans ma crise compulsive de refonte, j’ai hésité un moment à essayer un nouvel outil comme par exemple Habari ou SymphonyCMS. Mais le temps consacré à l’apprentissage d’un nouvel outil ma vite dissuadé vu la disponibilité dont je disposais.
Au niveau XHTML/CSS/JavaScript, j’ai utilisé le Framework CSS « 960 Grid System » avec une grille personnalisée de 26 colonnes. Pour le JavaScript, je suis resté fidèle à la librairie « JQuery » et j’ai adopté ses nouveaux scripts « JQuery Tools« .
Concept
Ce qui ne devait être qu’un re-design au départ , c’est finalement transformé en un véritable Tsunami que se soit au niveau ergonomie, navigation ou design.
Sur le plan ergonomie, je voulais quelque chose de plus simple, moins conventionnelle avec une mise en retrait de la partie blog pour mettre davantage en avant la partie professionnelle.
Les parties « Services », « A propos » et « Contact » ont été dégraissées. La quantité de texte a été réduit pour s’adapter plus facilement à une lecture rapide. Ces contenus s’affichent dans un cadre en cliquant sur les items du menu.
La partie « Portfolio » est traitée à part et différemment sur le plan ergonomique. Pour cette partie, j’ai décidé d’opter pour une navigation horizontale (Agrrr !!! sacrilège, Jacob Nielsen sort de mon corps …).
La partie blog a été simplifiée en mettant à la disposition de l’utilisateur le strict minimum. Exit les archives classées par mois, les nuages de tags, les articles similaires … j’ai même fini par retirer le moteur de recherche. A la place, j’ai décidé de n’afficher que des listes d’articles classées par catégorie. Comme dans les versions précédentes, l’article le plus récent reste mis en avant.
Design
Bon, ok ça pique un peu les yeux et ça ressemble aux couleurs d’une station service. A la limite, sortez vos lunettes 3D en cellophane.
Ma compagne déteste et elle risque de pas être la seule mais j’assume. De toute façon ce design est expérimental et amené à évoluer régulièrement.
J’ai voulu faire quelque chose d’un peu différent de ce que l’on a l’habitude de voir sur le web. Et Dieu sait que c’est pas facile vue la diversité graphique qui existent sur le web.
J’ai fais le choix de couleurs vives et contrastées dans un environnement sombre et géométrique. Pour me démarquer des formes arrondies très en vogue sur les sites web, j’ai pris le contre pied en jouant sur des formes anguleuses (logo, blocs, motifs d’arrière plan, encadrés des titres …). Ce design n’appartient à aucun style en particulier quoique l’on puisse y trouver un côté un peu vintage, année 60, néo-bobo.
Conclusion
Malgré un design non consensuelle qui ne fera pas l’unanimité, je pense que le traitement graphique est cohérent.
En ce qui concerne l’ergonomie, je n’ai pas forcément suivi les règles mais c’est à l’usage que l’on verra si il fonctionne où pas.
19 commentaires
S'abonner aux commentaires via RSS
(URL de trackback)
le 30.06.09 (22:07)
Joli boulot de mise en page, mais j’ai un vrai problème avec le background qui fait trop kitsch, j’ai compris ta volonté mais bon
le 30.06.09 (22:22)
Oui l’aspect Kitsh fait partie de la démarche et je m’attends à pas mal de réactions car ce n’est pas très dans l’air du temps
Dans le même style j’avais bien aimé : http://www.booreiland.nl/
le 30.06.09 (22:22)
J’adhère pas du tout du tout, du moins pour les articles.
C’est pas très lisible, et le background est assez pénalisant pour la lecture.
Pour les pages d’accueil etc, je suis pas fana , mais ça passe.
960 en 26 colonnes ? L’intérêt de 960 est d’être divisible par 12 et 16, pourquoi partir sur 26 ?
Désolé d’être un peu sec(je sais ce que c’est que se casse le c.. et récolter des commentaires tièdes ou glacés), mais je préfère être franc.
Tant que le contenu reste de la même veine, le reste m’importe peu.
Qu’importe le flacon…Bonne continuation
le 30.06.09 (22:28)
Quand même …. ça pique les yeux !
le 30.06.09 (22:32)
Oula ! C’est ce que je me suis dis quand j’ai vu le nouveau design de ton blog, je croyais m’être trompé d’URL…
En ce qui me concerne, je trouve ca osé et vraiment différent ce que l’on trouve sur le net. J’aime l’originalité, et là tu es en plein dedans !
Pour ma part c’est assez minimaliste, mais on va directement à l’essentiel. Un background un peu gênant, mais perso dans l’ensemble sa me perturbe pas. Joli
le 30.06.09 (22:32)
@Laurent, j’apprécie ta franchise et ça ne me pose aucun problème. Comme je l’ai dit, je m’attends à pas mal de réactions.
j’avais envie d’expérimenter et ce design n’est pas définitif mais seulement un passage de la vie du site. Si peu de personnes l’apprécient, beaucoup de gens trouveront le prochain sublime
C’est plus facile que de mettre la barre toujours plus haut …
Pour le 26 colonnes, c’est parce que j’aime bien travailler avec une grille qui possède des colonnes et des gouttières de 20 px sur une largeur allant de 980 à 1020 px environ.
le 30.06.09 (22:52)
Effectivement ca change !
mais je jure que je ne suis plus sous IE6 depuis longtemps ! mais sous IE8
le 30.06.09 (23:37)
Je trouve ça très intéressant de voir enfin quelque chose de différent. Certe, heureusement que cela est expérimental car certain détail pourrait être revue. Notamment le fond blanc semi-transparent des article. Peut-être pourrait-il être soit un poil plus transparent pour être un peu plus sombre et ainsi mieux faire resortir le texte, soit le teinter légèrement du même bleu que le fond toujours dans le but de l’assombrir un peu, mais cette fois-ci pour essayer de garder un motif aussi peu marqué derrière le texte.
Sinon, bien que cela chose les yeux au premier abord, je doit avouer que cela me plait assez au final. Après tout, tout ce qui bouscule par la nouveauté dérange toujours les masses au début. Il faut imposer ton idée (comme tu viens de le faire) pour que l’on s’oblige à s’interroger et à finalement aprécier.
En tout cas, c’est toujours un plaisir de lire tes nouveaux articles
le 01.07.09 (05:35)
Bon ok ça pique les yeux, ça dérange, bref on peux utiliser pas mal de termes décrivant la toute première impression, mais sincèrement l’idée est là. Ce n’est pas du banal « web 2.0″ si fréquent de nos jours et le background utilisé (bien que pas spécialement à mon goût graphiquement parlant) est vraiment différent.
Le texte en blanc sur fond gris clair à tendance rendre difficile la lecture et agresse un peu, je n’arrive pas à lire ce qu’il y a de marqué. Un peu de contraste seraient le bienvenu selon moi !
Au niveau mise en page / fonctionnalité par contre j’adhère à 100%, on trouve plus facile les choses je trouve, et une fois de plus, c’est assez innovant.
Evidemment pour le contenu je n’ai rien à dire, ça n’a pas changé et tant mieux !!
Belle initiative cette refonte !
le 01.07.09 (08:54)
Salut,
J’ai aussi un problème de lisibilité, l’écriture en blanc sur le fond gris clair, ce n’est pas ce que je préfère.
J’ai un souci aussi avec les grilles… pourquoi pas… mais la lecture se verticalise; les boxs qui contiennent les liens vers les articles n’ont plus trop de synchro horizontales…
Bon ok, c’est mon avis et à part l’écriture blanche qui me dérange, le reste, c’est on affaire
les goûts et les couleurs… et comme disait Laurent un peu plus haut; peu importe le flacon!
bonne continuation
oli
le 01.07.09 (10:08)
Plusieurs d’entre vous se plaignent de la mauvaise visibilité du texte blanc sur le fond semi-transparent, pourtant sur mon écran, le contraste et assez bon et je lis le texte sans problème.
Je pense que cela est dû à mon environnement de travail et au réglage de mon écran.
Je vais modifier ce fond.
Merci pour vos retours très différents.
le 01.07.09 (11:46)
Hello !!!
En effet, ça change !! Moi le texte ne me gène pas trop… Je fais partie de ceux qui sont pour la lecture sur fond sombre… Par contre, peut-être qu’un bleu très léger serait plus lisible pour certains. Limiter le contraste de la police pourrait être une bonne solution…
Sinon, c’est vrai que je préférais l’ancien design mais celui-ci marque un pas dans ta créativité je trouve. Tu avances, tu cherches et partager tes trouvailles est un truc génial je trouve. Ca montre la proportion artistique du webdesign !
le 02.07.09 (11:23)
Salut,
Ca alors, j’étais venu hier en réfléchissant à un commentaire élogieux sur ton arrière-plan et tu m’as coupé l’herbe sous le pied.
Personnellement, j’adhère un peu moins à celui-ci qui s’intègre un peu moins bien à mon goût, comme quoi les goûts et les couleurs… J’aimais assez le côté minimaliste du précédent, qui avait moins tendance à parasiter la lecture des articles.
Côté utilisateur, le site est beaucoup plus simple à utiliser et l’idée de bien cloisonner portfolio et blog est très bonne.
J’ai une petite remarque quant à la navigation horizontale dans ton portfolio : pourquoi ne pas mettre une navigation interne dans cette page, qui permettrait de passer d’un job à l’autre sans devoir scroller ? Question de résolution d’écran ? D’autant que ton nouvel arrière-plan pousse un peu à la confusion avec ses flèches jaunes « affordantes »… En Jquery, il y a des fonctions intéressantes pour ça (ScrollTo par exemple).
Bref, bravo et bonne continuation.
le 02.07.09 (14:31)
Ha ben merde, pour une fois que j’avais un fan de mon background psychédélique …
le 02.07.09 (15:30)
Que de changements !
C’est effectivement très osé et la démarche pour se démarquer de la concurrence est une bonne initiative. Je pense que le style que tu as adopté peut être assez prometteur, à condition que tu fasses vite évoluer ce stade expérimental.
En effet j’accroche absolument pas (quoi , encore un ?!). Déja le style et les couleurs je ne suis absolument pas fan. Là notamment le bleu-gris et le vert piquent les yeux, si on rajoute du bleu clair et du jaune…
Mais plus que ça c’est un problème de navigation et d’ergonomie que je rencontre avec ton blog mais ce n’est pas seulement dû à ta nouvelle version. Déjà avant, tout est classé par catégories et là encore les catégories faut les trouver (pas classé alphabétiquement, ni par thème, en 3 colonnes, sur l’accueil il n’y a que 3 catégories, on peut se demander s’il y en a d’autres?). Et le problème vient toujours du fait que je galère pour retrouver ton (ou tes) derniers articles. Soit tu n’as pas de classement d’articles chronologique soit je ne l’ai pas vu. Il faut toujours chercher par catégorie ce qui est très inhabituel et déroutant.
Sinon, ça manque encore un peu de finesse mais ça le temps règlera les problèmes liés au design…
Désolé d’être dur, encore une fois, je me met à ta place, j’ai attaqué la refonte totale du mien et ce type de commentaire me serait bien utile aussi… donc c’est dans une bonne intention mais je sais que tu le comprends. Pourquoi je le réécris alors ? :p
Bon courage pour la suite !
le 02.07.09 (15:33)
En fait j’ai pas fini (c’est que je m’acharne!), en effet, rien que pour retrouver cet articles j’ai dû chercher bien 40 sec – 1mn. Enfin bref, autre point qui est mortel : pas de recherche sur ton blog. Tu as beaucoup de contenu et ce serait un plus, l’utilisateur est fainéant et n’aime pas chercher
le 02.07.09 (16:19)
@Spartan : Pour ce qui est des couleurs et du style, je ne ferai pas de commentaires car chacun possède sa propre sensibilité par rapport à sa personnalité, ses expériences, son vécu …
C’est vrai que ce design est assez radical : pas de courbes, couleurs qui contrastent voir agressent, abstraction … bref tout ce que le cerveau désteste et c’est pour cela que j’ai écrit qu’il ne ferai pas l’unanimité.
Pour ce qui est de l’ergonomie, j’ai simplifié mais j’ai aussi pas mal changé les habitudes et c’est sûrement ce qui te gène le plus.
Sur la page d’accueil, le dernier article est mis en avant à gauche de la partie basse consacrée au blog. Il n’y a qu’un échantillon des catégories car ce n’est qu’une accroche du blog et non une page consacrée entièrement au blog. J’ai choisi les 3 catégories les plus susceptibles t’intéresser des prospects.
Sur la page du blog, j’ai tout déroulé pour avoir une vue d’ensemble de tous les articles. Ok ça peut être long à lire parce qu’il faut parcourir le contenu mais c’est comme dans les supermarchés, ça t’oblige à découvrir des choses auxquels tu n’avais peut être pas pensé au départ. Le dernier article publié est je crois, clairement visible sur cette page puisque c’est le seul qui est dans un encadré à part avec une vignette image, le titre et la date de parution.
Certains trouvent le site plus simple, d’autres comme toi plus compliqué … à voir à l’usage, comme je l’ai dit, il y a un peu d’expérimentation dans la mise en place de ce thème.
Pour ce qui est des choses qui manquent encore un peu de finesse, je veux bien que tu développes car je ne sais pas à quoi tu fais allusion.
En tout cas merci pour toutes tes remarques.
le 03.07.09 (16:09)
Je comprends bien qu’il s’agit de choix, notamment dans la disposition des éléments, et je ne faisais que donner mon avis.
Justement, si je chercher « un de tes 2-3 derniers articles » comme là par exemple tu as posté cet article et le lendemain tout de suite un autre. Mettre 1 minute pour retrouver un article paru le jour d’avant me paraît assez galère…
Donc comme je disais, il s’agit de choix, mais est-ce que ce changement d’habitudes pour l’utilisateur est une bonne initiative ? Mettre du jour au lendemain sur l’ordinateur d’un mec alpha la croix rouge pour fermer un logiciel à gauche alors qu’elle a toujours été à droite, est-ce un bon choix ?
Tu te démarques déjà beaucoup par le design, avec en plus cette navigation, cela me dérange mais encore une fois, ce n’est que mon avis et je respecte tes choix. Je ne fais que soulever des questions et donner mes impressions.
Pour les choses qui manquent encore un peu de finesse, tout compte fait cela reste des choses très subjectives (comme le bouton pour Soumettre le commentaire : un rectangle bleu, un contour blanc et un texte jaune).
Quoi qu’il en soit, tu as du mérite d’avoir autant d’audace et je suis curieux de voir comment va évoluer ce blog « expérimental »
le 05.07.09 (14:51)
Félicitations ! Moi j’aime bien. Pas de doutes, c’est un thème original. Et de nos jours, faire de l’original (du moins, du « pas commun »), c’est très compliqué. C’est le genre de design « simple » en apparence mais ultra casse-tête et compliqué à penser et réaliser.
Côté ergonomie, faudrait peut-être juste faciliter l’accès aux derniers articles (classés par date). Si c’est déjà en place, c’est que j’ai besoin de faire une sieste :p Et sur la page d’accueil, j’aurais mis « Blog » juste au-dessus de « Portfolio », ou du moins groupé au menu. Mais ça reste très très subjectif.