Martin
I’m a Product Designer Designer
Qualité - Écoute active - Esprit d’équipe - Rigoureux
Confirmé
Mes expériences
Martin
I’m a Product Designer & Directeur Artistique
Mes points forts
“ Mettre
sa créativité
au service
des autres ”
PIXEL
PERFECT
User Centric
Multi-Device
Atomic Design
Prototypage
Créativité
You can't use up creativity. �The more you use, the more you have.
Maya Angelou,
author, poet, civil rights activist
Product Design
UX/UI Design
Direction Artistique
Passionné d’innovation digitale et artistique, j’aime concevoir des expériences digitales à la croisée de vos enjeux business et des besoins de vos utilisateurs.
Autonome
Créatif
Curieux
A l’écoute
Sens du détail
Quelques projets
Site institutionnel et design System
FDJ BU Loterie
Evolution du Design System web, du site et ses produits
Donner un nouveau souffle au Design System Site pour faciliter la migration technique mais aussi permettre d’établir une base stable pour les évolutions des produits FDJ.fr.
Enjeux
Design System Site
Réalisations
Design System Site :
Ateliers
Ateliers ideation et co-conception
Tri de cartes
Hiérarchie du Design System Site vers une hiérarchie plus globale avec les Design Systems Loterie et App
Design Critique
Review par les pairs, idéation et animation de la communauté Design de la FDJ /BU Loterie
Conception - État des lieux du Design System
Une structure complexe qui ne permet pas une bonne compréhension du DS
Des composants legacy mêlés aux composants récents
Des composants peu génériques
Conception - Re Organisation
Revoir et tester une nouvelle organisation
Restructurer les composants pour leur permettre d’être plus génériques
Utiliser les dernières fonctionnalités de Figma pour faciliter le développement et le recettage
Conception - Carte Historique de Jeu
Conception - Process de contribution
Permettre la contribution au DS depuis les fichiers de travail
Organiser des 1to1 pour comprendre les enjeux et recenser les use cases
Synchroniser Design et Développement
Communiquer sur les releases des composants
Lancement d’un nouveau jeu de tirage ainsi que de nouveaux modes de jeux dans un contexte d’une migration technique complète du site.
Enjeux
Product Designer
Réalisations
Product Design
Au sein d’une squad :
En transverse :
Recherche et ateliers
Recherche en différentes étapes
Audit de l’existant pour optimiser le parcours
Recueil Data et A/B Tests
Benchmark et recommandations de bonnes pratiques
Mapping des solutions ��Conception UX, PO, Dev et QA
Conception - Refonte Keno 2023
Optimisation du parcours de prise de jeu
Épreuve d’une prise de jeu socle
Recherche de l’optimum : Innovation produit vs Temps de développement
Conception - Accompagner le lancement d’un jeu
Définir des étapes pour arriver à une vision cible (UX,PO et Dev)
Optimiser le parcours de jeu en vue du lancement
Promouvoir de nouvelles fonctionnalités
Conception - Re Organisation
Revoir et tester une nouvelle organisation
Restructurer les maquettes pour faciliter la maintenance et l’évolution des parcours de prise de jeu
Utiliser les dernières fonctionnalités de Figma pour faciliter le développement et le recettage
Conception - Test de nouveaux parcours de prise de jeu
Combiner contraintes techniques et opportunités UX
Prototyper et tester des nouveaux parcours
Utiliser les variables pour rendre les prototypes plus proches de l’expérience réelle
Site institutionnel
SKYBOY
Refonte du site d’une start-up de création d’expériences immersives et interactives à 360°
Refonte du site institutionnel de SkyBoy dans le cadre de l’évolution de sa stratégie et de sa charte graphique.
Suite à la refonte, le site est devenu un outil clé de l’équipe Sales pour la présentation des projets et acquisition de leads suite à des campagnes RS.
Enjeux
Le projet
Réalisations
Recherche Utilisateur
Recherche en différentes étapes
Audit de l’existant pour optimiser le parcours
Benchmark et recommandations de bonnes pratiques
Interviews avec des membres de l’équipe Sales, et les co-fondateurs, pour analyser les besoins, les irritants, comprendre les enjeux métiers et la pédagogie nécessaire auprès du public cible.
Interviews
Métier
2 commerciaux
1 directeur marketing
3 Co-fondateurs
L’équipe IT
Conception - Design UI
LANDING PAGE
Conception - Design UI
SINGLE PROJET
ARCHIVE PROJETS
Conception - Illustrations
Accès
UNE IMAGE VAUT MILLE MOTS
TESTEZ L’EXPÉRIENCE EN SCANNANT LE QR CODE !
OU A L’URL SUIVANTE : HTTPS://WWW.SKY-BOY.COM
Site institutionnel
GROUPE ALPHA
Refonte d’un ensemble de sites institutionnels suite à des changements stratégiques
Refonte de l’ensemble des sites institutionnels des entreprises du groupe suite à des changements de stratégie dans l’ensemble du Groupe Alpha
Enjeux
Le projet
Réalisations
Recherche Utilisateur & Benchmark
Recherche en différentes étapes
Audit de l’existant pour optimiser le parcours
Benchmark des concurrents et de sites inspirants
Interviews avec des consultants ainsi qu’avec des directeurs de missions, et business unit, pour analyser les besoins, les irritants, comprendre les enjeux métiers et la pédagogie nécessaire auprès du public cible.
Interviews
Métier
6 consultants
3 directeurs de mission
3 directeurs de BU
Ateliers
Ateliers Ideation et co-conception
Tri de cartes
Hiérarchie de l’information, priorisation de contenu et découpage des pages.
6to1
Travail de zoning sur les écrans principaux pour générer un maximum d’idées en peu de temps, puis synthétiser
des premiers templates
de mise en page du site.
Conception - Le Groupe Alpha
LANDING PAGE
Conception - Secafi
LANDING PAGE
Conception - Secafi
PAGE ARCHIVE DE PRESTATION V2
PAGE ARCHIVE DE PRESTATION V1
Conception - Secafi
PAGE ARCHIVE CATÉGORIE INDUSTRIE
SINGLE PAGE INDUSTRIE
Conception - Secafi extra
SINGLE PAGE �DOSSIERS INFORMATIONNELS
Conception - Semaphores
LANDING PAGE
Conception - Semaphores
PAGE ARCHIVE
Conception - Semaphores
PAGE SINGLE
Site institutionnel
Kea & Partners
Création d’un site de présentation d’un lieu dédié aux prestations du cabinet
Création d’un site de présentation du lieu dédié à l’accompagnement et au conseil de Kéa & Partners.
Le but était de rendre compte du lieu et permettre aux prospects de se projeter les ateliers et services proposés dans cet espace.
Enjeux
Le projet
Réalisations
Conception
LANDING PAGE
Conception
SINGLE PAGE DES ESPACES
PAGE ARCHIVE DES ESPACES
Dashboard
SKYBOY
Développement et stabilisation du dashboard, des outils et produits de SkyBoy
Recherche Utilisateur
Recherche en différentes étapes
Audit de l’existant pour optimiser le parcours
Benchmark et recommandations de bonnes pratiques
Interviews avec des membres de l’équipe Sales, et les co-fondateurs, pour analyser les besoins et les irritants sur les expériences.
Interviews de l’équipe IT pour comprendre les enjeux métiers et la roadmap de développement
Interviews
Métier
2 commerciaux
1 directeur marketing
3 Co-fondateurs
L’équipe IT
Idéation et Maquettage rapide
Mapping des fonctionnalités
�Maquettage papier
Travail de zoning sur les écrans principaux pour générer et partager un maximum d’idées en peu de temps.
Userflows
Pour retrouver et représenter les irritants au cours du parcours utilisateur.
Refonte de la plateforme de création d’expérience de SkyBoy pour stabiliser les fonctionnalités actuelles et permettre l’implémentation des futures fonctionnalités.
Enjeux
Refonte de l’architecture de la plateforme Creator
Réalisations
Conception - Design UI
PAGE ARCHIVE
Permet aux utilisateurs de chercher et sélectionner un compte, d’en visualiser tous les projets.
Dans chaque projets, on retrouve les différentes expériences du projet
Conception -Interfaces mobile
X
Conception - Design UI
EDITION DE L’EXPERIENCE
Permet aux utilisateurs d’éditer les divers aspects de l’expérience en suivant les étapes du menu de gauche.
Conception - Design UI
PAGES DE VISUALISATION
Permet aux utilisateurs de la plateforme d’accéder à une version de test de l’expérience selon des paramètres customs comme la langue de l’utilisateur, son pays ou le timecode dans l’expérience
PAGES D’EXPORT
Permet aux utilisateurs d’accéder aux différents éléments d’export de l’expérience pour les transmettre au client (en premier lieu le QR Code).
Cette page accueillera la page des traducteurs par la suite.
Refonte du module du système de création et modification d’interactions sur ses diverses vidéos.
�Ce système évolue en permanence afin d’accueillir les dernières fonctionnalités de la plateforme et des expériences.
Enjeux
Refonte de l’édition d’interactions des expériences immersives
Réalisations
Conception - Design UI
SÉQUENCES
Pour commencer à mettre des interactions dans la vidéo, l’utilisateur définit les différentes séquences / les différents passages de sa vidéo. �Par exemple : un passage de la vidéo qui va être répété en boucle jusqu’à complétion d’une action
INTÉRIEUR D’UNE SÉQUENCE
En double cliquant sur une séquence, l’utilisateur rentre dans celle-ci et peut ainsi créer/éditer les interactions nécessaires pour cette séquence de la vidéo
Conception - Design UI
INTERACTIONS
Au sein d’une séquence, l’utilisateur peut créer différents types d’interactions. Elles peuvent être visuelles mais aussi se déclencher à des instants clés de la vidéo.
Conception - Design UI
INTERACTIONS VISUELLES
L'interaction créée peut être placée dans la sphère mais aussi comme élément fixe à l’écran. Cet élément peut être une zone vide que l’on place au-dessus d’un élément existant dans le fichier vidéo, une image ou une animation Lottie.
Conception - Design UI
ACTIONS
Chaque interaction possède une ou plusieurs actions. L’utilisateur peut ajouter différentes actions à une interaction pour permettre une plus grande interactivité dans l’expérience
Conception - Design UI
CONDITIONS
Chaque interaction, visuelle ou non, peut être conditionnée. Dans le cas d’un élément visuel, elles peuvent conditionner l’affichage d’un élément au Xième passage dans cette séquence ou n’être visible qu’après que certaines actions aient été réalisées par l’utilisateur.
Refonte et amélioration du dashboard de statistiques des expériences afin de permettre aux clients d’avoir une vue complète et personnalisable sur les performances de leurs expériences immersives.
Enjeux
Refonte de la plateforme analytics des expériences
Réalisations
Conception - Design UI
VUE D’ENSEMBLE
Lors de cette refonte, nous avons revu les graphiques essentiels et la segmentation des pages de “base” présentées aux utilisateurs de la plateforme. La refonte portait à la fois sur l’architecture des fonctionnalités et des données, mais aussi, sur la représentation des données.
Conception - Design UI
VUES PERSONNALISÉES
Les utilisateurs peuvent ajouter des vues et les personnaliser pour constituer des pages contenant les données pertinentes pour leurs présentations auprès de leur direction ou des clients.
Conception - Design UI
POPUPS D’ORGANISATION �DE LA VUE
POPUPS D’AJOUT D’ÉLÉMENTS À LA VUE
Conception - Design UI
CRÉATION D’UN ÉLÉMENT �DE LA VUE
Les utilisateurs peuvent créer divers graphiques pour représenter les données qui leur semble pertinentes. Ces données peuvent être croisées et représentées de diverses manières selon leurs besoins.
Conception - Design UI
VUE GLOBALE
Cette refonte a permis de revoir les vues préconfigurées sur la plateforme et d’utiliser un système d’édition commun entre les administrateurs de la plateforme et les utilisateurs de la Marketing Platform. Cela a facilité les tests et le débogage lors d’intégration progressive des diverses fonctionnalités.
Création d’un module de gestion de traductions pour pallier aux problématiques métiers autour de l’implémentation et la modification de traductions et langues pour les expériences multilingues.
Enjeux
Création d’un module de gestion �de traductions
Réalisations
Conception - Design UI
PAGE DE CONFIGURATION DES LANGUES ET CLÉS DE TRADUCTION
Permet aux équipes de SkyBoy d’ajouter les différentes langues d’une expérience et de créer les différentes clés nécessaires au interfaces et navigations de l’expérience
Conception - Design UI
BUILDER DE PAGES �DE TRADUCTIONS
Permet aux équipes de créer des pages avec des champs de traductions contextualisés
Conception - Design UI
PAGE D’EXPORT
Permet aux commerciaux de transmettre les liens des pages de traduction aux clients et aux traducteurs
Conception - Design UI
PAGE DE TRADUCTIONS
Permet aux traducteurs de renseigner les traductions en ayant le contexte de la traduction ainsi que la valeur des différentes clés dans la langue de référence pour l’expérience (Anglais par défaut)
Conception - Design UI
PAGE DE VÉRIFICATION DES TRADUCTIONS
Permet aux équipes de vérifier et valider les différentes traductions entrées par les traducteurs notamment pour le respect des balises intégrées aux traductions et fautes de frappe.
Dashboard
WEBSCHOOL FACTORY x SNCF
Création d’un dashboard de data visualisation pour la SNCF
X
Création d’un dashboard de datavisualisation pour leurs équipes marketing de la SNCF afin de mieux visualiser et exploiter la valeur client.
Enjeux
X
Le projet
Réalisations
X
Recherches
Recherche en différentes étapes
Benchmark et recommandations de bonnes pratiques
Interviews avec des clients/utilisateurs de la SNCF, et responsables marketing, pour analyser les besoins et les irritants des utilisateurs de la solution mais aussi comprendre les contextes d’usages des utilisateurs de la SNCF.
Clustering des données selon les points clés remontés par les recherches utilisateurs
X
Maquettages et Itérations
Maquettage papier
Travail de zoning sur les écrans principaux pour générer un maximum d’idées en peu de temps.
Itérations sur les interfaces, fonctionnalités du dashboard �et représentations des données
X
Conception - Design UI
PAGE DE VISUALISATION DES CLUSTERS DE CLIENTS SNCF
Permet aux utilisateurs de visualiser les différents groupes de clients en trajets et en CA afin d’obtenir une première qualification de ceux-ci.
X
Conception - Design UI
PAGE DE VISUALISATION D’UN CLUSTERS �
Permet aux utilisateurs de visualiser les différentes données du cluster sélectionné et créer des graphiques en croisant des données propres au cluster
X
Conception - Design UI
ACTIONS MARKETING
Les utilisateurs peuvent créer des actions marketing, les suivre sur une interface dédiée et en exporter les données.
X
Expériences Gamification
SKYBOY
Design UX/UI des expériences gamifiées�de divers clients
Création d’une animation les popups stores «Dior Rose» via un quiz permettant aux clients du popups de découvrir la collection Dior qui leur correspond, de prendre une photo avec un filtre Dior et recevoir la newsletter associée.
Enjeux
DIOR Rose Quiz
X
Réalisations
X
Conception - LE QUIZ
X
Conception - LE FILTRE
X
Conception - LE MAILING
X
Accès
X
UNE IMAGE VAUT MILLE MOTS
TESTEZ L’EXPÉRIENCE EN SCANNANT LE QR CODE !
Création d’un quiz interactif pour aider les clients Nespresso dans leur choix de capsules en les guidant dans la découverte de nouveaux cafés.
Enjeux
Nespresso Coffee Configurator
X
Réalisations
X
Conception -Questionnaire
X
Conception -Pages de résultat
X
Accès
UNE IMAGE VAUT MILLE MOTS
TESTEZ L’EXPÉRIENCE EN SCANNANT LE QR CODE !
X
Réalisation de jeux immersifs formant un parcours dans la ville lors de divers temps forts de la ville de Pau.
Ces expériences immersives permettent aux petits et grands de gagner des lots et contribuent aux différentes animations à travers la ville.
Enjeux
Pau Événements saisonniers
X
Réalisations
X
Conception -Pages de lancement
X
Conception -Pages de fin
X
Conception - Déclinaisons
X
Conception - Stickers
X
Accès
UNE IMAGE VAUT MILLE MOTS
TESTEZ L’EXPÉRIENCE EN SCANNANT LE QR CODE !
X
Réalisation d’un mini jeu sur le principe d’un bandit manchot pour l’animation des vitrines de la marque.
Ces expériences immersives permettent aux petits et grands de gagner des lots et contribuent aux différentes animations à travers la ville.
Enjeux
Piaget jeu concours
X
Réalisations
X
Conception - Interfaces
X
Conception - Interfaces
X
Conception - Wallpapers
X
Accès
UNE IMAGE VAUT MILLE MOTS
TESTEZ L’EXPÉRIENCE EN SCANNANT LE QR CODE !
X
Expériences Immersives
SKYBOY
Design UI/UX des expériences immersives de divers clients
Création d’une expérience immersive pour faire découvrir les univers des cafés de la gamme cafés Master Origins de Nespresso à travers les différents paysages d'origine de ses cafés.
Enjeux
Nespresso Coffee Stories
X
Réalisations
X
Conception -Menu principal
X
Conception - Popups
X
Conception -Discovery Queue
X
Accès
UNE IMAGE VAUT MILLE MOTS
TESTEZ L’EXPÉRIENCE EN SCANNANT LE QR CODE !
X
Création d’une expérience interactive afin de permettre aux clients de Cartier de découvrir la manufacture et le savoir-faire de Cartier pendant leur attente à la Mansion.
Enjeux
Cartier Mansion
X
Réalisations
X
Conception -Experience start
X
Conception - Navigation
X
Conception -Experience end
X
Conception -Print Design
X
Accès
UNE IMAGE VAUT MILLE MOTS
TESTEZ L’EXPÉRIENCE EN SCANNANT LE QR CODE !
X
Création d’une expérience immersive pour une promotion originale de la sortie des nouveaux téléphones Samsung Galaxy.
Les utilisateurs d’Orange étaient plongés dans une galaxie présentant les diverses caractéristiques du dernier appareil, ainsi que ses accessoires et les films de campagne associés
Enjeux
Orange Samsung
X
Réalisations
X
Conception - Landing page
X
Conception - Navigation
X
Conception -Navigation
X
Conception -Informations 360°
X
Conception - Popups informationnelles
X
Accès
UNE IMAGE VAUT MILLE MOTS
TESTEZ L’EXPÉRIENCE EN SCANNANT LE QR CODE !
X
Merci !
Martin Aubailly
Product Designer
M: martin.aubailly@gmail.com