Pourquoi je dessine le logo avant le site

Le logo, première décision visuelle

Un logo, c'est la première décision visuelle d'un projet. Tout ce qui vient ensuite en hérite, souvent sans qu'on s'en rende compte.

Parce qu'il ne contient pas qu'un dessin. Il porte déjà trois choses.

Des couleurs. Une teinte principale, parfois une ou deux qui l'accompagnent, avec leurs nuances et leurs contrastes.

Un caractère. Une façon de tracer les lettres, plus ou moins ronde, plus ou moins affirmée, avec des angles ou des courbes.

Une géométrie. Des formes anguleuses ou souples, un dessin dense ou aéré, une composition calme ou en mouvement.

Ces trois éléments existent avant la première page du site. Ils sont là, disponibles, prêts à être repris.

Ce que le logo donne concrètement au site

Reprenons ces trois éléments un par un, et voyons ce qu'ils deviennent une fois à l'écran.

La palette. Le logo donne deux ou trois couleurs. Un site en demande davantage : des teintes claires pour les fonds, un ton profond pour les textes, un accent réservé aux boutons et aux actions importantes. Cette gamme complète ne s'invente pas à côté du logo, elle en sort. On éclaircit, on assombrit, on décline, mais on part toujours de lui.

Un mot sur la lisibilité. Un logo peut vivre avec des contrastes doux : on le voit en grand, et une seule fois. Un texte de page, non. Quand la palette est tendre, je garde les couleurs mais j'ajuste les tons pour la lecture : le texte s'assombrit, les teintes légères restent pour les fonds et les touches décoratives. Votre identité reste intacte, et votre site se lit sans effort.

Le caractère des lettres. Les lettres du logo guident le choix de la police des textes. Pas la même police forcément, mais une qui s'entend bien avec elle. Un logo aux lettres rondes et généreuses appelle une typographie souple. Un logo plus tranché appelle quelque chose de plus net.

Le rythme des formes. Rond ou anguleux, dense ou léger : ce qui est dans le logo se retrouve dans la forme des boutons, dans les coins des encadrés, dans l'espace entre les sections. C'est ce qui fait qu'un site semble "aller avec" son logo, sans qu'on sache toujours pourquoi.

Le niveau de contraste. Un logo très contrasté, noir sur blanc, donne un site franc. Un logo tout en nuances donne un site plus feutré. Ce réglage se décide une fois, dans le logo, et il colore tout le reste.

L'univers que le logo ouvre

Un logo, c'est aussi une invitation. Il pose déjà l'univers dans lequel le site va entrer, et cet univers se lit dans sa respiration.

Regardez votre logo. Si les lettres sont espacées, si le dessin laisse beaucoup de vide autour de lui, votre logo respire. Le site pourra respirer aussi : de larges marges, peu d'éléments par écran, de la légèreté.

Si au contraire le logo est posé sur un bloc de couleur pleine, ou si ses formes sont serrées, il invite à autre chose. Un site dans lequel on plonge, où la couleur porte la page, où l'on se sent entouré.

Les deux sont justes. Ce qui compte, c'est que le site suive l'invitation du logo. Un site très aéré sous un logo dense, ou l'inverse, donne cette impression de décalage que vos clients ressentent sans pouvoir la nommer. Quand les deux respirent au même rythme, tout paraît évident.

Quand le logo existe déjà

La plupart des entreprises avec qui je travaille ont déjà un logo. Et la première chose que je fais, c'est l'écouter.

Ce qu'on en fait dépend de deux choses : jusqu'où il est déjà sorti dans le monde, et ce qu'il porte pour vous.

Le logo est partout. Peint sur le showroom, brodé sur les vestes, imprimé sur les camionnettes et sur dix ans de devis. Alors il reste, tel quel. Le site s'adapte à lui, et c'est un travail normal, pas un compromis : on reprend ses couleurs, on les étend pour l'écran, on choisit une police qui s'accorde avec ses lettres, on construit l'espace autour de sa densité. Personne ne réimprime quoi que ce soit.

Le logo a une histoire. Une entreprise familiale, un logo dessiné par un parent, transmis d'une génération à l'autre. Sa valeur ne se mesure pas à sa perfection. On le garde, on le respecte, et on construit autour. Un beau logo qui a bien vieilli, c'est le meilleur cas possible.

Le logo a pris de l'âge. Vingt ans d'entreprise, un logo fait à ses débuts, et pas tant de supports imprimés. Là, il y a de la place pour bouger, sans tout refaire. Un contraste retravaillé, un tracé nettoyé, des tons ajustés pour l'écran. Vos clients le reconnaissent toujours, et il tient de nouveau debout à côté d'un site moderne.

Dans chaque cas, on regarde ensemble. Je vous donne ma lecture, et la décision vous appartient.

Et si vous hésitez, posez-vous une question simple : avez-vous envie de signer vos mails avec votre logo ? Si vous le mettez partout avec plaisir, il fait son travail. Si vous l'évitez un peu, c'est le signe qu'il mérite qu'on s'y penche. Je peux regarder votre logo avec vous et vous dire ce qu'il peut encore porter.

La même main du début à la fin

Je dessine des logos et je construis des sites. Je fais d'autres choses aussi, mais ce sont ces deux-là que j'aime le plus, et ce n'est pas un hasard : c'est le même métier, à deux échelles.

Un logo, c'est ce métier concentré dans quelques centimètres. Chaque courbe est calculée, chaque arc, chaque épaisseur. Un site, c'est la même attention étalée sur un écran : l'espace, la hiérarchie, les alignements, tout est mesuré aussi. Dans les deux cas, il faut un œil qui dessine et une tête qui construit.

Quand les deux viennent de la même personne, rien ne se perd entre les deux. Pas de charte remise à un autre studio et interprétée autrement. Les décisions prises dans le logo passent directement dans le site, parce que c'est la même main qui les porte.

Votre univers commence avec le logo. Le site le rend habitable. Et c'est plus simple quand une seule personne s'occupe des deux.

Dessiner le logo d'abord

C'est pour tout cela que je commence par le logo. Pas par principe, mais parce qu'il contient déjà la plupart des réponses que le site va poser : quelles couleurs, quel caractère, quel rythme, quel univers.

Dessinez-le en premier, ou faites-le regarder avant de lancer le site. Le reste suivra, naturellement.