Aujourd’hui avec la pléiade de sites internet que l’on retrouve sur la toile, il est indispensable de se différencier via une réelle image de marque. Et cela passera au préalable par la création de la charte graphique de votre site web.

1. Qu’est ce que la charte graphique d’un site web?

Il s’agit de tous les éléments qui vont définir son identité visuelle :  

• Logo
• Palettes de couleur 
• Police de caractère
• Éléments visuels

Votre charte graphique est un vrai pilier quant à la stratégie de conception de votre site internet. Il en découle toute la cohérence de son signalement visuel. On parle ici d’une identité qui sera la première accroche pour les visiteurs de votre site. Grâce à elle, vous pourrez vous démarquer de la concurrence et garantir une bonne expérience utilisateur.

2. Comment créer une charte graphique?

2.1.Rédiger une courte présentation de votre projet web et des objectifs à atteindre.

Qu’il s’agisse d’un site vitrine ou e-commerce, nous vous conseillons de reprendre les éléments essentiels de votre business model  :

Et comme pour un blog, n’oubliez surtout pas, les émotions que vous voulez faire passer.

2.2.En fonction de ses éléments, le mieux serait d’ores et déjà de réfléchir à votre logo.

• Forme
• Couleurs
• Déclinaison en fonction des supports

Celui-ci a pour rôle d’attirer l’attention. Idéalement, il ne doit pas laisser indifférent et faire en sorte que l’on puisse l’associer rapidement à ce que vous faites.

Si ça peut vous aider, voici des IA qui vont vous proposer des logos simplement en vous posant des questions sur votre activité.

➢  Looka

➢ Tailor Brands

➢ Smashinglogo

➢ Brandcrowd

2.3.Opter pour la ou les typographies de votre site.

Élément crucial pour la visibilité et plus particulièrement pour la lisibilité de votre site, cette sélection est à prendre très au sérieux. 

À ce sujet, certains designers préconisent d’éviter les polices de caractère avec serif (petites pattes qui se trouvent aux extrémités des lettres).

Souvent, la difficulté peut se trouver dans le fait qu’il y a  un nombre incalculable de polices disponibles sur le web. On a vraiment vite fait de s’y perdre. Ci-dessous, quelques astuces : 

■ Prévisualiser les différentes typographies en utilisant Google Fonts.

■ Ou encore, vous pouvez faire un rapide tri sélectif via des filtres en utilisant fontbrief.

2.4.Déterminer la palette de couleurs.

L’erreur à surtout éviter est de choisir des couleurs qui vous plaisent sans penser aux potentiels visiteurs de votre site. N’oubliez pas que celui-ci s’adresse à une cible. Et c’est avant tout à elle que doit parler les couleurs adoptées. Donc, plus vous connaissez votre cible sur le bout des doigts (goût, préférence en termes de contenu et de biens de consommation) et mieux vous pourrez déceler quelle palette retenir.

Raison pour laquelle, certains marqueteurs parlent de la nécessité d’empathie dans ce genre de réflexion.

Voici 2 logiciels qui vous permettront de créer facilement une palette de couleurs :  

2.4.Choix des icônes.

Tout comme les typos, il existe bon nombre de banques d’icônes disponibles. Ainsi, une nouvelle fois, décider de la bonne option à prendre peut s’avérer drastique.

Ce qui est impérativement nécessaire de garder en tête, c’est que les icônes présentes sur votre site doivent laisser un rendu homogène.

Liste de banques d’icônes gratuites :

➢ Feather

➢ Flaticon

➢ CSS.GG

2. Comment trouver l’inspiration?

Afin de trouver l’inspiration, il n’est pas interdit d’analyser les choix graphiques de vos concurrents directs. Voyez ce qui vous paraît plus ou moins efficace et conservez vos différentes remarques sur un document dédié. 

Quant à trouver toutes sortes de visuels, des idées de palettes de couleur ou même des slogans, ça peut être une bonne chose d’aller visiter les sites suivants : 

➢ Behance

➢ Pinterest

Maintenant que vous y voyez plus clair, pourquoi pas faire un schéma récapitulatif ou une mind map regroupant tous les éléments de votre charte graphique. 

Voir exemple ci dessous :