7 raisons d’utiliser des illustrations sur votre site Web (et des exemples de comment le faire)

Online Coding Courses for Kids

Ilustrations_featured

Lors de la création d’un nouveau site Web, l’une des toutes premières décisions que vous devrez prendre est:

Quel type de style visuel souhaitez-vous utiliser?

La nature pratique et réaliste des photographies correspond-elle bien à votre marque? Ou est-il plus logique de se tourner vers une approche plus abstraite et créative et d’utiliser des illustrations à la place?

Si vous décidez que vous souhaitez adopter l’approche illustrative, gardez à l’esprit qu’elle se présente sous de nombreuses formes différentes. En conséquence, un style et une histoire très différents peuvent être représentés d’un site Web illustré à un site Web illustré.

C’est quelque chose que nous avons pris en compte lors de la création de nos sites prédéfinis pour BeTheme. Nous voulions refléter un large éventail de styles d’illustrations afin que nos clients puissent non seulement voir à quel point ce style visuel est diversifié, mais également avoir une source d’inspiration solide pour leurs propres conceptions.

Nous ne sommes pas seuls. Il existe de nombreux sites Web géniaux qui utilisent de manière créative des illustrations. Et, aujourd’hui, nous allons en examiner un certain nombre en explorant les sept raisons pour lesquelles vous pouvez utiliser des illustrations pour styliser un site Web:

1. Lorsqu’une photographie ne peut pas capturer entièrement un sujet compliqué

Si vous avez déjà essayé de trouver une photo pour une marque et que vous avez eu du mal à choisir quelque chose qui reflète exactement qui ils étaient ou ce qu’ils ont fait, c’est probablement parce que le sujet était trop difficile à capturer.

Cela peut signifier un certain nombre de choses.

Cela pourrait signifier que le sujet lui-même est trop difficile à photographier. Les rédacteurs en sont un bon exemple. Bien qu’ils puissent demander à quelqu’un de les photographier en tapant sur leur ordinateur, cela n’a rien de très excitant. Une photographie capturerait simplement la tâche banale d’écriture, ce que le client essaierait d’éviter.

Si vous jetez un œil au site pré-construit BeCopywriter 2, vous verrez qu’un style illustratif est une bien meilleure façon d’aborder cela:

Le design est frappant. Les mots sont puissants. Et les touches illustratives ajoutent une touche unique à l’aspect général.

Il existe d’autres types de sites Web qui seraient mieux illustrés si leurs sujets étaient trop compliqués à capturer. Prenons, par exemple, une entreprise de services de recyclage comme WeRecycle:

Bien qu’il soit possible de sélectionner des images ou de prendre des photos réelles de recyclage, cela ne rend pas pleinement compte de ce que fait cette entreprise. Plutôt que de se concentrer sur des déchets individuels, les illustrations permettent à des entreprises comme celles-ci de donner aux visiteurs du site Web toute l’étendue de ce qu’ils font.

C’est une image beaucoup plus puissante, c’est le moins qu’on puisse dire.

2. Quand une marque a un look unique qui nécessite une approche unique

Chaque marque a son propre style et sa propre personnalité. Sans un avantage unique, il serait difficile pour les consommateurs de faire la différence entre des solutions similaires.

Cela dit, certaines entreprises ont des styles qui sont très différents, ce qui signifie que certaines des règles traditionnelles de la conception Web peuvent être rejetées par la fenêtre.

Nous voyons cela se produire lorsque les photographies et les illustrations se mélangent. Cela permet à une marque au look surréaliste, énervé, imaginatif ou fantaisiste de tirer parti des éléments traditionnels du design tout en secouant les choses.

Par exemple, voici comment le site préconstruit BeFoodTruck le gère:

Les illustrations sont un choix unique pour une entreprise de l’industrie alimentaire, ce qui rendrait instantanément ce site exceptionnel. Cela dit, sans de vraies photos de nourriture, il serait difficile de convaincre les clients de dîner à l’intérieur ou à l’extérieur.

C’est pourquoi l’équilibre entre les deux styles fonctionne si bien.

Handwrytten est un site Web qui utilise un équilibre similaire entre de vraies photos et des illustrations accrocheuses:

Dans ce cas, les illustrations sont animées, ce qui donne à la page d’accueil une autre touche unique. Ce concept à lui seul est déjà assez innovant et maintenant ils ont un site pour le faire correspondre.

3. Quand une entreprise veut se démarquer des sites parsemés de photos

En ce qui concerne certaines industries, on s’attend à ce que leurs sites Web leur ressemblent.

Prenons l’exemple des voyages et de l’hôtellerie. Parce qu’ils vendent des expériences en personne – ou racontent des histoires à leur sujet – vous vous dites que les photos sont la seule option pour ces sites Web.

Mais si votre site Web tente de rivaliser avec un nombre incalculable de sociétés similaires, l’utilisation d’illustrations peut être la chose qui les distingue.

Exemple concret, BeJourney 2:

Bien que le site ne soit pas entièrement dépourvu de photos, la majorité est conçu avec des illustrations ou des touches illustratives.

Bateau Mon Paris est une société de location de bateaux en France qui adopte une approche similaire:

Vous pouvez voir la photo de Peekaboo qui sort, mais, pour la plupart, le style visuel principal de ce site Web est l’illustration.

4. Lorsqu’une nouvelle entreprise souhaite tirer parti du style d’une marque à laquelle les consommateurs font déjà confiance

Vous le voyez assez souvent lorsque de nouvelles entreprises entrent dans des espaces à haut risque. Ils conçoivent leur image de marque et leur site Web pour rappeler une entreprise bien établie à laquelle les clients font déjà confiance.

