Maxime Vilain

Illustrations

Avant de poursuivre, sachez que ce site est encore en construction :
- Le responsive mobile n'a pas été réalisé, il vaut mieux le consulter sur un écran large.
- Le plan gratuit de Webflow comporte des limites techniques expliquant certains choix.

Ahsoka hybridé avec Paul Graham

Afin de maîtriser de nouveaux styles graphiques, j'ai choisi une stratégie d'hybridation en représentant des icônes de la culture pop selon le style d'artistes qui m'inspirent :
- La Jedi Ahsoka Tano (à gauche), selon le style de Paul Graham (à droite).

L'utilisation de formes géométriques permet de garder un équilibre et une structure tout au long de la réalisation de l'oeuvre. J'ai pu ajouter l'effet doré sur mon tableau en le brodant tout simplement avec du DMC.

Mononoké dans le style d'Union Haus

Le style d'Union Haus notamment parce qu'il permet d'aller plus loin que le Memphis Corporate en cherchant une abstraction dans la forme géométrique.

Ces styles me plaisent car ils sont d'une simplicité astucieuse et s'adaptent à mes compétences comme aux contraintes de l'outil Figma. Celui-ci a connu beaucoup de variations notamment pour s'adapter au contrainte de l'impression sur toile et à sa gestion des couleurs.

Architecture
isométrique

L'idée était de présenter une construction architecturale, ici une tiny house composée de deux containers, selon une perspective isométrique propre aux assets de jeux vidéo.

Des interactions simples permettent de changer de points de vue pour bien comprendre la structure. Cliquez ici pour voir l'animation complète et déconstruire les étages.

La perspective isométrique pouvant rendre complexe la différenciation des plans, j'ai ajouté des personnages et des textures pour expliciter les volumes et donner des repères à l'utilisateur.

Variations d'un tableau familial

Toujours pour développer ma palette stylistique, j'ai décidé cette fois d'itérer à partir d'un tableau de ma mère, qui a évidemment beaucoup influencé ma vision de l'art.

Le but étant de travailler mes effets de textures et mes choix de couleurs. J'ai principalement joué sur les effets de blocs : transparence, ombres portés, flous... Avant de revenir à quelque chose de plus épurés et surtout en mettant à profit une matrice des couleurs plus stricte et vibrante.

Une identité graphique
pour OCamlPro

J'ai créé une nouvelle identité graphique pour OCamlPro afin d'accompagner le développement du nouveau site, structurer la communication de leur gamme d'outils et de service mais aussi moderniser leur image.
‍
La charte graphique se compose ainsi :
- Les blocs du site comporte 3 couleurs, turquoise, gris et blanc, déclinées en 2 nuances pour permettre une alternance.
- Les illustrations, logos et icônes sont composés de 3 nuances d'orange rehaussées de blanc pour évoquer les couleurs des langages OCaml et Rust.

Un faire-part pour
nos fiançailles

Nous avons décidé de faire de grandes fiançailles (+100pax) car cela nous libérait du carcan très codifié du mariage. Ce faire-part était primordial pour mettre tout le monde dans le bon état d'esprit : détendu et ludique.

C'est pourquoi nous avons adopté une communication très fonctionnelle et beaucoup plus proche d'un festival que d'un mariage. Les icônes du programme étant suffisamment flou pour garder de la surprise, mais aussi pour garder une flexibilité sur le résultat final.

Nous avons fait appel à une illustratrice pour l'image principale et j'ai réalisé les autres éléments graphiques notamment grâce à la fonction "Vectoriser" d'Illustrator et la banque d'icônes Noun Project.

Illustrer Stormz

Stormz réalise de grands ateliers collaboratifs (40+ pax) grâce à des tablettes connectées. Pour faciliter l'onboarding de nouveaux utilisateurs, j'ai réalisé une série d'illustrations expliquant à la fois nos événements et nos outils :
‍
- Pour les événements, j’a choisir la perspective isométrique qui permet de montrer de grands ensemble ainsi que l'utilisation d'illustration en kit, ou component-based, pour pouvoir m'adapter à tous les contextes, comme je l'explique sur mon blog Medium.
‍
- Pour l'outil, j'ai choisi des représentations abstraites plutôt que des screenshots car le rendu est plus lisible et surtout vieillit bien mieux car il n'a pas besoin d'être mis à jour lors des évolutions de l'outil.
‍
La réalisation de ces illustrations a accompagnée celle de notre site et de nombreux outils de communication (flyers, kakemono, etc). Vous pouvez voir ces illustrations en contexte dans la rubrique interface.

Un agenda pour démocratiser l'innovation

Une des missions de mon alternance au sein du FabLab interne de Renault consistait en l'animation d'événements permettant de diffuser une culture de l'innovation et d'ouvrir l'innovation comme expliqué dans mon mémoire.

Nous avons structurés 4 événements hebdomadaires pour démocratiser l'innovation en créant un maximum de liens entre les personnes et les idées. Le but n'étant pas forcément de produire des idées innovantes, mais bien d'identifier et d'accompagner des intrapreneurs.

Ces 4 illustrations constituent ma 1ère utilisation du style isométrique. Les textures forment une myriade de triangles pour faire écho avec le style graphique utilisé jusque là par le Fablab.