Thanatos & Hypnos – Conte illustré

Direction Artistique

Typographie : Deux polices structurent l’identité : Greconian, aux formes géométriques inspirées des inscriptions antiques, pour les titres et éléments de couverture ; Alkaios, plus lisible, pour les textes courants. Ce duo ancre visuellement le récit dans l’univers de la Grèce antique tout en maintenant la lisibilité sur l’ensemble des planches.

Palette de couleurs : La palette s’articule autour de teintes terreuses et chaudes — brun-ocre, rouge sombre, beige crème — accompagnées d’un bleu-gris qui caractérise exclusivement Hypnos. Cette couleur froide et apaisante contraste avec les tons sombres de Thanatos, traduisant visuellement l’opposition entre sommeil et mort, repos et néant.

Design des personnages : Chaque personnage a fait l’objet d’une recherche de représentation : Sisyphe en guerrier glorieux (chiton et épée), Thanatos en silhouette anguleuse au manteau noir avec crâne et ailes de corbeau, Hypnos en forme organique et enveloppante aux courbes douces. Le style flat et géométrique rappelle les figures des vases grecs antiques.

Mise en page des planches : Chaque planche adopte un bandeau texte en bas de page, blanc sur fond noir, garantissant une lisibilité homogène sans perturber la composition illustrée. La couverture met en miroir les deux figures divines autour d’un médaillon bipartite — épée pour Thanatos, torche renversée pour Hypnos — pour souligner leur complémentarité.

Conception et démarche

Choix du titre & angle narratif : Le titre original du mythe a été transformé en « L’Éternelle Fatigue » — un choix délibéré qui déplace le regard des dieux vers les humains. Ce titre universel, ancré dans une expérience corporelle connue de tous, donne une résonance contemporaine au mythe et invite à réfléchir sur l’équilibre nécessaire entre sommeil, mort et existence.

Sources & références visuelles : La direction artistique s’est appuyée sur un moodboard mêlant ornements grecs antiques, frises méandres, illustrations contemporaines de la mythologie (éditions Folio Junior) et compositions flat design. Cette combinaison a permis de construire un style reconnaissable, entre héritage classique et esthétique graphique moderne.

Structure narrative : Le récit suit la structure classique du conte : situation initiale (Sisyphe, roi agaçant), événement perturbateur (emprisonnement de Thanatos puis d’Hypnos), péripéties (chaos de l’immortalité et de l’insomnie), résolution (rébellion des humains, intervention de Zeus) et situation finale (punition éternelle de Sisyphe). Chaque étape correspond à une double planche illustrée.

Outil & production : L’intégralité du livre a été réalisée sous Affinity — personnages, décors, typographie et mise en page. Le rendu final est un livre numérique au format paysage (double planche), pensé pour une lecture en mode diaporama ou PDF.

Conte illustré

R3.10_illustration_conte_Adrien_Lagrange–Vergauwen_TP21B (1)

Dossier de conception

R3.10_Dossier_de_conception_Adrien_Lagrange–Vergauwen_TP21B (1)

Speaky

Direction Artistique

Une identité ludique : Pour désacraliser l’apprentissage et le rendre agréable, nous avons imaginé une identité visuelle chaleureuse et décontractée. L’interface est guidée par une petite mascotte — un renard — qui accompagne l’utilisateur, créant un univers convivial qui s’inspire directement des codes d’engagement du jeu mobile.

Des choix graphiques assumés : La palette de couleurs s’articule autour de teintes vives et stimulantes (orange, jaune, bleu canard). Pour renforcer cet aspect ludique et accessible, nous avons opté pour des éléments graphiques aux formes douces et arrondies, qu’il s’agisse des boutons d’action ou des champs de saisie.

Conception et démarche

Intégration Mobile First : Le site a été pensé, conçu et développé à deux avec une approche strictement Mobile First. Cette méthode garantit une intégration responsive fluide, offrant une accessibilité et une expérience de jeu optimales sur tous les supports (smartphones, tablettes, ordinateurs de bureau).

Gestion autonome des utilisateurs : La plateforme gère de manière sécurisée l’intégralité du parcours utilisateur. De l’inscription jusqu’au suivi de progression, chaque action est enregistrée, permettant l’actualisation des scores et le suivi des statistiques en temps réel.

Dynamisme et Base de données : Le cœur du système repose sur une architecture complexe combinant une base de données relationnelle (SQL) et des scripts PHP. Ce système permet l’affichage dynamique des contenus générés à la volée (questions, défis de vocabulaire, compréhension orale ou traduction) selon la langue sélectionnée et le niveau du joueur.

Ludens Expo – Le jeu à travers l’art

Direction Artistique

Typographie : L’identité repose sur un contraste fort. Le logo utilise Integral CF, une typographie massive et géométrique évoquant l’assemblage de briques de construction. Pour garantir une lecture fluide sur tous les supports (catalogue, signalétique, réseaux sociaux), c’est la typographie Montserrat qui a été retenue pour les textes courants.

Palette de couleurs : La colorimétrie encode directement les trois axes thématiques du parcours. Des teintes saumonées et douces représentent l’univers enfantin du « jeu-matière » ; des tons brique illustrent la dimension sociale et collective ; et un duo de rouge vif et bleu foncé traduit les tensions et la confrontation stratégique.

Iconographie & Identité : Le logo est conçu comme un assemblage typographique que l’œil recompose comme des blocs ludiques. Associé au nom Ludens (du latin signifiant « celui qui joue ») et au slogan « Détourner le jeu, pour mieux comprendre la règle », l’identité visuelle ancre d’emblée l’exposition dans une démarche critique.

Conception et démarche

