Voici quelques-uns de mes travaux, en espérant vous donner une idée assez globale de ce que je peux faire. N’hésitez pas à me contacter si vous avez des questions.
Applications Mobiles
Un jeu mobile pour enfants sourds et muets :
Lors d’un Hackathon organisé par LineUP7 pour l’association ALPC, qui enseigne la « langue parlée complétée » (une sorte de langue des signes basées sur des symboles syllabiques) aux enfants sourds et muets, ainsi qu’à leurs parents.
Mon travail a été de concevoir l’expérience utilisateur d’un prototype de jeu mobile, en une seule journée seulement. Le plus gros challenge est de faire comprendre le jeu à des enfants de 5-7ans ne sachant pas forcément lire, et qui ne peuvent pas entendre les sons.
Sur ce projet, j’ai créé toute l’interface, de l’UX à l’UI, avec les éléments de gamification, etc. Cependant, étant donné le délai très court, je n’ai pas créé tous les éléments moi-même. j’ai rassemblé des composants dans un même style graphique, à partir de banques d’images libres de droits.
Le jeu est conçu en format paysage.
Une application pour Tendance Chaussures :
Il s’agit d’une entreprise ayant 4 magasins physiques de chaussures, et un site e-commerce. J’ai travaillé ici sur une proposition d’application mobile pour accompagner le site et agrémenter leur stratégie commerciale. L’enjeu principal était le taux de conversion.
Voici quelques-unes des maquettes :
Une application de réservation de chalets (Association des propriétaires de la vallée de Chamonix) :
Il s’agit d’une association regroupant les propriétaires de gîtes, chalets et appartements dans la vallée de Chamonix. L’application a pour vocation de permettre aux clients habitués de réserver un logement pour leurs vacances en quelques clics via leur Smartphone.
Voici quelques-unes des maquettes :
Une app B2B pour piloter une machine de purification de véhicule ou de chambre :
Projet réalisé en agence. J’ai travaillé sur les wireframes, une partie des spécifications fonctionnelles, et la gestion de projet côté agence avec le client. La partie UI a été réalisée par un designer UI que j’ai drivé.
Voici quelques-uns des wireframes, sachant que les formulaires sont un peu plus travaillés car les composants UI étaient déjà réalisés sur d’autres projets du même client:
Interface Logiciel
Conception d’un Dashboard d’administration pour une startup :
Un dashboard admin permettant à une startup de gérer divers aspects (comptabilité, statistiques, création des comptes clients, etc.) de ses 2 applications mobiles, et suivre l’usage qui en est fait.
Voici quelques-uns des wireframes et maquettes réalisés :
Sites web
Refonte / Conception de sites web :
Je travaille actuellement sur la refonte du site Tendance chaussures. L’enjeu est de lui donner un peu de modernité en adaptant l’interface aux écrans tactiles (tablettes, ordinateurs avec écran tactile, etc.), tout en améliorant le taux de conversion global.
Conception de sites web :
J’ai contribué à la conception ou à la refonte de nombreux sites web, la plupart du temps en faisant aussi la gestion de projet côté agence, en interface avec le client et en drivant une ou plusieurs personnes complémentaires (UI designer, rédacteur, développeur…).
L’un des challenges les plus fréquents est de devoir composer avec une quantité de contenus assez énorme. Par exemple, pour le projet valeoservice (à gauche ci-dessous), le client voulait impérativement avoir certains éléments au-dessus de la ligne de flottaison. Il considérait (selon ses propres recherches auprès des utilisateurs et ses enjeux business), que les 2 modules dans la bannière sont d’importance égales et doivent donc être au même niveau.
Après la réalisation de la partie UI, certains éléments ont été allégés sur mes conseils, notamment un CTA de moins, et quelques autres détails. Vous pouvez aller voir sur valeoservice.fr pour le rendu final (je ne suis pas l’auteur de la partie UI donc je ne la mets pas ici).
L’autre projet (à droite ci-dessous) concerne la refonte de la home pour la-france-mutualiste.fr. J’ai proposé cette version après une analyse comportementale de la page via Hotjar, tout en prenant en compte les enjeux business.
Et pour illustrer un peu plus mon process de conception, voici quelques screens sur ma façon de travailler:
Design de thèmes wordpress (projets perso.):
Ci-dessous quelques webdesigns réalisés quand j’étais étudiant ou pour m’amuser :
Maquettage pour des AB tests
Dans les prestations de CRO (optimisation des conversions), je réalise souvent des maquettages de mes recommandations en vue de les AB tester. Voici un exemple pour PicwicToys. Il est évidemment important de conserver la charte graphique du client, je compose donc toujours avec le kit ui fourni.
Refonte partielle du parcours client de Picwictoys:
Projet réalisé en agence. Les enjeux étaient d’améliorer le taux d’achat, et de simplifier le parcours client tout en prenant en compte les subtilités business assez complexe du client (pouvoir acheter un produit en livraison et un autre en retrait magasin, dans la même commande).
Refonte des pages produits, panier et livraison (desktop):
Refonte des pages produits, et panier (mobile):
Plugin WordPress
WP Custom Display
Face au besoin grandissant de mes clients de personnaliser leur marketing de manière plus spécifique pour chacun de leurs visiteurs, j’ai inventé et conçu un plugin WordPress permettant d’afficher des contenus (widgets, textes, images, boutons…) selon différentes conditions (existence d’un cookie, dates, délais, paramètre url…).
Cela permettait de proposer par exemple un formulaire d’inscription à un visiteur dans un premier temps, puis lorsque celui-ci est inscrit, le formulaire est remplacé par une offre promo lorsqu’il retourne sur le site. Ceux qui ne sont pas encore inscrits continuent de voir le formulaire.
Un autre exemple : un visiteur peut voir des contenus différents selon s’il arrive via le search, via Facebook, via l’emailing, ou via un partenaire spécifique. Idéal pour proposer une offre spéciale aux clients d’un partenaire par exemple.
Le plugin permettait de nombreuses actions de personnalisation. Ce projet a duré environ 4 ans, mais j’y ai mis fin car la maintenance devenait trop complexe et coûteuse pour moi. Le plugin n’est aujourd’hui plus disponible.
Design Thinking
Trouver des solutions innovantes avec une approche « Design Thinking »
Ce type d’approche est encadré par un process de plusieurs étapes clés. Toutefois la forme de ces étapes peut varier en fonction de l’objectif, de l’animateur ou des moyens à disposition lors de l’atelier.
Ici, je vous montre quelques photos prises lors d’une session Design Thinking. La problématique de départ était de concevoir une plateforme sur la préparation du mariage. Les différentes étapes consistaient à:
1) Définir « Quoi », « Qui », et « Pourquoi »
2) Identifier les différentes problématiques du « Qui » (besoins / freins / peurs…)
3) Rassembler les idées de chacun et identifier des points ou idées communs
4) Déboucher sur un modèle de données, et un parcours client
J’ai utilisé pour cela plusieurs exercices à base de post-it et de 2 tableaux blancs (afin de toujours avoir le « Quoi, Qui Pourquoi » sous les yeux en permanence).
UX Research
Mon process de conception UX passe par plusieurs phases de recherche, afin d’identifier précisément la cible, ses besoins et attentes, sa façon de penser, ses habitudes, ses moyens (techniques, financiers, matériels…), etc.
Le résultat de ces différentes phases me permet ensuite de créer une structure, voire une architecture complète des informations, contenus, fonctionnalités et usages en lien avec le produit ou service final.
Ci-dessous, je présente ces différentes étapes, ici en lien avec une plateforme universitaire intranet Australienne de partage de vidéos et cours en ligne.
1) Comprendre l’utilisateur
Au travers de différentes méthodes (sondages, interviews, analyses sur diverses plateformes sociales, etc.), j’essaie de comprendre l’utilisateur, sa façon de penser, qui il est, ses attentes, etc.
L’objectif est d’établir un ou plusieurs « persona » type, sur le(s)quel(s) s’appuyer par la suite.
2) Établir des scénarios et cas d’usage
L’objectif est de définir les fonctionnalités et caractéristiques du produit/service à concevoir, en se mettant dans un contexte précis, et en étant centré sur l’utilisateur.
3) Le parcours utilisateur
Je dresse ensuite les différents parcours traversés par les utilisateurs, histoire de pouvoir faire une arborescence précise par la suite.
4) Wireframes et Prototypage rapide
Grâce à l’étape précédente, je sais quels sont les différents écrans à concevoir, je réfléchis donc à une proposition d’interface, sous la forme de wireframes, qui sera ensuite testée (auprès de quelques utilisateurs ne connaissant pas le projet) pour ensuite être affinée en fonction des retours.
Illustrations & Fun
Voici également un tutoriel Photoshop permettant de faire des effets spéciaux sur une photo. J’ai créé ce tutoriel en 2013 :