Les 12 exemples d'illustrations personnalisées les plus créatifs dans la conception de sites Web Construire des entreprises en ligne solides
Publié: 2018-07-20Alors que les entreprises s'efforcent de proposer des expériences Web de plus en plus personnelles, nous avons vu de nombreux concepteurs incorporer des illustrations personnalisées comme moyen d'atteindre cet objectif.
Au début, la plupart des entreprises conçoivent leurs propriétés Web dans le simple but de se présenter comme professionnelles et dignes de confiance. Mais cette impulsion vers le design «professionnel» a souvent été rendue, dans la pratique, à travers des photographies d'archives fades et d'entreprise et de la typographie.
En effet, avoir l'air professionnel signifiait concevoir un site Web ennuyeux qui ressemblait à tous les autres sites d'entreprise sur le Web.
Heureusement, la conception de sites Web est en constante évolution et les entreprises ont commencé à voir la valeur d'un design qui reflète la personnalité de leur marque. Nous allons au-delà des images de stock vers un design plus authentique et résonnant. L'illustration personnalisée est une composante de ce mouvement, qui s'accompagne d'une poignée d'avantages convaincants.
Les illustrations personnalisées peuvent être étendues ou minimales, mais elles ont un impact majeur sur une marque et son identité. Cela est particulièrement vrai dans la conception de sites Web, qui est essentiellement la principale présence numérique qu'une marque a à offrir.
Et l'utilisation d'images personnalisées permet aux marques de se démarquer de la concurrence, de se tailler une place dans le monde en ligne avec des illustrations et des animations passionnantes, vivifiantes et convaincantes qui peuvent aider à simplifier les informations complexes, guider les utilisateurs dans leur parcours d'achat et créer un personnalité enjouée et accessible.
Les deux tiers des consommateurs préfèrent interagir et s'engager avec un design visuellement attrayant qu'un design simple et fade.
Mais pourquoi exactement les illustrations sont-elles si percutantes ?
Les illustrations ont un impact puissant sur les conceptions Web
Les illustrations sont uniques et identifiables
Parce qu'elles sont conçues spécifiquement pour votre marque, les illustrations personnalisées sont 100% uniques et spécifiques à vous. Lorsqu'il est bien fait, il est instantanément reconnaissable et facilement associé à votre marque, même au-delà du contexte de votre site Web ou de votre application. Cela distingue votre marque des concurrents, augmentant vos chances d'être à la fois facilement reconnaissable et plus mémorable.
Que vous les utilisiez abondamment ou que vous ne les infusiez qu'à petites doses, ces illustrations sont un outil puissant qui vous donne un avantage sur vos concurrents, car elles construisent une identité pour votre marque qui ne peut être oubliée.
Les illustrations ont une résonance émotionnelle
Du point de vue de la conception Web, l'illustration est souvent plus capable de susciter une réponse émotionnelle de l'utilisateur que la photographie. Une illustration est généralement surprenante et attire l'attention - nous ne nous attendons pas à la rencontrer, donc lorsque nous le faisons, nous sommes plus susceptibles d'en prendre note. De plus, la nature intrinsèquement fantaisiste de l'illustration a le pouvoir d'apporter de la joie et du plaisir aux utilisateurs.
Les illustrations peuvent susciter une nostalgie d'une expérience ou d'un souvenir passé. Ils peuvent faciliter une tâche particulièrement difficile. Ils peuvent raconter une histoire qui résonne viscéralement avec votre public. Et lorsque vous vous connectez sur le plan émotionnel, vous laissez une impression qui dure plus longtemps et qui est ressentie de manière plus positive.
Les illustrations sont informatives
Bien que l'illustration soit à la fois visuellement engageante et divertissante, elle peut également servir à des fins très pratiques de transmettre des informations et de diriger l'attention de l'utilisateur. Des animations personnalisées, en particulier, peuvent être déployées pour démontrer le fonctionnement d'un produit ou d'un service, permettant au site Web de transmettre des cas d'utilisation avec une dépendance limitée au texte. L'illustration peut souligner un point et englober une idée ou indiquer une catégorie. Il est facilement compris par tous les utilisateurs et peut être assimilé plus rapidement qu'une copie Web.
Ils condensent rapidement et efficacement une idée ou un concept qui pourrait autrement être considéré comme complexe et compliqué. Et il le fait d'une manière si belle que les utilisateurs sont instantanément engagés, prêts à absorber votre contenu et à digérer les informations que vous leur fournissez.
Les illustrations sont un outil de marque convaincant
Comme les illustrations personnalisées sont uniques, elles ont un moyen de capturer l'identité de votre marque et de promouvoir l'essence de votre marque de manière ludique, engageante et complète. Et ils peuvent facilement être intégrés sur toutes les plateformes et supports pour donner à votre marque un aspect et une sensation spécifiques que les consommateurs ne peuvent pas oublier.
Et ils sont si simples aussi ! Vous n'avez pas besoin d'aller trop loin dans vos illustrations. Ils peuvent être élégants et délicats tout en ayant du punch. Et si vous pouvez continuer à les utiliser dans des publicités, du contenu sur les réseaux sociaux et plus encore, vous êtes sûr d'établir une présence dans l'industrie qui durera des années.
77 % des spécialistes du marketing citent l'image de marque comme un élément essentiel de la croissance.
Alors, avec ces avantages clairement établis, quelles entreprises utilisent des illustrations personnalisées pour améliorer l'expérience utilisateur ? Vous trouverez ci-dessous 12 marques sur lesquelles nous pouvons nous inspirer.
Ces agences de conception de sites Web de Miami peuvent vous aider à créer des illustrations de sites Web convaincantes et solides.
Ces 12 exemples étonnants d'illustrations personnalisées laissent une impression durable sur les utilisateurs
1. Warby Parker
Le détaillant de lunettes en ligne Warby Parker apporte une subtile touche d'illustration à leur conception de sites Web. Les illustrations sont utilisées pour mettre l'accent, en identifiant des cadres spécifiques sur les pages de catégorie en tant que « choix du personnel ». Ils sont également dispersés dans les pages d'information du site Web, ajoutant à nouveau de l'emphase, ainsi que des concepts de regroupement et de ponctuation des zones plus riches en texte du site.
Ces illustrations ajoutent une simplicité et une élégance au site qui facilitent le défilement des utilisateurs. Ils apportent une personnalité cool et fraîche à la marque et encouragent plus d'utilisateurs à interagir plus sérieusement avec le design.
Et ces illustrations astucieuses et idiotes prennent une myriade de formes différentes, certaines plus conventionnelles que d'autres, comme ces signes d'argent dansants. Mais dans l'ensemble, ils ajoutent de la clarté à un site qui pourrait autrement être considéré comme trop dense.
Les marques de commerce électronique misent fortement sur la conception de sites Web. Boostez la vôtre avec ces meilleures agences de conception et de développement de sites Web de commerce électronique !
2. Asana
Asana est un puissant outil de gestion des tâches et de productivité qui utilise de petites illustrations personnalisées pour augmenter le plaisir que prend l'utilisateur à utiliser la plate-forme. La plate-forme a un design plat qui est poinçonné avec des couleurs vives et une poignée d'illustrations. Ces illustrations servent à la fois à apporter de la personnalité à la plateforme et à agir comme signifiants d'informations ou d'actions disponibles. Les illustrations rendent la plateforme plus facile et plus agréable à utiliser.
Les illustrations sur le site Asana sont cool et astucieuses, ajoutant une touche géométrique, moderne et intuitive au site qui favorise sa sophistication et son autorité dans son domaine, tout en gardant la conception Web dans son ensemble légère et accessible.
Les couleurs sereines et sobres associées à la mise en forme et à l'imagerie minimales, géométriques et strictes sont un excellent moyen d'aligner la marque en tant que leader en matière de productivité et de gestion. Et cela sans heurter brusquement les utilisateurs à la tête.
3. Duo Lingo
Semblable à Asana, la plate-forme d'apprentissage des langues Duo Lingo utilise également l'illustration pour augmenter la satisfaction des utilisateurs et le plaisir de la plate-forme. La conception visuelle de la plateforme est entièrement basée sur l'illustration et l'iconographie. Les illustrations aident non seulement à représenter visuellement les catégories d'apprentissage, mais elles rendent également la plate-forme accessible, conviviale et bienvenue - des attributs qui peuvent rendre le processus d'apprentissage d'une langue moins intimidant pour les utilisateurs.
Duo Lingo infuse ces illustrations sur tout le site - et ces illustrations constituent presque la majorité de la conception dans son ensemble, en gardant le texte léger et en mettant l'accent sur la puissance de ces images.
Il s'agit d'une plate-forme qui aide les gens à apprendre de nouvelles langues. Et même si vous voulez apprendre quelque chose, il peut être difficile d'interagir avec le contenu éducatif. C'est là qu'interviennent les illustrations, ajoutant une légèreté et rendant l'ensemble du processus d'apprentissage d'une nouvelle langue facile et inspirant.
4. Bourdonnement et bourdonnement.
L'illustration est l'ADN de la marque de soins capillaires Bumble and bumble. La typographie et l'illustration personnalisées sont utilisées dans l'emballage et le merchandising, et transférées de manière transparente sur le Web. L'illustration ne domine ni ne domine la conception du site Web de Bumble and bumble, mais sa présence réitère le style et l'esthétique distinctifs de la marque.
L'illustration de Bumble and bumble est sereine, simple et suprême. Il y a une légèreté et une légèreté grâce à la coloration pastel et à l'utilisation créative de la mise en forme et de la jeunesse qui ajoutent à cette marque de soins capillaires - et c'est vital compte tenu de son public cible jeune et millénaire.
Les illustrations sont astucieusement infusées sur tout le site Web, dispersées de manière créative et sophistiquée. Ils ne dominent pas le design, mais ajoutent juste ce qu'il faut de dynamisme et de vivacité pour que les gens continuent de parcourir la vaste offre de produits.
5. Osheaga
Les festivals de musique sont censés être amusants et cette ambiance se retrouve souvent dans la conception de leurs propriétés Web grâce à l'utilisation d'illustrations. Le festival montréalais Osheaga utilise des mascottes reconnaissables et d'autres illustrations personnalisées sur son site Web et ses applications. Ces illustrations aident à créer une esthétique visuelle cohérente pour l'expérience Osheaga qui peut être appliquée à toutes les propriétés, à la fois numériques et imprimées.
Les animations et les illustrations sont un excellent outil de branding facile à intégrer sur toutes les plateformes. Et commencer par la conception de votre site Web est une première étape intelligente. Osheaga le fait ici, avec des illustrations reconnaissables et propres qui incarnent des personnages réels que la marque utilise sur toutes les plateformes.
Ces personnages aident à raconter une histoire et à transmettre un message puissant que les visiteurs du site Web trouvent convaincant et attrayant. Il y a une douceur dans ces designs qui allège l'ambiance et donne le ton pour une expérience de festival passionnante. Cela met les utilisateurs dans le bon état d'esprit pour faire un achat pour un festival.
6. Le New-Yorkais
Le New Yorker a une histoire avec l'illustration, qui a longtemps été utilisée par le magazine dans ses éditions imprimées et est un élément central de l'esthétique globale de sa marque. Le magazine honore et s'appuie sur son histoire avec l'illustration en l'incorporant dans leur conception de sites Web. Les illustrations sont immédiatement reconnaissables et elles rappellent la personnalité de la publication.
Ces illustrations sont emblématiques et incarnent la marque et son héritage classique. Il y a une modernité dans ces designs élégants, sophistiqués et épurés qui apportent avec eux une ambiance claire et une personnalité tangible. Le New Yorker maintient ce thème sur tout le site ainsi que par la typographie et le ton.
Les illustrations peuvent créer une identité de marque entière, lui donnant un avantage concurrentiel et l'élevant par rapport aux autres dans le même secteur. Et dans le cas du New Yorker, ces illustrations immaculées et fascinantes préparent le terrain pour les histoires créatives qui vivent sur le site Web.
7. Brasserie phare
Lighthouse Brewing Co. a tout misé sur l'illustration personnalisée pour son site Web. Les illustrations animées sur leur page d'accueil sont à la fois magnifiques et captivantes. En conjonction avec le nom de la marque, les illustrations sur le thème marin véhiculent avec force les origines et la personnalité de la marque. Dans l'ensemble, l'utilisation d'illustrations par l'entreprise fait de la visite de son site une expérience mémorable et agréable.
Ces illustrations constituent l'ensemble de la conception, créant une identité de marque complète et cohérente qui guide facilement les utilisateurs d'une page à l'autre. Et ce n'est pas du tout un thème ennuyeux, la nature nautique des bateaux, des vagues et des monstres marins créant une histoire qui danse dans les coulisses.
Dans ce cas, les illustrations racontent une histoire qui dure de la seconde où vous arrivez sur la page à la seconde où vous la quittez - et c'est une impression puissante à laisser aux consommateurs qui ne manquera pas de rester avec eux après avoir quitté le site Web.
8. mou
L'outil de communication d'équipe Slack utilise des illustrations personnalisées comme moyen de communiquer visuellement les utilisations, les fonctionnalités et les avantages des produits. Les illustrations aident à transmettre les principaux arguments de vente de la plate-forme en un coup d'œil. La copie du site Web et les illustrations personnalisées se soutiennent mutuellement, mais les utilisateurs n'ont pas besoin de se plonger dans la copie pour avoir une idée des informations transmises par chaque section de la page de destination. C'est un moyen efficace d'accélérer le processus de navigation, le rendant simple et clair pour les utilisateurs.
La conception Web de Slack est minimale, avec un accent particulier sur les images pour vraiment simplifier l'expérience globale et fournir aux utilisateurs une explication simple de ce dont sa plate-forme intuitive est capable.
Ces conceptions sont simples, étonnantes et efficaces. Vous les regardez et vous savez exactement quels points les illustrations essaient de transmettre et elles le font de manière efficace, engageante et intuitive.
9. Tablier bleu
Le fournisseur de livraison de repas Blue Apron utilise une illustration personnalisée pour aider à démontrer le fonctionnement du service. C'est un excellent exemple de la façon dont l'illustration peut être utilisée pour expliquer un produit ou un service qui peut être relativement nouveau pour la plupart des utilisateurs. Ci-dessous, Blue Apron utilise des illustrations dans le bleu dominant de leur image de marque pour expliquer le fonctionnement du service.
Blue Apron a été l'une des premières marques à introduire la livraison de nourriture de cette manière.
Et ces illustrations apportent avec elles la marque Blue Apron sous forme de couleur et de ton. Ils sont intuitifs, engageants et complets, racontant l'histoire de la marque dans un scénario clair et efficace qui est compréhensible pour tous les publics.
10. Centre de Brooklyn
Le site immobilier créatif et intuitif de Hub Brooklyn regorge de personnages colorés et cool, tous dessinés dans des illustrations intelligentes. Il s'agit d'une conception de site Web ludique et amusante qui insuffle une illustration personnalisée pour raconter une histoire du nouveau complexe d'appartements passionnant et de tout ce qu'il a à offrir.
Ces personnages de dessins animés complexes contribuent à transformer le secteur de l'immobilier et à ajouter une touche de modernité et de fraîcheur à la marque et au bâtiment dans son ensemble.
L'illustration personnalisée se démarque bien sûr de la concurrence car elle est unique et les marques les utilisent de différentes manières. Dans cette conception, il est utilisé pour promouvoir un sens de la narration, de l'enthousiasme et de la communauté. Il s'agit d'un immeuble résidentiel à Brooklyn, New York. Et pour souligner les équipements et services inclusifs et complets que The Hub offre à ses résidents, le site a infusé des personnages de dessins animés pour se faire passer pour de vrais résidents.
11. Buffy
Buffy est une marque de commerce électronique vendant des produits de literie de qualité. Et c'est une personne avec une personnalité moderne, jeune et fraîche qui s'incarne dans ses produits, son marketing et sa conception Web.
Un élément de sa conception Web qui crée vraiment ce nouveau personnage est les illustrations personnalisées qui dansent autour de la conception.
Ces illustrations sont pétillantes, rondes et ludiques. Ils apparaissent, se placent sur des images et du texte et vivent sur cette conception Web d'une manière animée qui non seulement encourage les utilisateurs dans leur parcours d'achat, mais donne également à la marque une ambiance jeune et idiote qui donne envie au public d'interagir.
Et ces images contribuent aussi à incarner la marque et ses produits. Ils prennent la forme d'oreillers et de couvertures, ce qui est exactement ce que la marque vend, ce qui en fait un élément de design intuitif.
Ces illustrations prennent de nombreuses formes - comme de petites taches rondes, des fantômes et des personnages qui sourient joyeusement aux utilisateurs lorsqu'ils défilent. Et ils donnent à la marque l'identité passionnée et ludique qui en fait un concurrent de premier plan dans son industrie.
12. Académie Suprême
Supremo Academy est une plate-forme en ligne permettant aux utilisateurs d'apprendre des techniques, des tactiques et des informations utiles qui les prépareront à une carrière dans la publicité et le design numériques. Et pour à la fois simplifier le processus et faciliter l'ensemble du jeu d'apprentissage, la marque insuffle des animations et des illustrations créatives sous la forme de personnages de cirque qui guident les utilisateurs dans leur voyage.
Le contenu éducatif n'est pas le contenu le plus amusant avec lequel interagir, même si le sujet vous intéresse et même si c'est quelque chose que vous voulez faire. Absorber et retenir ces concepts complexes a ses défis. Ces illustrations aident donc en fait à encourager les utilisateurs à vouloir absorber ces informations car elles sont présentées de manière amusante.
Ils font également appel aux émotions, faisant naître une nostalgie qui vient des personnages que ces illustrations incarnent. Beaucoup de gens ont de bons souvenirs du cirque, et ces animations intelligentes aident à rappeler ces émotions.
Dans cette conception, ces conceptions personnalisées ont un impact puissant sur la psyché des utilisateurs.
L'importance de l'image de marque dans les sites Web
Lorsque l'image de marque est cohérente, les entreprises peuvent constater une croissance moyenne de leurs revenus de 23 % .
L'image de marque est essentielle à la réussite d'une entreprise. Et les éléments de marque doivent être intégrés dans tous les domaines d'une entreprise, de l'emballage de ses produits à sa présence sur les réseaux sociaux et en particulier sur son site Web.
Il existe un certain nombre de façons différentes d'intégrer une image de marque cohérente dans une conception Web. Vous pouvez incorporer une typographie créative, une voix de marque intelligente et une orientation spécifique.
Mais une autre façon de garder cette image de marque propre et complète consiste à utiliser des illustrations personnalisées.
L'illustration personnalisée peut servir à de nombreuses fins différentes dans la conception de sites Web et elle peut être déployée de multiples façons. Qu'il soit utilisé avec parcimonie pour injecter un élément de fantaisie dans un site, ou utilisé comme élément visuel dominant du site, c'est un moyen efficace de séduire et de captiver les utilisateurs.
Et c'est un excellent outil de branding : prendre ces images et les intégrer sur toutes les plateformes et supports afin que les utilisateurs aient la même expérience partout où ils décident d'interagir avec votre entreprise.
Et l'image de marque est ce qui maintient les entreprises pertinentes. C'est la perception que les consommateurs ont de vous, de vos produits et de vos services. Bien sûr, vous devez vous assurer que leur expérience avec vos produits est agréable. Mais en dehors de cela, ce sont les éléments de conception visibles qui les bombardent sur leurs smartphones, leurs comptes de réseaux sociaux et leurs panneaux d'affichage qui laisseront une impression plus longue, car c'est ce qu'ils voient lorsqu'ils pensent à votre entreprise.
il est impératif que vous réfléchissiez constamment à l'image de marque et que votre présence reste cohérente et cohérente. Vous pouvez commencer ce voyage avec des illustrations personnalisées - et ces 12 marques vous montrent à quel point cela peut être puissant.
Chez DesignRush, nous savons que l'image de marque est importante - placez votre marque à l'avant-plan en faisant appel à ces studios créatifs de conception de logo et d'image de marque !
Vous avez des questions sur le design et l'image de marque ? Nous avons des réponses ! Inscrivez-vous à la dose quotidienne de DesignRush pour obtenir nos informations utiles !