Cet article traitera d’un sujet de fond : Quelle est réellement l’essence de mon métier, webdesigner ?

On entend souvent que le principal est de faire du beau, du facile, de l’actuel, du « 2.0″. Pourtant, je ne suis pas d’accord avec cette allégation. Si je fais ce métier, c’est pour raconter des histoires.

L’importance du sens

La première question que je me pose lorsque je crée un design est la suivante : «Quel sera le contenu de cette page ? Quel message devra être transmis ? Quel histoire doit être racontée ?»

Et c’est une fois que j’ai mis à jour cette histoire, ce contenu, et seulement une fois ce travail préliminaire effectué, que je peux commencer à travailler. A ce moment là, je ne fais pas encore de croquis, cela viendra plus tard.

Proposer un balisage sémantique

Avant même de me pencher sur le graphisme en lui-même, je travaille sur un fondamental, proposer a mon client un balisage sémantique. En effet, pour le SEO l’utilisation d’un balisage sémantique est un plus indispensable. En utilisant un tel balisage, chaque balise devient porteuse de sens, et donc de mots clefs.

Pourquoi se borner un <div id="header"> qui n’a qu’un sens structural, vu qu’il m’indique que je suis dans l’en-tête (je ne m’en serais pas douté, alors que c’est la première partie du code de la page) ? Je préfère de loin utiliser un <div id="branding"> qui marque bien que ce code contient les marques distinctives de la société et du site.

Rechercher une ambiance

Je n’ai toujours pas fait de croquis à ce stade. Je prend devant moi une grande feuille de papier, et je commence à jeter en vrac les principaux thèmes et mots-clef du site pour lequel je conçois une interface.

Par exemple, pour le site vampire j’ai utilisé les mots «Monde des Ténèbres», «sombre», «mystère», «éternité», «solitude» …

Choisir les couleurs et les formes

C’est seulement après ce travail que je peux faire un croquis. Je veux raconter une histoire, une ambiance, un univers. Ici, c’est l’histoire d’un monde sombre où la médiocrité est trop présente, où le fantastique rejoint le réel, où les hommes sont seuls au milieux des loups.

Alors je choisis un code des couleurs. Ici, ce seront des couleurs sombres, un gris foncé tirant sur le brun et un jaune sale. Le texte sera dans un gris très clair.

Je décide de rester minimaliste. L’histoire se passe dans un lieu de médiocrité et de solitude. Il faut donc que le texte soit le principal élément. Pas de boutons flashy ou de belles images. Une simple composition de lettres et de couleurs. Un fond dégradé gris sale fait ressortir encore plus cette solitude et cette éternité.

Coder c’est peindre

A partir de ce moment, je peux coder. Car si j’aime tant coder, c’est tout simplement parce qu’en codant, comme le peintre avec son pinceaux, je dépose mes touches de couleur sur la toile pour faire transparaître l’ambiance que j’ai choisie.

Au premier regard, cette page raconte un monde mystérieux et ténébreux, c’est mon but. Pas d’effets spéciaux, pas de grands trucs 2.0. Juste une ambiance. Cela n’est pas plus rapide à faire que si j’avais développé « 2.0″, mais beaucoup plus personnalisé, et surtout beaucoup plus sémantique.

J’ai développé « 3.0″.