Créer l'identité visuelle d'un site internet : Le guide du débutant

L'identité visuelle est la base d'une marque forte. Zoom sur cet aspect fondamental de la création d'entreprise et de son site web !

L’identité visuelle de votre entreprise est la “carte d’identité graphique” de votre marque. Elle joue un rôle majeur dans la détermination de votre image de marque⁠(s’ouvre dans un nouvel onglet ou une nouvelle fenêtre), c’est-à-dire dans la façon dont le public perçoit votre entreprise. En effet, l’aspect visuel est, de façon générale, la première chose que remarquera votre client potentiel, ce qui marquera son esprit, avant même qu’il en ait pris conscience. L’identité visuelle de votre site internet devra donc s’inscrire en cohérence avec l’ensemble de votre stratégie de branding, en permettant de communiquer vos valeurs d’entreprise, mais aussi en faisant en sorte que votre marque soit immédiatement reconnue.

Autrefois, le principal critère de concurrence était la proximité géographique, ou un emplacement physique stratégique. Aujourd’hui, le consommateur a la possibilité de comparer les produits et services qu’il achète, en se basant sur de nombreux paramètres, augmentant ainsi considérablement l’aspect concurrentiel. Dans ce contexte, l’achat émotionnel prend de plus en plus d’ampleur, et le consommateur est souvent amené à se tourner vers les marques qui lui semblent mieux correspondre aux valeurs qu’il souhaite porter.

C’est pourquoi, il est incontournable pour toute entreprise, d’investir temps et ressources dans la construction d’une identité visuelle forte. Le web, étant devenu la première étape de consommation (81% des acheteurs font des recherches sur internet avant d’acquérir un produit selon une étude Smart Insights), il sera donc primordial de soigner votre identité visuelle digitale, notamment au travers de votre site.

Définition :

L’identité visuelle fait partie de l’identité de marque. Elle correspond à l’ensemble des éléments graphiques qui permettent d’identifier une entreprise, et que l’on retrouve sur tous les supports de communication, que ce soit sur papier ou sur le web. Elle contient donc le nom de la marque, le logo, les couleurs, la typographie, les pictogrammes, la mise en page, les illustrations etc. Elle transmet tout aussi bien les valeurs que la vision et les activités de l’entreprise.

L’identité visuelle s’inscrit dans une stratégie de communication, dont voici les objectifs fondamentaux : séduire le consommateur, impacter le public, asseoir la notoriété de l’entreprise, donner une impression de professionnalisme et de crédibilité auprès de l’ensemble des partenaires. Une identité visuelle efficace doit être simple, cohérente, signifiante, et elle doit être immédiatement reconnaissable pour se démarquer. Il peut être utile, pour un résultat impactant, de recourir à une agence web⁠(s’ouvre dans un nouvel onglet ou une nouvelle fenêtre) ou à un web designer. Soyez sûr, en tout cas, d’avoir bien en tête les points suivants, avant de vous lancer :

Définissez vos besoins, vos intentions

• Réfléchissez aux questions qui suivent: - Qui sont vos concurrents (qu’est-ce qui vous différencie d’eux) ?- Quels sont vos objectifs en termes de communication ?- Quelles ambiances souhaitez-vous véhiculer autour de votre marque ?- Quelles sont les marques qui vous plaisent et vous inspirent ?
• Déterminez le profil-type de vos clients : il ne faut pas chercher à plaire à tout le monde, mais au contraire vous focaliser sur votre clientèle cible, et créer votre identité visuelle en fonction de celle-ci.
• Sélectionnez les canaux de communication, à utiliser en fonction de vos objectifs et de votre cible.
• Choisissez votre style (par exemple : classique, rétro, flat design...)
• Sollicitez votre entourage, et éventuellement l’avis des consommateurs, en leur demandant des retours

Rédaction éventuelle d’une charte graphique

Il peut être utile, afin de fixer et clarifier les prérogatives de l’identité visuelle d’une marque, de rédiger un document institutionnel appelé “charte graphique”. La charte graphique⁠(s’ouvre dans un nouvel onglet ou une nouvelle fenêtre) de votre site web sera une déclinaison de ce document général qui recouvre tous les supports de communication de l’entreprise. La majorité des éléments se retrouvera dans les deux documents. Mais la charte graphique du site pourra bien évidemment contenir des éléments spécifiques, tels que les boutons ou les bannières.

Soignez la cohérence

La cohérence de votre identité visuelle doit correspondre pleinement aux valeurs de votre marque, mais vous devez également veiller à garder une unité entre les différents supports de communication utilisés par votre entreprise. En effet, vos visuels doivent être immédiatement repérables, et rattachés instantanément à votre marque dans l’esprit des consommateurs, que ce soit sur papier ou sur Internet.

N’omettez rien, car tout ce qui touche à votre marque a son importance : site internet, réseaux sociaux, applications web, signature de mail, newsletter, packaging, enseigne, véhicules de société, papier à lettres, cartes de visite, flyers, dépliants, plaquettes commerciales, documents de présentation virtuels, bannières web publicitaires, etc. Notez également que si vous venez à modifier votre identité visuelle (votre logo, votre slogan...), il vous faudra procéder à un repérage, et à une mise à jour scrupuleuse des éléments de votre communication.

Visez la simplicité

