Webmaster freelance » Charte graphique de site web » La charte iconographique

La charte iconographique

    illustration-charte-graphique
    Partagez cet article sur les réseaux sociaux !

    Faire des textes pour votre site web, c’est une chose. Mais le garnir d’éléments pertinents pour votre site web est parfois difficile. Cela prend du temps et ça coûte de l’argent vous vous dites. Mais détrompez-vous : un site internet est tellement plus agréable avec une illustration percutante. 

    Le choix du contenu iconographique pour améliorer le web design est crucial pour se démarquer de ses concurrents.

    Un article agrémenté de visuels va plus loin qu’un long texte sans image car elle délivre aussi des messages. C’est un gage de qualité pour votre site web. Pictos, puces infographies, photos, vidéos, call to action sont autant d’éléments pour votre charte iconographique. Il doit donc attirer l’œil de l’internaute et être adapté à son activité pour véhiculer l’image de marque de votre entreprise.

    Voici tous les secrets d’une bonne iconographie de site web.

    Pourquoi s’attarder sur l’iconographie?

    Capter l’attention avec des images

    Le contenu d’un site internet constitue la vitrine de votre entreprise. Vos textes sont illustrés par des photos, des pictos, des icônes, des vidéos dans votre domaine d’activité. Ils constituent les éléments iconographiques.

    Votre univers se présente sous une forme immédiatement accessible. Car le graphisme délivre aussi des messages et renforce votre image de marque. L’image facilite la compréhension en l’illustrant. L’accès aux textes est renforcé et vous touchez la zone émotionnelle de vos internautes.

    On reconnaît alors un certain “pouvoir” aux images et notamment celui de renforcer votre image de marque.

    Cela profite à votre référencement

    Des mises à jour régulières améliorent votre visibilité en termes de référencement naturel. Pensez à renouveler les images et les photos de votre site web. Pour rester pertinent, un site internet doit rester vivant.  

    La fraîcheur d’une page permet de booster votre référencement naturel. Comme les photographies sont taguées, elle renforce votre référencement naturel.

    L’iconographie permet de fidéliser vos internautes en leur proposant toujours quelque chose de nouveau. N’hésitez donc pas à ajouter régulièrement des illustrations.

    Cela améliore l’expérience utilisateur 

    Votre communication est adaptée à vos prospects qui recherchent souvent à être rassurés à travers une mise en page simple et évidente et à trouver la bonne information sur votre site internet. L’iconographie web fait que la mise en page de votre texte est plus aérée et votre site est plus convivial.

    L’ergonomie qui passe par le zoning de vos pages web doit inclure les éléments graphiques qui permettent de gagner en lisibilité afin d’améliorer l’expérience utilisateur.

    Différents supports peuvent être utilisés pour illustrer votre page et attirer le regard : des icônes, des infographies, des images 3D, des photos, des pictos, des call to action.

    contenu iconographique

     

    Les différents types d’éléments iconographiques

    Les infographies : le contenu iconographique idéal

    Les infographies permettent d’illustrer vos propos sur un thème de votre secteur. C’est une illustration qui présente souvent sous forme de schémas, des chiffres, de stats, les dernières informations ou connaissances dont vous disposez sur le sujet.

    Vous pouvez devenir rapidement incontournable dans votre secteur par exemple en délivrant les chiffres clés de votre activité dans une belle infographie.

    Plus parlante qu’un texte, une infographie peut vite devenir virale, être partagée et donc améliorer votre référencement. 

    Une bonne infographie vous permet de mettre en valeur vos textes et d’être relayée sur les réseaux sociaux. Cela améliore votre notoriété et profite à votre référencement si votre article est partagé.

     

    les ancres optimisées pour le SeoExemple d’infographie

     

    Les images 3D

    Elles sont parfaites pour proposer un site internet alors que vos locaux ne sont pas encore ouverts ou pour présenter vos projets de développement. Un logo 3D offre aussi une touche de modernité.

    N’oubliez pas d’ajouter des ombres portées sur vos blocs de textes. Cela donne l’impression d’une mise en page 3D.

     Bouton 3D

    Les icônes

    Des centaines d’icônes libres de droits pour illustrer votre site sont présentes sur font-awesome ou sur  the noun project. 

    Vous trouverez aussi des exemples à télécharger sur Iconfinder et sur Uxwing

    Flaticon  permet également de trouver des ressources gratuites.
    Redshot dispose aussi d’une section : ” icônes gratuites”.

    C’est idéal pour renforcer votre message et rassurer les visiteurs.

    Pensée pour résumer une action ou un service, une icône délivre un message instantané sans faire de long discours.

    éléments iconographiques

    Les images

    Les images offrent un terrain de jeu encore plus grand. Plus variées que ce que permet la photos, une image peut bousculer l’imaginaire et favoriser la transmission d’une impression positive.

    optimiser votre site internet

    Les photos

    N’hésitez pas à ajouter vos propres photographies. Si vous n’en avez pas, voici quelques astuces pour en trouver à moindres frais :

    Site de photographie libres de droits :

    Vous pouvez choisir à partir de mots clé la photo qui vous convient le mieux.

    Les pictos

    Ils sont plus qualitatifs que les icônes. Idéal pour renforcer la sensation de plaisir, c’est un élément iconographique de qualité s’ils sont conçus sur mesure.

    Il s’agit d’un bon compromis pour enrichir votre site web en lui donnant une touche personnelle. Ils ajoutent à la compréhension et structurent la page en simplifiant votre message.

    L’avantage des pictos est d’annoncer le contenu de votre texte tout en donnant une image positive. Ils agrémentent aussi la mise en page en donnant de la plus-value à vos annonces. Un picto résume votre propos en une image tout en ajoutant une proximité entre le visiteur et votre site internet grâce au fait que cela simplifie la compréhension. Il contribue ainsi à renforcer votre message.

    Certains pictos sont appelés “Call to Action” et permettent d’attirer le regard de l’internaute pour l’inciter à effectuer une action mais les pictos ne sont pas destinés à jouer un rôle interactif sur la page.

    Ils permettent aussi de gratifier l’internaute en cas de succès lors d’une interaction avec le site internet. 

     

    picto site web
     

    Les appels à l’action

    Comme les pictos, ils peuvent être personnalisés. Les call to action ont la même fonction qu’un bouton et sont là pour inciter les internautes à l’action.

    Généralement lié à l’interactivité d’un site web, ils annoncent la page suivante ou le bénéfice que le visiteur va tirer en cliquant sur le lien.

    Ils sont aussi là pour augmenter la sensation de plaisir sur un site web.

    iconographie site web Facebook

    Les plans

    Très courants sur les pages contacts, les plans peuvent rassurer l’internaute.

    Cela permet aussi de gagner du temps en permettant à votre visiteur de vous situer en un coup d’œil et cela peut pousser le visiteur à vous rendre visite s’il connaît votre localisation. 

    Allez sur Google Maps et ajoutez de l’interactivité à votre site internet en proposant aux internautes de se familiariser avec le quartier où sont vos locaux.

    plan pour illustrer

    Les puces

    Voici quelques exemples de puces pour agrémenter votre site web. Couleur, forme, taille, il n’y a pas de limites à votre imagination.

    • Exemple 1
    • Exemple 2
    • Exemple 3
    • Exemple 4

    Les listes à puces permettent de structurer votre contenu.

    C’est important pour la compréhension. Il est aussi possible d’en créer sur mesure avec une feuille destine CSS.

    Les vidéos

    Aujourd’hui avec les smartphones, les vidéos occupe une place de plus en plus grandissante que ce soit sur les réseaux sociaux, sur Youtube et même sur les sites web.

    Une courte description de vos intentions ou une présentation vivante de votre activité aura plus d’impact que vous ne le pensez. Elle permet de mieux vous connaître et d’interagir avec l’internaute. Sachez qu’une vidéo est plus consultée qu’un texte ou une photo.

    Vous pouvez aussi sous-titrer les vidéos pour permettre à ceux qui consultent Facebook dans les transports de suivre votre propos sans écouteurs.

    site web optimisé

    Conclusion

    Le contenu iconographique fait partie intégrante de la charte graphique.

    Photos, icônes, pictos, vidéos, call to action, ils permettent de transmettre un message clair et souvent plus rapidement qu’un long texte en laissant aux internautes une impression agréable.

    Bref, l’iconographie web est idéale pour enrichir l’expérience utilisateur de votre site internet.

     


    Partagez cet article sur les réseaux sociaux !

    Laisser un commentaire

    Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *


    BESOIN DE CONSEILS ?

    Si vous voulez discuter de votre projet web, n’hésitez pas à en parler avec Webmaster freelance!

    06 63 27 17 00