Tous les articles · · 5 min de lecture Photo & identité

Une identité cohérente entre la carte, l'enseigne et le site web

Pourquoi la même couleur diffère sur un vinyle d'enseigne, une carte imprimée et un écran de téléphone, et une méthode pour garder typo, couleur et ton alignés sur les trois.

Le client voit votre enseigne depuis la rue, consulte votre site sur son téléphone devant la porte et ouvre la carte à table, le tout en trois minutes. Si le vert du store est olive, celui du site citron vert et celui de la carte sapin, il a rencontré trois restaurants. La cohérence entre ces trois surfaces ne consiste pas à mettre le logo au même endroit ; elle consiste à faire survivre les mêmes décisions à trois procédés de fabrication très différents. Cet article explique pourquoi elles dérivent et comment l'empêcher.

Pourquoi la même couleur sort de trois façons

Un enseigniste découpe du vinyle dans un catalogue de quelques centaines de teintes, ou imprime en grand format avec ses propres encres. Une carte est imprimée en CMJN sur un carton précis, le plus souvent selon une norme Fogra39 ou ISO Coated v2. Un site affiche de la lumière sRVB sur un écran dont le client règle la luminosité. Aucun ne peut reproduire exactement les autres ; le travail consiste à choisir une couleur qui tombe juste sur les trois et à la spécifier séparément pour chacun.

Partez de l'imprimé, parce que c'est lui qui a le gamut le plus étroit. Choisissez vos couleurs sur un nuancier imprimé à la lumière du jour, puis dérivez-en les versions écran et vinyle. Si vous partez d'une couleur d'écran, surtout un orange, un bleu canard ou un violet saturé, la carte imprimée aura toujours l'air d'une cousine terne du site.

Une spécification, quatre valeurs par couleur

Pour chaque couleur de marque, notez quatre valeurs et donnez la bonne au bon fournisseur :

  • Les pourcentages CMJN pour la carte et toute impression offset ou numérique, vérifiés sur une épreuve tirée sur le carton réel.
  • Une référence Pantone solide pour les enseignistes, les brodeurs et quiconque mélange de la peinture ; demandez-leur de s'aligner dessus, pas sur une sortie d'imprimante.
  • Une valeur hexadécimale ou sRVB pour le site et les réseaux sociaux, ajustée à l'œil sur un écran calibré pour ressembler à l'échantillon imprimé, pas convertie mécaniquement depuis le CMJN.
  • Une référence vinyle ou RAL si vous avez déjà une enseigne ou une façade peinte, pour que les nouveaux éléments s'accordent à ce qui existe plutôt qu'à la couleur théorique.

Gardez tout cela sur une feuille. L'imprimeur de la carte ne devrait jamais deviner à partir d'une photo de la devanture, et l'enseigniste ne devrait jamais s'aligner sur une capture d'écran.

Typographie : la même voix à 8 mm et à 800 mm

Une police qui fonctionne en corps 10 sur la carte ne fonctionne pas automatiquement à 300 mm sur un bandeau. Les déliés très fins disparaissent en petit et paraissent fragiles en grand ; une grasse de titrage bouche à la taille de la carte et écrase la rue. La réponse pratique est une famille à plusieurs graisses : une medium ou demi-grasse pour l'enseigne, une regular pour le texte de la carte, une bold pour les titres de rubriques, toutes reconnaissables comme le même dessin.

Pour le site, licenciez la version web de la même famille ou choisissez un équivalent libre proche et notez l'association. Un nom de restaurant en serif sur l'enseigne, en géométrique sur le site et en scripte sur la carte est l'incohérence la plus fréquente que je vois, et c'est presque toujours parce que trois personnes différentes ont fait les trois travaux à un an d'écart.

Le ton : le test de la phrase

La cohérence du ton est plus facile à contrôler que celle des couleurs. Prenez une phrase du site, une du vinyle de vitrine et une description de plat de la carte, et lisez-les à voix haute à la suite. Si elles pourraient avoir été écrites par la même personne le même après-midi, la marque tient. Si le site promet « un voyage culinaire inoubliable » et que la carte annonce « des frites, les vraies », l'un des deux ment.

La carte est en général la plus honnête des trois, parce qu'elle est écrite par celui qui cuisine. Réécrivez le site et l'enseigne vers la carte, pas l'inverse. La formule du midi affichée en vitrine doit sonner exactement comme la carte à l'intérieur.

L'ordre des opérations quand quelque chose change

  1. Changez la carte d'abord. C'est le support le moins cher à réimprimer et le plus lu de près ; si la nouvelle couleur ou la nouvelle police échoue ici, elle échoue partout.
  2. Mettez le site à jour la même semaine ; une nouvelle carte avec l'ancienne identité sur le site déroute le client qui vérifie avant de réserver.
  3. Mettez à jour la carte numérique ou la page QR en même temps, à partir des PNG exportés, pour que la version en ligne soit la même maquette que l'imprimée.
  4. Changez l'enseigne en dernier et seulement quand le budget le permet ; en attendant, assurez-vous qu'au moins la carte et le site s'accordent entre eux.

Une ronde trimestrielle

Une fois par trimestre, placez-vous dehors avec une carte imprimée en main et votre site ouvert sur le téléphone. Regardez les trois ensemble à la lumière du jour. Photographiez-les côte à côte et gardez la photo ; comparer l'image de ce trimestre avec celle de l'an dernier rend la dérive visible d'une façon que la mémoire ne permet pas. Vérifiez les petites choses les plus souvent fausses : le numéro de téléphone, les horaires, l'orthographe d'un plat, la version du logo.

Construire la chaîne depuis la carte

Si la carte porte les valeurs CMJN exactes, la police exacte et la vraie voix de la cuisine, l'enseigne et le site ont une référence fixe à copier, et la cohérence devient une affaire de reproduction plutôt que de jugement. Dans Menu Atelier, la palette et les polices définies une fois voyagent avec chaque export : le PDF d'impression pour la table, les PNG par face que vous mettez sur votre site et la version A5 pour la vitrine sortent tous de la même source et restent au pas quand la carte change.

identité cohérente restaurantcarte enseigne site web cohérencecohérence de marque restaurantcouleurs de marque print et webenseigne de restaurant designcarte et site web assortis

Votre prochaine carte, conçue ce soir

Concevez gratuitement. Payez seulement au téléchargement ou à l’impression.