Hypnoledge, 900 illustrations pour apprendre une langue

Image d'une mot de vocabulaire sur le site internet d'hypnoledge

Quelques mots sur ce projet

Titre du projet : Site internet pour l’AHTOUPIE
Client : Hypnoledge
Contexte : Le site internet a besoin d’illustrer ses mots de vocabulaire lors des cours
Besoin : Réaliser un ensemble d’illustration
Rôle dans le projet : Illustratrice
Démarche projet : Fournir un premier jet d’image et effectuer les éventuels retours
Livrable : Images.png

Image de thème d'une leçon d'apprentissage d'hypnoledge créée par charlène verrier designer
Image de thème d'une leçon d'apprentissage d'hypnoledge créée par charlène verrier designer
Image d'une mot de vocabulaire sur le site internet d'hypnoledge
Image d'une mot de vocabulaire sur le site internet d'hypnoledge
Image d'une mot de vocabulaire sur le site internet d'hypnoledge
Image d'une mot de vocabulaire sur le site internet d'hypnoledge
Image d'une mot de vocabulaire sur le site internet d'hypnoledge
Image d'une mot de vocabulaire sur le site internet d'hypnoledge

S’approprier la charte graphique et les attentes d’Hypnoledge

Comprendre la charte graphique et ses applications

Les illustrations doivent s’inclure dans le site internet et montrer le moins de décalage avec celle de l’ancienne illustratrice. Il est important de garder une cohésion entre ce qui est fait et les illustrations à venir. C’est pourquoi, garder les couleurs utilisées et les quelques règles mises en place est une priorité.

Les repères déjà établis sur la plateforme reste les mêmes, seule la forme change. Ainsi, une nouvelle logique de forme fait son entrée : la silhouette des objets est plus complexe, la contextualisation prend plus de place, l’ambiance devient plus ludique, puis de nombreux détails sont présents.

Ces illustrations sont pensées pour correspondre au style de la plateforme de l’entreprise. Elles s’inspirent nettement du flat design et de quelques mouvements sous-jacents (surtout pour la gestion des ombres et lumières). L’idée est de construire une logique sans remplacer celle déjà mise en place précédemment.

Proposer un style déclinable facilement

L’aspect technique est important pour la réalisation d’illustration de masse et de qualité. Un design system est mis en place. Il permet de mettre de côté tous les éléments nécessaires et récurrents au cours des missions effectuées avec l’entreprise. C’est un document évolutif en fonction du temps et de la récurrence. La mise à jour s’effectue parallèlement à la construction des illustrations.

Le plus important rester la composition et l’idée que l’image véhicule. Les différentes informations fournies sont rapidement captées par l’utilisateur. Cela permet d’associer une image à un mot tout en ayant le sens, et cela avec le moins de traduction possible.

Ainsi, plus de 900 illustrations sont réalisées pour Hypnoledge. C’est en cumulant le gain de temps par le biais d’autres techniques et en réfléchissant sur l’optimisation du contexte qu’autant d’illustrations sont réalisées.