Architecture du parcours : Le parcours immersif en trois espaces traduit physiquement les axes théoriques : une cour extérieure (jeu-matière), une salle sociale intérieure (coopération), et un labyrinthe resserré (tensions et stratégie). Chaque espace a une ambiance et un mobilier spécifiques.

Curation des œuvres : Le corpus d’œuvres mêle art contemporain (Nathan Sawaya, Mike Kelley), art classique (Goya), street art (Banksy) et installation (Mona Hatoum). Chaque sélection est accompagnée de cartels rédigés pour un public jeune, privilégiant l’accessibilité sur l’exhaustivité.

Scénographie interactive : Les espaces intègrent des dispositifs participatifs : ateliers Lego et Kapla géants, installations de balançoires collectives inspirées de Mona Hatoum, tables d’échecs et quiz. L’objectif est de faire jouer le visiteur pour mieux lui donner à réfléchir.

Communication & storytelling: Une stratégie de contenu ciblant les 18-25 ans a été construite autour de la marque Ludens : publications réseaux sociaux, catalogue numérique et affichage, avec un storytelling cohérent reliant l’identité visuelle au propos intellectuel de l’exposition.

Catalogue d’exposition – Ludens – numérique

Rédaction d’un manuel d’utilisation technique

Pédagogie & Adaptation au Public

Sur-mesure et accessibilité : En agence, la livraison d’un site web s’accompagne systématiquement d’une formation du client. Mon rôle consiste à rédiger des guides d’utilisation personnalisés, capables d’expliquer simplement des fonctionnalités complexes (gestion de formulaires, modules sur-mesure, actualités).

Ajuster le discours : La clé de ces manuels réside dans l’adaptation du ton et du vocabulaire. Qu’il s’agisse d’un entrepreneur, d’un bénévole associatif ou d’un agent de collectivité, le défi est de trouver la bonne formulation pour structurer efficacement l’apprentissage et valoriser l’autonomie, sans jamais infantiliser l’utilisateur.

ZESTE

Direction Artistique

Traduire le goût par l’image : ZESTE est une gamme de boissons plates, fruitées et sucrées, conçue pour offrir une pause gourmande. La stratégie visuelle s’appuie sur la générosité des couleurs pour évoquer immédiatement la douceur du fruit.

Palette chromatique & Logotype : Les teintes choisies sont riches et saturées (Rouge velouté, Vert acidulé, Dégradé solaire) pour rappeler la chair des fruits mûrs. Le logotype, avec son tracé affirmé, vient ancrer la marque avec modernité, contrastant avec la rondeur des éléments illustratifs.

Iconographie gourmande : Un travail spécifique a été réalisé sur les capsules et les motifs de fruits. Ces éléments iconographiques renforcent le positionnement « 100% plaisir » de la boisson tout en facilitant l’identification rapide des différentes saveurs en rayon.

Conception et démarche

Design de Packaging (Étiquettes) : J’ai assuré l’intégralité du processus créatif sur Affinity by Canva. La conception des étiquettes s’est voulue épurée, privilégiant la clarté du message, la lisibilité des informations et l’impact visuel global du produit.

Déclinaison Multi-support : L’ADN de la marque devait exister au-delà du produit physique. Le projet inclut la valorisation de l’identité ZESTE à travers des mises en scène digitales (Desktop et Mobile), démontrant la force et la flexibilité de cet univers graphique sur les écrans.

Rendus & Mockups : Pour donner vie au projet avant même toute production physique, j’ai réalisé des mises en situation réelles (mockups) sur des canettes et leurs capsules, permettant de valider l’impact du design en volume.

Affiche – L’histoire du Noir et Blanc – Exposition Photo

MasterClasse

Direction Artistique & Accessibilité

Analyse des besoins : Avant toute ligne de code, le projet s’est construit sur une phase de recherche utilisateur approfondie. En équipe, nous avons mené des entretiens avec des étudiants, conçu des personas, des cartes d’empathie et cartographié les parcours utilisateurs afin de cerner parfaitement les attentes liées à l’orientation post-licence.

Ergonomie et lois cognitives : Pour concevoir l’interface, nous nous sommes appuyés sur la loi de Jakob (répondre aux attentes mentales des utilisateurs en s’inspirant de plateformes comme MonMaster ou Study Match) et la loi de Fitts, garantissant ainsi une accessibilité optimale des zones d’interaction.

UX Research & Conception Centrée Utilisateur

Analyse des besoins : Avant toute ligne de code, le projet s’est construit sur une phase de recherche utilisateur approfondie. En équipe, nous avons mené des entretiens avec des étudiants, conçu des personas, des cartes d’empathie et cartographié les parcours utilisateurs afin de cerner parfaitement les attentes liées à l’orientation post-licence.

Ergonomie et lois cognitives : Pour concevoir l’interface, nous nous sommes appuyés sur la loi de Jakob (répondre aux attentes mentales des utilisateurs en s’inspirant de plateformes comme MonMaster ou Study Match) et la loi de Fitts, garantissant ainsi une accessibilité optimale des zones d’interaction.

Développement, Données & Data Visualisation

Architecture des données : Pour centraliser efficacement les cursus, nous avons d’abord élaboré un Modèle Conceptuel de Données (MCD) solide, posant ainsi les bases d’une structure fonctionnelle robuste pour le back-end.

Intégration d’ECharts : Mon rôle technique s’est concentré sur le développement full-stack (front et back), avec une mission spécifique : l’intégration de la librairie ECharts. Cela a permis de transformer des données d’orientation brutes en visualisations graphiques interactives, rendant l’information beaucoup plus digeste et ludique pour l’étudiant.

Une synergie d’équipe : La phase de production a reposé sur une répartition claire des rôles entre les cinq membres du groupe (Emma, Romane, Éloïse, Charle et moi-même), chacun mettant à profit son expertise pour livrer une application complète et fonctionnelle.