De cette façon, il y a une association inconsciente dans les esprits des perspectives entre les deux sociétés et cela apaise les inquiétudes et les doutes qui surgissent souvent lorsque l’on travaille avec une nouvelle entreprise.

Stripe est l’un des sites Web de ces sociétés qui est devenu la norme pour les autres éditeurs de logiciels qui entrent dans l’espace.

Le style illustratif de Stripe (ainsi que son choix d’utiliser des dégradés) est copié depuis des années. Et ça a été un bon look à imiter.

Notre site BePay 2 reprend les éléments de confiance que nous voyons dans Stripe et leur donne une tournure unique:

Le site est conçu à l’aide d’illustrations, y compris les images de l’application mobile. La couleur bleue est également répandue, qui est une couleur symbolique de stabilité et de confiance.

5. Quand un créateur a une histoire intéressante et un travail à partager

Même si vous trouverez des agences de conception et des développeurs Web qui utilisent des photos d’eux-mêmes et de leurs équipes sur leurs sites Web, les types de créations utilisent souvent des illustrations à la place.

Une des raisons pour lesquelles ils choisissent cette voie est parce que c’est une autre façon de fléchir leurs muscles créatifs et de montrer aux clients potentiels ce qu’ils peuvent faire.

Une autre raison nous ramène au point n ° 1 de ce post. À moins d’avoir une grande équipe et un studio d’apparence intéressant dans lequel ils travaillent, les photos ne seront pas le moyen le plus excitant de capturer ce qu’elles font.

Le site pré-construit BeBand 5, par exemple, utilise des illustrations et des animations pour donner à son site un look de style années 80.

À moins que les membres du groupe aient l’habitude de se déguiser en rockers des années 80, les photos ne captureraient pas avec précision le style de musique du groupe. Mais ce style illustratif unique le fait certainement et s’avère également utile pour attirer l’attention sur leur musique.

L’artiste Polly Kole a adopté une approche unique pour créer un site Web illustratif:

En plus de l’aspect dramatique et intrigant du site, il est également interactif. C’est presque comme si le site émulait l’expérience d’aller voir de l’art (peut-être pas la partie en interaction, mais être capable de s’y promener).

6. Lorsqu’une entreprise vend une application ou une ressource intelligente

Les entreprises qui vendent des outils «intelligents» aux utilisateurs conçoivent généralement leurs sites Web avec des illustrations au lieu de photographies. Et cela a beaucoup de sens.

D’une part, ces entreprises ne vendent pas vraiment le produit lui-même. Bien que l’expérience dans une application ou l’utilisation d’un appareil soit importante, ce qu’ils vendent sur un site Web est une solution aux problèmes des utilisateurs qui implique souvent de gérer beaucoup de données. Ce n’est pas une chose facile à représenter avec des photos.

Une autre raison pour laquelle ils utilisent des illustrations – ou, plus spécifiquement, des graphiques vectoriels – est que le style géométrique est un bon moyen de donner à un site Web une sensation stable et logique.

BeApp 6 utilise des visualisations de données pour vraiment mettre en évidence les points forts de l’application:

Alors que les concepteurs peuvent utiliser des captures d’écran à partir de leurs applications pour faire quelque chose de similaire, cette approche leur permet de mettre en évidence les éléments importants du produit de manière attrayante.

Swiggy Labs crée des produits qui résolvent de gros problèmes pour les consommateurs:

Bien que le concepteur du site ait pu choisir d’afficher les produits réels qu’il a créés, il s’agit d’une approche beaucoup plus intéressante. Lorsque vous faites glisser le bouton «Swiggy It» vers la droite, l’image du héros prend vie avec des animations et des messages qui font allusion à ce que fait l’entreprise.

7. Lorsque le public cible d’une marque est les enfants (ou leurs parents)

Il s’agit d’un autre cas d’utilisation simple pour les illustrations sur le Web. Compte tenu de la façon dont les enfants sont à l’aise avec les dessins animés, les jeux et les applications, un style illustratif est beaucoup plus pertinent lorsque vous essayez d’atteindre ce public – ou même leurs parents.

Vous pourriez également affirmer que les illustrations sont présentées d’une manière plus facile à comprendre pour les enfants, car les illustrations sont bien meilleures pour simplifier un sujet complexe.

BeLanguage 3 est un cas intéressant car c’est un site web d’apprentissage des langues:

Vous pourriez dire que les illustrations sont un langage universel. Vous n’avez pas besoin de comprendre l’anglais, le japonais ou l’italien pour comprendre ce qui se passe avec un site Web ou l’entreprise qu’il représente lorsque les illustrations racontent l’histoire.

D’autres types d’organisations au service des enfants ou de leurs familles peuvent utiliser des illustrations pour simplifier le langage et renforcer leur argumentaire de vente comme Voir Make Play Est-ce que:

Les illustrations de ce site lui confèrent une qualité ludique et jeune. Dans cette partie particulière de la page d’accueil, les illustrations sont des images statiques. Cependant, ailleurs sur la page, les parents et leurs enfants rencontreront des graphiques animés qui apporteront une touche légère à ce site.

Allez-vous utiliser des illustrations pour styliser votre site Web?

Si vous avez du mal à utiliser la photographie pour raconter l’histoire visuelle de votre marque ou envisagez de poursuivre quelque chose d’un peu moins conventionnel, l’illustration pourrait être la solution.

Comme vous pouvez le voir sur les sites Web de BeTheme et d’autres sites Web, les sites Web illustrés ne manquent pas. Et pourtant, chaque fois que vous en rencontrez un, ils ont tendance à avoir un look unique que vous ne pouvez vous empêcher de détourner du regard.

Si vous voulez que votre site Web se démarque vraiment, un site Web illustré serait un style fantastique à expérimenter.

Un menu vertical à défilement infini

Close Menu