Ne cherchez pas à trop en dire à la fois : un message efficace est un message simple. Au contraire, vous risquez de perdre votre visiteur à vouloir lui faire passer trop d’informations en même temps. Des éléments visuels forts vous aident à faire rapidement passer un maximum d’émotions.

Misez sur la lisibilité

Essayez de rester facile à comprendre. Comme déjà dit, les éléments visuels permettent de véhiculer de nombreuses informations en très peu de temps. Exploitez cette instantanéité en effectuant un choix clair et éclairé.

Pour votre création de site internet, vous avez deux alternatives :

- Vous pouvez utiliser un service en ligne de création de site. Cela vous permettra d’utiliser un template prédéfini que vous personnaliserez et adapterez de façon autonome, en fonction de l’image et des valeurs que vous souhaitez véhiculer. Dans ce cas, choisissez des visuels simples, mais qualitatifs. Ne misez pas sur des projets graphiques trop complexes, et jouez plutôt la sécurité. Dans ce contexte, une plateforme de création de site simple à appréhender, vous permettant une totale liberté, sera à privilégier.

- Soit vous choisissez de travailler avec un professionnel du web design. Dans ce cas, pensez à rédiger votre projet à l’écrit, de la façon la plus claire possible, et transmettez ce cahier des charges à votre prestataire; cela lui fournira la base de son travail, et évitera des déconvenues. Pensez également à demander à votre graphiste de vous fournir des formats compatibles, et de vous transmettre les fichiers sources, de sorte à pouvoir les modifier vous-même, par la suite.

● Choix du logo, du slogan

Il existe de nombreux outils en ligne vous permettant de créer vous-même votre logotype. Mais encore une fois, vous pouvez également recourir aux services d’un graphiste professionnel. Votre logo devra être évocateur, déclinable et intemporel. Il devra également être bien visible, facilement compréhensible, et simple à mémoriser. Il doit pouvoir être utilisé en couleurs, ou en noir et blanc, et en toutes tailles. On lui associera une charte d’utilisation, afin de l’utiliser à bon escient sur les différents supports de communication. Pensez également à l’aspect juridique, en déposant votre logo auprès de l’INPI.

● Choix des couleurs

Comme nous le savons tous, les couleurs influencent notre comportement. Il vous faut donctrouver les bonnes couleurs⁠(s’ouvre dans un nouvel onglet ou une nouvelle fenêtre)pour transmettre, avec exactitude, les valeurs et les émotions associées à votre entreprise. Par exemple, le rouge est souvent rattaché à la passion, le dynamisme, la confiance, le pouvoir... alors que le vert est généralement relié à l’équilibre, la prospérité, la nature, la sécurité. Mais il vous faut également trouver des combinaisons de couleurs harmonieuses, qui se mettent réciproquement en valeur, et ne jurent pas entre elles.

● Choix de la typographie

Le choix de votre typographie, là encore, ne se fera pas au hasard. Les polices que vous sélectionnerez se retrouveront sur tous vos supports de communication, et ont plus d’impact qu’on ne pourrait être tenté de le croire au premier abord. Par exemple, une police en italique a tendance à rappeler le mouvement, la souplesse, une police bâton suggère la précision ou la stabilité, une police épaisse induit plutôt la force, alors qu’une police fine souligne l’élégance. La sélection de la typographie n’a donc rien d’anodin, et il importe d’y accorder du temps et de la réflexion.

● Choix des visuels clés

Il existe de nombreuses banques d’images⁠(s’ouvre dans un nouvel onglet ou une nouvelle fenêtre) vous permettant de choisir des photos gratuites et libres de droit, parmi des milliers de possibilités. Pour autant, ne choisissez pas une photo sans âme : veillez à ce qu’elle fasse écho aux valeurs de votre entreprise. Une illustration, de par sa lisibilité immédiate, donne d’emblée le ton du message. Vous pouvez choisir des photographies, des dessins, mais également des vidéos. Dans tous les cas, soyez bien conscient de ce que cela évoque et exprime au sujet votre marque.

● Choix des formes, signes et pictogrammes

La sélection des icônes, des formes ou des pictogrammes utilisés sur votre site internet ne devra pas non plus être laissée au hasard. Il est conseillé de télécharger directement des sets d’icônes, afin de garder une cohérence graphique bien délimitée.

Pour ce qui est des boutons, il est généralement utile de les décliner en 2 ou 3 versions (bouton simple, bouton texte + icône et bouton d’appel à l’action).

● Choix de la mise en page, des marges et emplacements

Enfin, la mise en page a également son importance, choisissez avec attention l’espacement entre les éléments et la place de ceux-ci. Votre visiteur n’aura pas du tout la même sensation, selon que vos pages sont chargées ou aérées; et vous pouvez également souhaiter mettre en avant une information ou un produit spécifique, en les positionnant stratégiquement. Pensez aussi à optimiser la version responsive de votre site internet. En effet, le m-commerce ne cesse de prendre de l’ampleur : en 2017, l’achat sur mobile représentait déjà près de 60% du commerce électronique selon une étude de eMarketer.

→ Vous en savez maintenant un peu plus sur la notion d’identité visuelle : comment la définir, la mettre en place, et l’adapter de façon efficace à votre site web. A vous de créer la vôtre !