Direction artistique : donner une allure à votre interface, sans trahir votre marque
Votre produit fonctionne. Est-ce qu'il vous ressemble ?
On décline plusieurs pistes graphiques, vous arbitrez sur des propositions que vous avez sous les yeux, et on affine celle que vous retenez. La charte graphique est retravaillée ensuite, alignée sur cette piste. Le graphisme entre dans la conception au même titre que le reste, et on le décide avant de figer les écrans.
Quand une direction artistique s'impose
On nous appelle rarement pour faire que du joli. Plutôt dans une de ces situations :
- Unifier des supports qui ont divergé au point que la marque n'y est plus reconnaissable.
- Normer l'usage du logo pour éviter des supports complètement hors charte.
- Remettre à jour une charte qui n'a pas suivi l'arrivée de nouveaux supports.
- Traduire en formes et en couleurs des valeurs de marque déjà écrites.
Le constat
Une palette qui vire à l'arc-en-ciel ne permet plus à personne de vous identifier au premier coup d'œil. Une charte qui liste les couleurs sans dire à quoi chacune sert produit des supports hors charte, faits de bonne foi. La direction artistique tranche ces questions avant qu'elles ne se posent en production, et la charte graphique vient ensuite consigner les règles.
Comment on procède
Concevoir des pistes graphiques
On décline plusieurs directions graphiques distinctes, pas des variations d'une même idée. Chacune traduit les valeurs de la marque et respecte les codes de votre secteur, parce qu'une identité qui ignore son secteur oblige l'utilisateur à réapprendre où il est.
Itérer avec votre équipe
On confronte les propositions à vos contraintes, à vos supports existants et aux avis qui divergent en interne. On règle les désaccords sur l'habillage à ce moment-là, sur des pistes que tout le monde a sous les yeux.
Adapter la piste retenue
On reprend la direction validée et on l'affine jusqu'à ce qu'elle fonctionne sur les écrans réels. Vous repartez avec les pistes créatives et le moodboard.
Aligner la charte
La charte est retravaillée sur la direction validée : gamme chromatique avec l'usage de chaque couleur, deux familles typographiques au maximum, pictogrammes, règles d'images, et les usages à éviter. Codes en RVB pour le web, en CMJN pour le print.
On l'a fait sur de vrais produits
Bordeaux.fr : un portail qui informe les Bordelais autant qu'il les sert, sans concession sur l'accessibilité et l'écoconception
RGAA 95 %, RGESN 86 % : visiter les coulissesQuestions fréquentes
Ça dépend du nombre de pistes à explorer, du nombre de supports à couvrir et de l'existant à reprendre. Une direction artistique pour une interface unique n'a pas le même poids qu'une refonte de marque déclinée sur le web et le print. On chiffre après avoir vu vos supports actuels et compris ce que vous voulez en garder.
Trois, en général. On les présente ensemble, on les confronte à vos contraintes, et on itère sur celle que vous retenez.
Les pistes créatives et le moodboard, puis la charte graphique retravaillée sur la direction validée. Si le projet se poursuit en design d'interface, vous repartez avec les maquettes graphiques desktop et mobile, et le design kit qui va avec.
Oui. On regarde ce qui fonctionne encore et ce qui bloque, puis la charte est retravaillée pour s'aligner sur la direction artistique validée.
La direction artistique est le travail de recherche qui aboutit à une orientation graphique. L'identité visuelle, c'est le logo et ce qui l'entoure. La <a href="/glossaire/charte-graphique-web-definition">charte graphique</a> est le document qui consigne les règles d'usage. On fait les trois, dans cet ordre.