<aside>
Identité visuelle
Illustrations.zip
Nos Illustrations
Nous utilisons des illustrations pour améliorer notre narration et créer un pont entre le langage de nos produits et les images axées sur le style de vie. Il y a deux types d’illustration que nous utilisons : les primaires et secondaire.
Illustrations primaire
Les Grandes illustrations sont destinées aux features, aux sections principales ou zones « hero ». Elles jouent un rôle clé dans la hiérarchie visuelle. Ces illustrations imposantes structurent l’espace et donnent le ton de la page. Elles permettent de mettre en avant des éléments importants, comme des fonctionnalités phares ou des appels à l’action, tout en renforçant l’identité visuelle globale.
Charactéristiques
Nos illustrations sont texturées, pertinentes, narratives et sensibles à la culture.
Texturé : La texture ajoute de la profondeur, du caractère et une sensation tactile à notre langage visuel. Cela amplifie notre narration et contribue à créer des moments de marque différenciés et mémorables.
Relatable : Nos illustrations évoquent l’émotion et suscitent la connexion. Visuellement, cela se manifeste par le reflet de notre communauté mondiale, la célébration de l’inclusivité et la capture de la nature merveilleusement imparfaite de ce que signifie être humain.
Axé sur le récit : Les illustrations donnent vie à notre marque en transmettant des idées et des sentiments de manière significative. En tant qu'outil de narration, ils sont intentionnels (et non décoratifs) et communiquent avec les clients de manière résonnante.
Sensible à la culture : Nous sommes fiers de la diversité mondiale de notre marché et sensibles à la représentation. Nos illustrations tiennent compte des nuances culturelles et sont consciemment inclusives lorsqu'elles illustrent des personnes, des paysages, des traditions et des détails.
Utilisations
L'illustration est idéale pour représenter de larges catégories, des idées abstraites ou des processus complexes qui peuvent être difficiles à transmettre par la photographie ou l'iconographie seule. L'illustration peut également ajouter une touche de fantaisie et de couleur pour capter l'attention et susciter l'émotion. Elle est plus efficace pour équilibrer le réalisme et l'expression créative et est le plus souvent utilisée pour l'éducation, la célébration, les états nuls et les catégories. Utilisez les illustrations avec parcimonie dans l'expérience du produit pour éviter la dilution et l'éclipse du contenu. Toutes les illustrations doivent faire l'objet d'un examen obligatoire par l'équipe OX pendant les heures de bureau pour garantir une utilisation optimale.
Éducation sur la page : Les cartes de présentation des fonctionnalités présentent aux utilisateurs de nouvelles fonctionnalités ou de nouveaux programmes, leur offrant un moyen d'en savoir plus ou de les essayer. Elles utilisent toujours un arrière-plan neutre et un bouton bleu pour indiquer clairement que le message provient d'eBay.
Intégration modale : Une page Vendeur s'affiche sur les écrans mobiles et de bureau. Sur mobile, une page complète s'affiche avec un message de bienvenue sur eBay Selling. Une illustration de deux personnes se faisant face en train de discuter est affichée, les deux personnes faisant un geste vers une mosaïque bleue d'article vendu représentant une chemise blanche à col avec des rayures vertes et noires entre elles. Sur ordinateur, une fenêtre modale s'affiche avec la même illustration.
Intégration modale en plusieurs étapes : Les modales à plusieurs étapes sont utilisées pour la formation et l'intégration qui nécessitent plus d'une étape pour être expliquées. Cela peut inclure l'explication de fonctionnalités ou d'étapes spécifiques dans un processus complexe ou la collecte de plusieurs types d'informations auprès de l'utilisateur. Les modales à plusieurs étapes peuvent également accueillir une image et utiliser des arrière-plans neutres ou colorés. Pour garantir un texte lisible et des transitions pas trop brusques entre les étapes, les feuilles en couleur ne sont pas disponibles pour les modales à plusieurs étapes.
Célébration : Les illustrations sont un excellent moyen de célébrer les victoires des utilisateurs et de leur offrir des moments personnalisés de surprise et de plaisir. Nous pouvons introduire des moments de célébration lorsqu'ils atteignent des objectifs ou pour susciter l'enthousiasme pour un produit qui est sur le point d'arriver.
Etats null : Nous utilisons des états vides lorsque les utilisateurs rencontrent des zones de produits qui ne contiennent pas encore de données. Les illustrations d'états vides doivent représenter ce qui s'y trouverait et encourager les utilisateurs à prendre les mesures appropriées.
Erreurs système : Les erreurs système peuvent survenir de manière inattendue et être frustrantes. Dans ces situations, l'utilisation d'illustrations qui ajoutent une touche d'humour ou de pertinence permet d'atténuer la frustration. Idéalement, elles devraient comporter une action permettant à l'utilisateur de réessayer ou d'actualiser la page.
Illustrations secondaires
Pour garantir une communication visuelle impactante, harmonieuse et hiérarchisée, il est essentiel de disposer d’illustrations cohérentes et adaptées à leur contexte d’utilisation.
Nous avons donc travaillé sur deux types d’illustrations, les Petites illustrations (taille S), conçues à la main pour accompagner les textes, elles servent à clarifier ou enrichir un message précis. Elles apportent une touche visuelle sans distraire, s’intégrant parfaitement dans des blocs de texte ou des sections informatives. Leur rôle est de capter l’attention et d’améliorer la compréhension du contenu.
