Branding & site web : comment faire parler la même langue

On reçoit régulièrement des briefs d'entreprises qui ont un excellent travail de branding mais un site qui ne leur ressemble pas. Le problème n'est pas le logo. C'est la traduction.

Pourquoi le transfert direct ne marche pas

Une charte graphique est conçue pour des supports statiques : papeterie, signalétique, packaging. Le web, lui, est interactif, dynamique, responsive. Prendre une couleur de fond d'une charte et l'appliquer directement à une interface peut donner un résultat plat, lourd ou illisible à l'écran.

La typographie est l'exemple le plus frappant. Une police magnifique en print peut être inconfortable à lire dans un paragraphe web à 16px sur écran LED. La typographie de marque et la typographie d'interface ont des critères de sélection différents.

Les trois axes de traduction

1. La couleur : passer des couleurs Pantone aux hex, puis définir une gamme fonctionnelle (primaire, neutre, état d'erreur, fond, texte). La charte donne la direction, le design system donne la structure.

2. Le mouvement : la marque a une personnalité — vive, posée, luxueuse ? Cette personnalité doit se retrouver dans la vitesse et la courbe des transitions. Un luxe ne s'anime pas pareil qu'une startup.

3. L'espace : la générosité ou la densité de l'espace blanc dit autant que la couleur. Un site premium respire. Un site utilitaire optimise.

Ce qu'on fait en pratique

On commence toujours par un atelier de "mots de marque" avec le client : 5 adjectifs qui doivent définir l'expérience du site. Ensuite, pour chaque décision de design, on teste : est-ce que ça incarne ces mots ? Ce filtre simple évite des dizaines d'itérations sans cap.

"Un bon site de marque n'est pas une reproduction de la charte. C'est une interprétation fidèle à l'esprit, adaptée au medium."