La première impression qu’on perçoit visuellement en surfant sur un site web c’est la charte graphique. En effet, la charte graphique d’un site web affiche l’identité via le logo d’une marque ou d’une entreprise. Le graphiste conçoit une charte graphique pour déterminer tous les éléments graphiques : logo, typographie, icône, design et couleurs…
Cette charte graphique est un ensemble de règles à suivre à partir d’un cahier des charges. Cette charte est principalement utilisée pour servir la communication de l’entreprise. Cela pour créer divers supports graphiques ; site internet, cartes de visite, flyer, affiche publicitaire…
La charte graphique d’un site web
Les différentes fonctions d’une charte graphique
- Améliorez l’image de marque avec un professionnel du web design.
- Définir et intégrez l’ergonomie en favorisant l’accès à l’information.
- Apportez une valeur ajoutée au contenu textuel.
- Fidélisez les clients par l’identification d’une marque.
Les éléments d’une charte graphique d’un site web
- Le logotype : taille, position, déclinaisons utilisées…
- Les polices de caractères
- Les jeux de couleurs
- Les icônes de navigation pour l’ergonomie du site
- Les principes de choix des illustrations
- Le positionnement des illustrations et des différents éléments graphiques (mise en page… )
- L’arrière plan (couleur ou image)
Les critères de la charte graphique d’un site web
- La charte graphique devrait être cohérente a l’identité et l’activité de la marque ou de l’enseigne de l’entreprise.
- Le design devrait être ergonomique (icônes de navigation et couleurs explicites). Optez pour la clarté en respectant une certaine harmonie entre les couleurs et les éléments graphiques.
- Les couleurs et la typographie devraient faciliter la lecture (gamme de couleurs cohérentes, style de police,). Pensez aux daltoniens, respecter certaines règles, de même pour les mal-voyants.
- Le temps de chargement des pages lors de la navigation doit être le plus court possible (pas d’image lourde).
Créez la charte graphique de votre site web
Exemple de mood board
La façon la plus simple de commencer est de créer un mood board pour développer un concept. Vous pouvez le faire en ajoutant divers éléments (images, photos, illustrations, publicités, etc.) au document pour donner du sens à votre charte graphique. Lorsque vous avez tous ces éléments sous les yeux, vous pouvez voir l’harmonie des couleurs et ce qui ne fonctionne pas. Présentez ce mood board à vos collègues ou votre entourage pour avoir un retour d’expérience immédiat. Vous souhaitez donner une image de modernité ou de tradition. Pour cela présenter des images de vos produits. Il est également important de connaître ce que votre marque doit évoquer auprès du public. Enfin, une fois le moodboard assemblé et prêt, il ne reste plus qu’à le créer. Choisissez les couleurs, la typographie, le logo et combinez-les tous pour voir si cela s’harmonise bien…
N’oubliez pas ! Le graphisme est l’élément déclencheur ! Alors, donnez envie aux internautes de franchir votre page d’accueil de site internet.
Autres articles :
https://www.abime-concept.com/blog/2009/05/25/rafraichissement-ou-refonte-de-site-web/
3 comments
Bonjour,
Cette liste récapitule très bien les éléments d’une charte graphique. Elle est souvent délaissée par les petites entreprises alors qu’elle est le pilier d’un bon développement.
Ce qu’il faut comprendre c’est qu’elle permet à une entreprise non seulement de se différencier de ses concurrents mais aussi d’offrir une plus grande crédibilité.
Une charte graphique correctement conçu donne souvent une bonne perception de qualité produit / service. La confiance ou la perception de confiance est le premier pas vers une vente ! Tous les éléments qui mènent à l’acte d’achat doivent donc impérativement être soignés pour s’assurer un taux de conversion optimal.
Merci et à bientôt
Valentin
Ok merci Valentin pour votre post !
[…] La navigation sur le site doit être intuitive pour que le visiteur se sente bien et achète. La charte graphique doit refléter votre activité et votre entreprise et elle doit inspirer un sentiment de […]