Web design : quand utiliser une illustration ?

illustration et webdesign

Sur Graphiste.com, recevez rapidement des devis pour réaliser votre projet Webdesign. Trouver un webdesigner disponible

Le moment est-il venu d’utiliser des illustrations pour votre webdesign ?

Intégrer des illustrations dans vos newsletters, sur votre site web ou votre blog permet d’optimiser vos chances de capter l’attention de votre audience. C’est aussi le moyen de personnaliser vos supports de communication et de marketing et de rendre vos contenus plus impactants.

Nul besoin de faire des aller-retour dans le temps pour tester les impacts de cette décision : nous allons voir ensemble quand ces dessins peuvent servir votre but…

 

À quoi sert une illustration web ?

Cette première question est déjà cruciale. Car, après tout, que fait une illustration : ce n’est jamais qu’un petit dessin sans importance, n’est-ce pas ? Faux !

Les illustrations, en effet, servent avant tout à faire passer des messages. De manière beaucoup plus rapide et efficace qu’un long texte de plusieurs lignes.

Revenons dans le monde moderne, et sur internet plus précisément : combien d’internautes, à votre avis, consacreront du temps à regarder avec attention le moindre mot de vos pages web ?

La réponse, après une longue étude scientifique, se résume en deux mots : très peu. Sans apport visuel, vous perdrez leur attention et vous n’arriverez pas à les convaincre.

illustration medium doit a oubli UX UI webdesign
UI droit à l’oubli desktop et mobile par Claire Gautier

Soit, me direz-vous, mais après tout, on n’est plus à l’époque de Lascaux, on peut utiliser aussi des photos ou des vidéos maintenant.

À lire aussi : 4 outils pour créer de superbes bannières web

 

Pourquoi utiliser une illustration web plutôt qu’une photo ?

Les photos, ce sont des visuels bien pratiques. En plus, il existe même de nombreuses banques d’images qui ont été conçues juste pour vous servir.

À lire aussi : Comment faire une caricature ?

Certes. Mais êtes-vous certain de trouver facilement des photos qui :

  • Correspondent à vos besoins, votre univers, vos codes couleur ?
  • Auront un lien les unes avec les autres pour créer une cohérence sur tout votre site ?

Pour y parvenir, il vous faudra souvent faire appel à un photographe, prévoir des séances de pose… C’est le seul moyen d’avoir réellement un résultat personnalisé.

À moins que… attendez… Oui, les illustrations permettent d’obtenir le même résultat, pour un budget souvent moindre.

Je ne vous dis pas d’abandonner tout à fait l’utilisation de prises de vue réelles. Mais les illustrations sont moins onéreuses, et peuvent également plus facilement être intégrées à divers endroits de vos pages, là où, parfois, une photo attirerait trop l’attention.

Revenons donc dans le présent, je veux dire au sujet présent, et voyons comment, concrètement, vous pouvez utiliser les illustrations dans votre webdesign.

À lire aussi : Web design : comment utiliser l’effet Parallax ?

 

À quel moment utiliser des illustrations sur le web ?

Vous pouvez bien sûr utiliser des illustrations quand cela vous fait plaisir, pour faire joli. Est-ce que cela vous sera utile ? Toujours pas 😉

Il sera bien plus efficace de considérer les illustrations comme des outils. Pas nécessairement pour vous, mais surtout pour vos utilisateurs.

En webdesign, une illustration sera ainsi plus que bienvenue pour :

  • fournir une explication sur l’utilisation d’une fonction ;
  • indiquer quelle action doit être effectuée ;
  • communiquer avec votre utilisateur (pour le féliciter ou le remercier, par exemple) ;
  • compléter la lecture d’un texte trop long ou difficile à comprendre.

On en revient à ce que nous disions au début : l’illustration sert à faire passer un message.

Par la suite, vous pourrez en utiliser pour vos pages 404, pour créer un storytelling dans votre site web ou pour créer une véritable immersion dans celui-ci.

Du moment qu’elles sont en lien aussi bien les unes avec les autres, que par rapport à votre univers graphique et à vos valeurs, les illustrations seront toujours parlantes.

À lire aussi : Web design : 4 étapes pour une charte graphique parfaite !

 

Illustrations web et optimisation SEO

illustration et SEO

Un bon référencement naturel de vos illustrations garantit une meilleure visibilité sur les moteurs de recherche. En suivant quelques règles d’optimisation SEO essentielles, vous serez en mesure d’améliorer le classement de vos pages sur Google et d’augmenter le trafic sur votre site.

Pour optimiser vos illustrations, vous devez leur donner un petit nom et renseigner la balise Alt. Bien sûr, le nom de l’illustration doit être significatif et optimisé pour que les utilisateurs vous trouvent facilement sur Google Images notamment. Vous pouvez aussi ajouter une légende à vos illustrations pour aider l’utilisateur mais aussi Google à comprendre le contexte. Aujourd’hui, il est indispensable de travailler votre présence sur les recherches images pour gagner en visibilité et captiver l’audience.

 

UX design et illustrations

illustration et UX design

