Maxime Vilain
  1. Interfaces
  2. Illustrations
  3. Blog Medium
  4. Linkedin

Interfaces

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.

Garden: Un jeu vidéo créé via Framer

Réalisation d'un jeu-vidéo simple en utilisant Framer.
‍
Le principe est simple : Il suffit de cliquer sur le terreau pour déclencher la pousse des plantes qu'il faudra par la suite récolter au bon moment, selon les préceptes de la permaculture. Vous pouvez le tester ici : Nialiv.framer.media

De la dataviz pour Arenametrix

Dans le cadre de mon travail chez Arenametrix, j'ai pu réaliser le design de la Vue d'Ensemble qui permet à des structures culturelles et sportives d'analyser l'évolution de leur clientèle.
L'enjeu était de réaliser un outil de dataviz puissant et flexible tout en restant le plus simple et logique possible, notamment en se basant sur une matrice des couleurs.

Flow² : Une exploration pour l’équipe de Deezer

Dans le cadre de la formation Maestro, nous avons conçu un prototype pour Deezer en se basant sur leur recherche utilisateur. Notre proposition permet d’influencer le Flow de Deezer avec de simples emojis et de répondre ainsi à un besoin des utilisateurs d’avoir des playlists autonomes, mais tout de même contrôlables de manière simple et ludique :
- 🎻 permet d’indiquer si l’on veut ou non des morceaux avec violons.
- 🌲 permet de demander des chansons dans l’esprit de noël

Refonte de l'Atelier Stormz via Figma

⚠ C’est une étude de cas réalisée de manière autonome en 2021 et sans lien avec l’équipe Stormz actuelle.

‍
Afin de tester les fonctionnalités Auto Layout et Composants interactifs, j’ai choisi de refaire celui de l’application Atelier de Stormz dont je connais bien l'usage. L’objectif était de simplifier au maximum l’interface en mettant toutes les fonctionnalités à portée de vue .

Développement de Timelines.cc

Création d'un web-app permettant de générer des Timelines pouvant s'adapter selon le niveau de confidentialité souhaité. J'ai travaillé en binôme avec un dev back-end et je me suis occupé de l'analyse des besoins, du product design, du branding et du front-dev.
‍
Vous pouvez vous en servir ici.

Dune Playground

Pour OriginLabs, j'ai réalisé une refonte de leurs minijeux Playground qui servent de Proof of Concept de leur Blockchain de 3ème génération Dune Network.

Pour ce projet, j'ai eu carte blanche pour réaliser une maquette, la faire valider puis m'occuper du front-dev (css, html, js...). Ce travail est encore en production pour l'intégrer de leur côté.

Site OCamlPro

Réalisation du site d'OCamlPro à partir de Wordpress et en collaboration avec toute l'équipe. J'ai pu définir un style graphique plus moderne et illustrer les différentes pages.

C'est un compromis entre les sites d'agences très illustrés et très maquettés, et les sites de développeurs ou d'universitaire davantage basés sur des blocs de textes.

Réalisation d'un MOOC gamifié

L’agence web Walking Nerds m'a recruté en tant que Product Owner / Product Designer pour digitaliser les formations de l’Afpols via la création d'un jeu-vidéo.
‍
Il y a eu trois phases :
- Développement du Learning Management System
- Réalisation de la 1ère formation : Gardien d’immeuble
- Refonte, et réalisation de la formation "Responsable de Site"

AdN : Gamifier l'aide au numérique

Cette maquette a pour vocation de montrer une vision idéale d'un graphe sémantique permettant à des personnes illectronistes de résoudre leur problème de manière ludique.

Je leur ai fortement conseillé de développer un Minimum Viable Product via l'application Glide, afin de prouver leur usage avant de développer un tel système.

Site Stormz.me

Réalisation du site de Stormz à partir d'un CMS. Le site est construit de manière hiérarchique, chaque paragraphe résumant la page du site vers lequel il pointe.

J'ai également réalisé toutes les illustrations, que ce soit celles qui sont dites en kit, ou component-based comme je l'explique sur mon blog Medium, ou celles représentant les fonctionnalités de nos outils de manière abstraite.