Web Actually change de look

Enfin ! Après plus d’un an de bons et loyaux services, l’ancien design de mon portfolio a laissé place à une nouvelle version. Plus aboutie, cette version est aussi beaucoup plus personnelle. Et j’en suis très fier ! Rétrospective d’un projet pas si simple…

Pourquoi avoir changé ?

Parce qu’au même titre que son propriétaire, ce site devait évoluer. Bien que très content de l’ancien thème, celui ci était à mon goût trop classique et pas assez représentatif de mes compétences.

En même temps, les technologies ayant énormément évoluées ces derniers temps (HTML 5, CSS 3, WordPress 3, etc…), il m’a semblé intéressant de mettre en application certaines d’entre elles.

C’était pas un peu long ?

Une éternité ! C’est ce que m’a paru le temps entre le moment où j’ai pris la décision de changer et la mise en ligne de ce nouveau design. Il faut dire que je garde en priorité absolue le suivi de mes clients. Il n’était pas question de les abandonner pour satisfaire un projet personnel. Je pense qu’il en va de même pour tous professionnel qui se respecte.

Beaucoup de maquettes, de gribouillages et de test en local pour finalement arriver à une version dont je suis fier, sans tomber dans le piège du site laboratoire (ou « fourre-tout ») dans lequel on entasse les différentes techniques sans réelle cohérence. Paradoxalement, cela m’a pris beaucoup plus de temps que pour les projets de mes clients. Une remise en cause permanente qui finalement fait du bien.

Concrètement qu’est ce qui change ?

Bien qu’il soit toujours fièrement propulsé par WordPress, ce nouveau site a été revu en profondeur.

L’aspect visuel

J’ai opté pour un panel de couleurs plus douces mais qui reste représentatives de mon tempérament passionné. J’ai aussi beaucoup travaillé sur les textures des différentes zone du site. Toujours avec pour objectif principal la mise en valeur du contenu. J’ai essayé de mixer harmonieusement design minimaliste et jeu de texture. Le tout en conservant un esprit de douceur. J’espère y être arrivé.

Typographie, mon amour

Le choix a été dur. Entre les polices gratuites et les versions payantes, le panel de sélection était titanesque. J’ai finalement porté mon choix sur la famille Museo (Sans et Slab), dont j’ai externalisé la gestion chez Typekit

Quoi qu’il en soit, j’ai dorénavant dans mes cartons de nombreuses association de polices qui m’ont séduites. A cette occasion, je vous encourage à consulter la mise à jour de mon article 5 polices pour agrémenter votre typographie.

Evidemment la typographie ne s’arrête pas au choix de la police, couleur, taille, interlignage, mise en valeur des titres et des liens : un travail global.

HTML 5 et CSS 3 : oui mais trop

A la fois passionnantes et contraignantes, ces deux technologies ont été insérées avec parcimonie dans ce projet. La première raison étant que tous les navigateurs, Internet Explorer en tête, ne supportent pas ce duo merveilleux.

J’ai donc pris soin de cibler la couche d’expérience visuelle non critique de mon site. En résumé, les navigateurs modernes bénéficie d’une version plus agréable, plus dynamique sans pour autant gâcher le contenu et la structure du site pour les navigateurs plus anciens.

Au programme, on trouvera donc quelques animations, des boutons d’actions construit grâces aux nouvelles propriétés CSS 3 et un formulaire de contact enrichi pour offrir une meilleure expérience utilisateur à mes lecteurs.

Un site au régime !

Que ce soit pour le contenu, l’offre de service, par exemple, a été simplifiée ; ou le temps de chargement du site, merci au plugin W3 Total Cache au passage, Je me suis évertué à accélérer l’accès au contenu de mon site.

Et ton blog ?

Un peu laissé de côté ces derniers mois, le blog devrait bientôt s’enrichir de nouveaux articles. La refonte de mon site a aussi été l’occasion de revoir ma ligne éditoriale. Le thème principal reste le web design et l’intégration, je partagerai donc avec vous mes découvertes sur le sujet, mais aussi des tutoriels autour du design, de CSS 3, WordPress, Magento et dans une moindre mesure, Prestashop.

Et après ?

Toujours beaucoup de projets dans les cartons, et en premier lieu la préparation de la version mobile de ce site, la création d’une Newsletter (encore à l’état embryonnaire) et bien d’autres choses…

Et vous qu’en pensez vous ?