Le graphisme d’un site internet peut améliorer l’UX design d’un site web ou design de l’expérience utilisateur. L’UX désigne l’ensemble des émotions des utilisateurs lorsqu’il arrive sur une page web. Une illustration peut servir à optimiser l’UX design en améliorant l’expérience utilisateur. En effet, la dimension visuelle est très importante pour capter l’attention des utilisateurs. Si le graphisme et les illustrations sont mal conçus ou inadaptés, le visiteur ne va pas s’attarder sur le site.

Les images sont ce que l’utilisateur remarque en premier en arrivant sur un site web, elles doivent donc être de bonne qualité et en adéquation avec votre marque.
N’hésitez pas à faire appel à un graphiste professionnel pour créer des illustrations professionnelles.

 

La mise en page

Le positionnement d’une illustration sur une page web a son importance en matière de webdesign. Mais comment positionner les images pour concevoir un agencement optimisé et faciliter la navigation du visiteur ?

– L’illustration peut être utilisée comme introduction d’un site web si elle contient un message, une accroche ou une action.
– Les illustrations en pleine largeur peuvent servir de bandeau pour mettre en avant un message sur un site ou sur tout autre support de communication.
– Vous pouvez utiliser une illustration pour illustrer un contenu associé
– Les images peuvent être utilisées dans des listes pour diriger efficacement l’utilisateur.

L’endroit le plus approprié pour le placement d’images en webmarketing serait sur la partie supérieure gauche d’une page. Vous pouvez aussi centrer les images entre des paragraphes de texte comme sur la plupart des articles de blog.

 

Dans le respect de la charte graphique

illustration et charte graphique

Vos illustrations doivent être conçues dans le respect de la charte graphique de votre marque. Vous pouvez en utiliser plusieurs tant qu’elles restent cohérentes avec le design de votre site et de votre marque. Si vous utilisez habituellement des couleurs douces dans votre communication marketing, il n’est pas conseillé de créer des illustrations avec des couleurs vives ou criardes. Si vous utilisez régulièrement des illustrations, le graphisme de base doit être le même pour rester cohérent et ne pas perdre le visiteur.

 

Des illustrations web aux bonnes dimensions

En partant du principe qu’une page web fait 1000 pixels de large, il n’est pas conseillé d’y intégrer des illustrations plus larges au risque d’augmenter le temps de chargement de la page. Vous devez redimensionner vos illustrations pour optimiser le temps de chargement et ne pas être pénalisé par Google. Vos illustrations doivent aussi être responsives pour s’adapter aux écrans d’ordinateurs, aux mobiles et aux tablettes.

De plus, vos illustrations doivent être de bonne qualité. Une image pixellisée ne laissera pas une bonne impression de votre site web aux utilisateurs, c’est une question de réputation !

 

Concevoir des illustrations tendances

Illustration modernes

Les tendances graphiques en web design sont en perpétuelle évolution tout comme le marketing digital. Il est donc nécessaire de respecter ces tendances lorsque vous créez vos illustrations. Faites preuve de créativité, d’originalité et de cohérence pour optimiser votre stratégie mais regardez aussi ce qui se fait autour de vous.

Sans copier ou juger le travail de vos concurrents, vous pouvez vous inspirer de leur univers pour vous aider à créer le vôtre en suivant (un peu) les tendances graphiques. Inspirez-vous des marques que vous admirez en matière de web design et analysez la façon dont elles utilisent les illustrations dans leur stratégie web. Tenez-vous informé des tendances actuelles en matière d’illustration pour ne pas être trop en décalage dans votre communication visuelle.

 

Le respect des droits d’auteur

Les parfaits novices seraient tentés de faire une recherche sur Google et de jeter leur dévolu sur la première illustration qui leur plaît…Cette technique est rapide mais elle n’est pas forcément légale. Vous devez sélectionner des illustrations dans le respect des droits d’auteur. Si vous ne concevez pas vous-même vos illustrations, vous pouvez utiliser des images libres de droit et avec une licence.

 

Utiliser une illustration pour créer un univers

illustration 3D

Vous pouvez utiliser des illustrations pour créer un véritable storytelling et partager votre univers avec votre public. L’illustration est un moyen de communication efficace et sert aussi à créer une ambiance autour d’une thématique précise. Vous pouvez raconter des histoires fascinantes en utilisant des illustrations.

Vous n’avez plus besoin d’ouvrir un livre pour enfants pour entrer dans un univers, le web s’en charge très bien avec l’intégration d’illustrations 3D notamment. Les nouvelles technologies offrent sans cesse de nouvelles perspectives, pourquoi ne pas en profiter pour établir votre stratégie marketing ?

 

Quelques conseils pour éviter les faux pas

Pour bien utiliser les illustrations en web design, vous devez suivre quelques règles afin d’éviter les faux pas :

– Intégrer une illustration peu qualitative sous prétexte qu’il faut absolument illustrer le texte.
– Intégrer des images en 4K
– Ne pas utiliser la bonne extension
– Utiliser un slider sur un site web.

Le choix des illustrations est un véritable enjeu pour votre identité visuelle. Vous devez donc utiliser des illustrations de qualité et de façon cohérente pour transmettre vos messages.

Si vous souhaitez concevoir des illustrations professionnelles pour rendre votre site web plus engageant, un graphiste peut vous aider à réaliser votre projet.