Soixante jours pour pondre un refonte, c’est long ! Mais entre les week-ends à l’autre bout de la France, les pendaisons de crémaillière tardives et le boulot, ce n’était pas évident. Surtout que j’ai pris soin de ne pas bacler le travail comme pour la version №6 qui avait nécessité un bon nombre de retouches.

Voyons point par point ce que cette nouvelle mouture nous apporte.

Le graphisme

Que de tergiversations pour me fixer sur un design ! Cette nouvelle version avait pour but de casser avec les anciens design mais de garder l’identité visuelle du site, cruel paradoxe…

Une chose était sûre, le logo devait changer. En effet, après plus 5 ans de bons et loyaux services le logo style aqua me resortait par les trous de nez.

C’est alors qu’après 4 versions ayant inexorablement terminées à la poubelle (voir ci-dessous) que j’ai pu créer le design qui me convenait.

Le nouveau design conserve donc la sobriéte grise extra-claire, renforce le contraste des typos avec un bleu plus profond mais arbore maintenant le orange en couleur complémentaire.

Le fameux picto du tube à essai reste présent même s’il est relègué sur un plan moins visible. Je ne pouvais décemment pas le supprimer après que ma femme m’est dit que L’identité de Babylon Design c’est tout de même un tube à essai enflammé glougloutant…. No comment.

En outre, le site accueille dorénavant une feuille de style pour l’impression à part entière.

La typographie et la mise en page

Dans un souci de clareté, j’ai accordé une attention particulière à la typographie. Des grandes polices sérifées pour la titrage et un interlignage bien aéré permettront une lecture aisée.

Le site supporte d’ailleurs assez bien 4 niveaux de grossissement de texte.

Les animations

Je profite de ce petit rafraîchissement pour intégrer une librairie Javascript.

Après avoir longtemps utilisé Script.aculo.us, j’utilise à présent Jquery. En effet, Jquery est beaucoup plus modulable et aisé d’utilisation.

C’est donc avec Jquery que j’ai intégré quelques animations sans intérêts mais indispensables :

• Animation sur le menu des pages annexes
• Animation sur le lien vers le RSS
• Animations sur le moteur de recherche en Ajax
• Animation sur la navigation des billets connexes
• Animation Lightbox sur certaines images des billets

Suppressions & nouveautés

De substantielles apparitions :

• Raccourcis claviers pour la navigation
• Raccourcis d’évitement
• Nouvelle page Plan du site
• Nouvelle page Aide
• Intégration du plugin DotClear Billets Connexes (page suivante/précédente dans les billets)
• Animations Javascript
• Moteur de recherche en Ajax accessible

Mais aussi pas mal d’abbattage :

• Suppression de la colonne de droite
• Suppression des liens dans la colonne de droite
• Suppression de la page portfolio (bientôt fusionée avec la page Webmaster)
• Suppression de la photo du Webmaster
• Suppression du calendrier
• Suppression du Flash

Petit bonus

Comme j’adore les PNG et que j’aime subtilement modifier la couleur du site suivant mes humeurs, voici un petit sélecteur de couleurs pour changer la couleur de fond.

Conclusion

Lache tes coms et vote pour moi au Cascading Style Summer Refresh 2007 !