4 min de lecture
Identité de marque et identité du site web : que faut-il harmoniser ?
Un site Web doit reconnaître la même activité que ses autres documents sans imposer à chaque page une mise en page rigide. Ce guide sépare les règles de marque durables des décisions d'interface qui nécessitent une marge d'adaptation.
Séparez les règles de marque durables des décisions de page
Les noms, l'utilisation du logo, les couleurs principales et la voix nécessitent généralement une continuité, tandis que les modules de page et les modèles d'interaction répondent à la tâche. Une page de destination de campagne peut utiliser une hiérarchie plus stricte qu'une page À propos tout en utilisant le même système de type, de couleur et de ton.
Comparez le site Web avec les propositions, les profils sociaux et les documents de vente ; notez quelles différences semblent intentionnelles et lesquelles semblent accidentelles.
Une vérification d'identité pratique commence par les endroits où les clients rencontrent déjà l'entreprise. Comparez l'en-tête du site, le modèle de proposition, le profil social, la facture et la signature par courriel. Les différences ne sont pas automatiquement des problèmes, mais chacun devrait avoir une raison. Si le nom de l'entreprise, l'offre ou les coordonnées changent entre les canaux, résoudre ces faits avant de discuter d'une nouvelle direction visuelle.
Traduire les règles d'identité en règles d'interface
Une ligne directrice de marque devient utile en ligne lorsqu'elle explique le contraste, le comportement du logo réactif, les rôles de la typographie et le traitement de l'image. Un ordinateur de bureau peut nécessiter une version mobile compacte, et une police d'affichage peut nécessiter un compagnon plus lisible pour les formulaires et le texte long.
Vérifiez la navigation, les boutons, les en-têtes, les formulaires, les états d'erreur et les fichiers téléchargeables au lieu de juger uniquement le héros de la page d'accueil.
Transformez le guide de la marque en décisions qu'un navigateur peut rendre et qu'un éditeur de contenu peut répéter. Spécifiez les combinaisons de texte et de fond qui répondent au contraste requis, les tailles minimales du logo, les rôles de tête et de corps, le traitement des liens et les cultures d'images autorisées à des largeurs étroites.
Gardez la cohérence sans rendre chaque page identique
La cohérence vient de décisions répétées, et non de la copie d'une composition sur le site. Les pages de service peuvent partager l'espacement, les étiquettes et les appels à l'action tout en modifiant l'ordre de leur contenu pour correspondre à différentes questions.
Auditer les composants récurrents et les exceptions ; supprimez les styles uniques qui n’ont aucun objectif documenté.
Une page de service peut mener avec la portée et la preuve, un article avec son contexte de question et de lecture, et une page de contact avec les détails de réponse. Ils peuvent toujours utiliser la même échelle de type, les mêmes rôles de couleur, les mêmes jetons d'espacement et le même langage de bouton.
Créer un transfert que les gens peuvent réellement utiliser
Le système final devrait indiquer aux éditeurs et aux développeurs quoi choisir lorsqu'ils ajouteront du contenu ultérieurement. Un court guide de composants et de contenu est souvent plus utile qu'un PDF de grande marque qui ne décrit jamais le site Web en direct.
Vérifications pratiques
- Documentez les actifs approuvés, les rôles de type, les combinaisons de couleurs, la direction de l'image et des exemples d'utilisation correcte du mobile.
La remise devrait répondre aux questions qui apparaissent après le lancement : quel fichier logo appartient sur un fond sombre, qui peut approuver une nouvelle couleur, comment une page de campagne devrait utiliser la photographie, et quels composants sont disponibles dans le CMS. Conservez les fichiers sources, les formats d'exportation et les notes d'utilisation ensemble.
Service associé