Le Guide du Web
  • Derniers articles
  • Le guide du web
  • Les récits du web
  • Plan du blog
  • Le glossaire du web
  • Contact
  • ABIMES CONCEPT
Le Guide du Web
  • Derniers articles
  • Le guide du web
  • Les récits du web
  • Plan du blog
  • Le glossaire du web
  • Contact
  • ABIMES CONCEPT
Le Guide du Web
Le Guide du Web
  • Derniers articles
  • Le guide du web
  • Les récits du web
  • Plan du blog
  • Le glossaire du web
  • Contact
  • ABIMES CONCEPT
Copyright 2021 - All Right Reserved
Webdesign

La charte graphique d’un site Web

par Avenier Michel 19 juin 2009
écrit par Avenier Michel 19 juin 2009
La charte graphique d'un site Web

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

Pourquoi créer une charte graphique web

  • 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

Les différents éléments d'une charte graphique

  • 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

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/

Web Design 10 Tendances 2020

Les pratiques et avantages du web design

Enregistrer

Enregistrer

cahier des chargescharte graphiquecréation de site webcritère d'ergonomieErgonomiegraphismeguide déterminant critères graphiquesidentité visuelleQue détermine une charte graphiquesite web
3 comments 0 FacebookTwitterPinterestEmail
Avenier Michel

Auteur et éditeur de sites Web depuis 1992...

Article précédent
Concepts et règles d’ergonomie d’un site web
Article suivant
Les nouvelles tendances du e-tourisme 2009

Related Posts

Les nouvelles pratiques du Web design

12 juillet 2022

Tendance web design 2022

26 janvier 2022

Nouvelles tendances web design 2021

5 janvier 2021

4 idées créatives d’inspiration en web design

9 octobre 2020

Réussir la création de votre site web

12 mai 2020

Web Design 10 Tendances 2020

13 janvier 2020

Le Storytelling en web design !

14 novembre 2019

Le Web Design émotionnel une nouvelle tendance !

11 octobre 2019

Les pratiques et avantages du web design

16 avril 2019

Création du logo de votre marque

26 octobre 2018

3 comments

Valentin 25 octobre 2013 - 10 h 16 min

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

Reply
Avenier Michel 25 octobre 2013 - 16 h 07 min

Ok merci Valentin pour votre post !

Reply
Le blog d’Abimes Concept » E-commerce: les erreurs à ne pas commettre ! 25 juin 2009 - 9 h 56 min

[…] 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 […]

Reply

Laisser un commentaire

Save my name, email, and website in this browser for the next time I comment.

2 × cinq =

Recherche

Suivez-nous

Facebook Twitter Instagram Pinterest Youtube

Articles récents

  • Les nouvelles technologies web de 2023
    Les nouvelles technologies web de 2023
    L’année 2022 à été une période de vache maigre pour nombreux secteurs d’activités, en 2023 nous…
  • Préparez votre site e-commerce pour Noël 2022
    Préparez votre site e-commerce pour Noël 2022
    L’e-commerce est une activité saisonnière. La haute saison étant Noël il est donc important de vous…
  • Réussir une stratégie de marketing digital
    Réussir une stratégie de marketing digital
    Depuis l’existence du net, les habitudes des consommateurs changent constamment et pour réussir dans le e-commerce,…
  • Le SEO une stratégie web trop relative pour atteindre votre cible
    Le SEO une stratégie web trop relative pour atteindre votre cible
    Le SEO soit le référencement naturel est désormais une stratégie web trop relative pour renforcer la…
  • Psychologie marketing du e-commerce
    La psychologie marketing une stratégie du e-commerce
    La psychologie marketing du e-commerce permet de comprendre et d’orienter les interactions des consommateurs pour améliorer…

Catégories

  • Création de site Web
  • E-business
  • E-commerce
  • E-marketing
  • E-pub (publicité)
  • E-tourisme
  • E-voyagiste
  • Ergonomie
  • Hébergement et nom de domaine
  • Non classé
  • Référencement
  • Refonte de site Web
  • Réseaux sociaux
  • Technologies WEB
  • Tracking
  • Vente en ligne
  • Webdesign
  • Facebook
  • Twitter
  • Instagram
  • Pinterest
  • Linkedin
  • Youtube
Le Guide du Web
  • Home