Nouvelle année, nouveau visage

Voilà un moment que j'avais préparé le coup. J'attendais d'avoir tous les éléments en ma possession et c'est enfin prêt, juste à temps pour la nouvelle année. Et oui, j'ai changé la tapisserie, et pour aller au bout de l'image je dirais même que j'ai aussi bougé les meubles. Je vous explique ça en détail dans un instant.



J'avais prévu ce changement d'identité depuis un moment déjà et je me suis rendu compte que pour beaucoup, la fin d'année est synonyme de renouveau, de refonte, d'une nouvelle peau pour affronter le mois de janvier !
En ce qui me concerne, ça n'a rien avoir avec les fêtes ni avec la nouvelle année. Cela correspond à une période où j'ai envie de changer un peu (mais pas trop), pour me faire plaisir avant tout. C'est aussi l'opportunité de me faire un logo qui me soit propre et de m'ouvrir à des supports non-virtuels, mon petit plaisir !


Commençons par la mise à jour du design de mon site (portfolio et blog). Un nouveau logo, de nouvelles couleurs pour une interface plus sombre mais plus... à vous de voir, je ne suis pas graphiste moi ^^. J'ai ajouté quelques éléments à mes headers pour spécifier un peu mon "univers". Ces objets sont voués à être modifiés, à évoluer, d'autres vont s'ajouter ou s'enlever au fil du temps, selon mon humeur et mes envies.
Il ne s'agit pas d'une refonte puisque les blocs, la taille et l'agencement sont les mêmes. Il y a tout de même quelques modifications au niveau de la structure :



D'abord, un petit moteur de recherche à fait son apparition en haut de la sidebar. Cela commençait à manquer à ce blog, de ne pas pouvoir faire de recherche pour retrouver d'anciens billets que l'on a gardés en mémoire. D'un autre côté, sur un blog perso, à petite échelle qui plus est, ce n'est pas spécialement indispensable.
J'en ai donc profité pour développer en AJAX un outil basique, simple, qui change de l'ordinaire et qui est un minimum ludique. Pas de bouton de validation, pas de page de résultats inutiles, une recherche sur un mot ou un groupe de mots consécutifs et des résultats accessibles instantanément, s'ajoutant aux informations déjà présentes, sans dégrader la lisibilité.



Ensuite c'est du côté du footer que ça ce passe. J'ai troqué mon pied de page un peu fouilli et sans réel intérêt contre quelque chose de plus intéressant et de plus dense.
On a toujours le module myBlogLog auquel viennent s'ajouter mes dernières photos uploadées sur FlickR. Il y a aussi une sélection aléatoire de billets pour augmenter les possibilités de rebond des visiteurs et des robots et pour faire découvrir ou redécouvrir d'anciens billets oubliés mais toujours d'actualité ;).
J'avais d'abord opté pour l'affichage des derniers billets mais ça n'a qu'un intérêt limité puisque cette dernière liste peut-être visible directement sur la page d'accueil. La dimension aléatoire est donc tombée comme une évidence.



Pour ce qui est du backoffice, je n'ai pas changé grand chose puisque cela fonctionne. En revanche, je me suis fait un petit plaisir un développant un outil qui me permet de recevoir des alertes par SMS via Twitter lorsqu'un visiteur laisse un commentaire.

Pour en finir avec le côté virtuel, je tiens à préciser que mon blog a été entièrement développé par mes soins. Je n'utilise pas de CMS du type Wordpress comme beaucoup ont pu le croire (ce qui est toutefois plutôt flatteur ^^). Tous les modules additionnels comme le moteur de recherche ou l'interaction avec des API externes comme FlickR et Twitter ont donc été redéveloppées pour convenir à mes besoins parce que c'est comme ça que je le vois mon blog : une plate-forme simple qui convient à mes besoins et seulement à mes besoins.


Ensuite viennent les supports non-virtuels.



J'ai profité de ce nouveau logo pour me faire des cartes de visite personnelles. Là encore, j'ai opté, pour le recto, pour quelque chose de simple, allant directement à l'essentiel : Qui suis-je ? Que fais-je ? Comment me recontacter ?
La simplicité n'empêchant pas le changement, j'ai créé mon visuel sur un format ticket de métro pour un résultat léger, qui prend peu de place et qui sort de l'ordinaire. Inutile d'avoir une carte de visite au format traditionnel si elle doit être vide, donc plate.



Au verso j'ai voulu innover un peu en temps que travailleur du multimédia. J'ai imprimé un joli code-barres 2D (ou QR Code) bicolore. Il s'agit d'un code-barres qui contient un certain nombre d'informations. Cette technologie déjà très utilisée au Japon, n'est pas encore très développée en France.



En prenant une photo de ce pictogramme avec un SmartPhone/PDA équipé d'un logiciel de décodage approprié, l'utilisateur retrouvera l'url de mon blog. Vous aurez compris que cela s'adresse à un public connaisseur, averti et équipé mais cela tient plus du clin d'oeil que de la fonctionnalité indispensable.

J'ai pris le risque d'imprimer les cartes sans avoir testé le code-barres depuis un mobile. Si quelqu'un est intéressé pour tester et me faire un retour ça peut être sympa.



Pour la première fois, j'ai pu voir ce que donnait la création d'un badge grâce à Kezako qui m'a gentiment offert l'opportunité de créer un visuel à l'effigie de mon site, imprimé sur 5 badges au format 32mm de diamètre.
Nous sommes plutôt habitués au format 25mm puisque c'est le plus courant. Je dois avouer que j'ai été agréablement surpris de voir le résultat. J'avoue que c'est très agréable de recevoir des petits goodies imprimés de son visuel. C'est comme un petit cadeau que l'on se fait à soi même.



Et puis c'est aussi un petit cadeau que je vous fais à vous puisque vous m'avez supporté quand j'ai sinistrement tenté de percer dans le monde du badge. J'offre un badge édition ultra limitée (5 exemplaires et je n'ai pas spécialement prévu d'en refaire) associé à une carte de visite aux 2 premiers qui spécifieront dans les commentaires qu'ils sont intéréssés et qui me diront "Sitôplé" gracieusement (niark).

J'espère que cette visite guidée de mon nouveau chez-moi vous aura plus et que vous êtes prêts à affronter cette nouvelle année 2008 avec tous mes voeux de bonheur et de réussite.