1 of 132

Martin

I’m a Product Designer Designer

Qualité - Écoute active - Esprit d’équipe - Rigoureux

2 of 132

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é

3 of 132

You can't use up creativity. �The more you use, the more you have.

Maya Angelou,

author, poet, civil rights activist

4 of 132

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

5 of 132

Quelques projets

6 of 132

Site institutionnel et design System

FDJ BU Loterie

Evolution du Design System web, du site et ses produits

7 of 132

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

  • Restructurer le Design System et ses composants dans un contexte de migration technique et d’innovation produit.

  • Accorder réactivité et qualité pour apporter une solution rapide et efficace aux problématiques produit et d’entreprise de la FDJ.

Design System Site

  • Rôle : Product Designer / Responsable Design System Site

8 of 132

Réalisations

Design System Site :

  • Création, maintenance, évolution et documentation des composants

  • Recensement des besoin dans les divers périmètres du site

  • Réorganisation du Design System

  • Mise en conformité du Design System

  • Création de process pour les évolutions et la maintenance du design system

  • Synchronisation UX -Dev : Figma - Storybook

  • Suivi et recettage des développements

9 of 132

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

10 of 132

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

11 of 132

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

12 of 132

Conception - Carte Historique de Jeu

13 of 132

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

14 of 132

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

  • Permettre une évolution produit dans le cadre d’une migration technique lourde.

  • Accorder réactivité et communication pour apporter une solution rapide et efficace à des problématiques produit et techniques de la FDJ.

Product Designer

  • Rôle : Product Designer / Responsable Design System Site

15 of 132

Réalisations

Product Design

Au sein d’une squad :

  • Ateliers de Co création avec PO et UX

  • Ateliers de conception avec Dev, PO, UX et QA

  • Maquettage des évolutions produit et optimisation des parcours UX vs migration technique

  • Création et brief d’AB Tests

  • Création de prototypes pour évolutions et tests du produit (périmètre prise de jeu)

  • Recettage UI des interfaces

En transverse :

  • Restructuration de l’organisation des fichiers de travail pour faciliter la passation UX, PO, Dev et QA

  • Mise en conformité des maquettes des interfaces

16 of 132

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

17 of 132

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

18 of 132

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

19 of 132

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

20 of 132

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

21 of 132

Site institutionnel

SKYBOY

Refonte du site d’une start-up de création d’expériences immersives et interactives à 360°

22 of 132

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

  • Renouvellement de l’image de marque de Skyboy

  • Présenter les nouveaux produits et la nouvelle stratégie de l’entreprise

  • Complémenter les démarches marketing des équipes Sales

  • Création et maintenance d’un site multilingue

Le projet

  • Rôle : Product Designer

23 of 132

Réalisations

  • Benchmark et Interviews auprès des équipes Sales et Production

  • Architecture et maquettage du site

  • Branding, création de contenu, Motion design et illustration

  • Développement du site (Wordpress et Elementor)

  • Tests et itérations

  • Formation à l’implémentation de contenu sur le site

  • Evolution du site selon les évolutions des campagnes marketing et recensement des besoins clients

24 of 132

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

25 of 132

Conception - Design UI

LANDING PAGE

26 of 132

Conception - Design UI

SINGLE PROJET

ARCHIVE PROJETS

27 of 132

Conception - Illustrations

28 of 132

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

29 of 132

Site institutionnel

GROUPE ALPHA

Refonte d’un ensemble de sites institutionnels suite à des changements stratégiques

30 of 132

Refonte de l’ensemble des sites institutionnels des entreprises du groupe suite à des changements de stratégie dans l’ensemble du Groupe Alpha

Enjeux

  • Renouvellement de l’image de la maison mère et des marques du groupe

  • Accorder pédagogie auprès des prospects/clients et changements stratégiques des différentes entités du groupe.

Le projet

  • Rôle : UI/UX Designer + Intégrateur

31 of 132

Réalisations

  • Acculturation métier et interviews avec les consultants

  • Création de l’architecture du site et animation d’ateliers créatifs autour des refontes

  • Wireframing & maquettage

  • Branding et création de contenus

  • Développement du site (Wordpress et Elementor)

  • Itérations et tests avec les différents acteurs de la refonte

  • Formation à l’implémentation de contenu sur le site

32 of 132

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

33 of 132

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.

34 of 132

Conception - Le Groupe Alpha

LANDING PAGE

35 of 132

Conception - Secafi

LANDING PAGE

36 of 132

Conception - Secafi

PAGE ARCHIVE DE PRESTATION V2

PAGE ARCHIVE DE PRESTATION V1

37 of 132

Conception - Secafi

PAGE ARCHIVE CATÉGORIE INDUSTRIE

SINGLE PAGE INDUSTRIE

38 of 132

Conception - Secafi extra

SINGLE PAGE �DOSSIERS INFORMATIONNELS

39 of 132

Conception - Semaphores

LANDING PAGE

40 of 132

Conception - Semaphores

PAGE ARCHIVE

41 of 132

Conception - Semaphores

PAGE SINGLE

42 of 132

Site institutionnel

Kea & Partners

Création d’un site de présentation d’un lieu dédié aux prestations du cabinet

43 of 132

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

  • Renouvellement de l’image en ligne du lieu et de la marque

  • Permettre aux visiteurs du site de se projeter dans le lieu et ses prestations

  • Création d’un configurateur pour prévisualisation

Le projet

  • Rôle : UI/UX Designer

44 of 132

Réalisations

  • Benchmark des travaux précédemment réalisés et inspirations

  • Interviews et acculturation métier avec divers consultants

  • Architecture et maquettage du site

  • Branding et création de contenus pour le site : �Motion Design, photographies, iconographie, etc.

  • Co-développement du site (Wordpress) avec un développeur

  • Tests et itérations

45 of 132

Conception

LANDING PAGE

46 of 132

Conception

SINGLE PAGE DES ESPACES

PAGE ARCHIVE DES ESPACES

47 of 132

Dashboard

SKYBOY

Développement et stabilisation du dashboard, des outils et produits de SkyBoy

48 of 132

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

49 of 132

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.

50 of 132

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

  • Standardiser les interfaces graphiques, et améliorer le parcours utilisateur de la plateforme et des expériences produites pour les clients

  • Faciliter la création d’expérience via une interface plus intuitive tout en s’ouvrant à l’ajout de nouvelles fonctionnalités

  • Adapter les fonctionnalités et le parcours utilisateur pour des usages multi-device

Refonte de l’architecture de la plateforme Creator

  • Rôle : Product Designer

51 of 132

Réalisations

  • Recherche utilisateurs et définition des besoins

  • Benchmark d’autres plateformes SaaS

  • Architecture de la plateforme et maquettage des fonctionnalités et interfaces

  • Création d’une bibliothèque de composants pour permettre l’implémentation de nouvelles fonctionnalités sur la plateforme

  • Itérations et tests des divers modules durant divers projets avec les clients de Skyboy

52 of 132

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

53 of 132

Conception -Interfaces mobile

X

54 of 132

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.

55 of 132

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.

56 of 132

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

  • Système critique de la création et l’édition d’expériences

  • Système complexe nécessitant une bonne lisibilité des interactions en place

  • Outil à utilisation interne déterminant les délais d’intégration et modifications des expériences clients

Refonte de l’édition d’interactions des expériences immersives

  • Rôle : Product Designer

57 of 132

Réalisations

  • Reprise du cadre fonctionnel existant

  • Recueil et traitement des besoins utilisateurs

  • Architecture de la plateforme en coordination avec les équipes de développement

  • Wireframing et maquettage des fonctionnalités et interfaces

  • Itérations et tests du nouveau système durant divers projets avec les clients de Skyboy.

58 of 132

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

59 of 132

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.

60 of 132

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.

61 of 132

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

62 of 132

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.

63 of 132

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

  • Permettre l’édition et la création des vues des statistiques

  • Permettre l’export de rapports personnalisés aux clients de la plateforme

  • Établir une nouvelle base pour l’implémentation de futures fonctionnalités de la marketing platform

Refonte de la plateforme analytics des expériences

  • Rôle : Product Designer

64 of 132

Réalisations

  • Reprise du cadre fonctionnel existant

  • Benchmark de plateformes analytics

  • Recueil et traitement des besoins utilisateurs au travers des retours des équipes Sales

  • Architecture de la plateforme

  • Maquettage des fonctionnalités, interfaces et rapports générés par la plateforme.

  • Itérations et tests de la plateforme avec les différents clients de Skyboy

65 of 132

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.

66 of 132

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.

67 of 132

Conception - Design UI

POPUPS D’ORGANISATION �DE LA VUE

POPUPS D’AJOUT D’ÉLÉMENTS À LA VUE

68 of 132

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.

69 of 132

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.

70 of 132

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

  • Faciliter et accélérer le travail lié aux traductions en permettant aux traducteurs du client de modifier les textes présents dans nos expériences

  • Garder un œil sur les changements (garde-fous) avec des systèmes de validation par les gestionnaires du projet.

  • Un outils à double face : admin SkyBoy et interface de traduction pour l’externe

Création d’un module de gestion �de traductions

  • Rôle : Product Designer

71 of 132

Réalisations

  • Reprise du cadre fonctionnel existant

  • Recueil et traitement des besoins utilisateurs au travers des retours des équipes Sales et IT

  • Architecture et maquettage des fonctionnalités et interfaces

  • Itérations et tests avec les clients de Skyboy et leurs traducteurs

  • Tracking de l’évolution des KPIs du système de traduction

72 of 132

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

73 of 132

Conception - Design UI

BUILDER DE PAGES �DE TRADUCTIONS

Permet aux équipes de créer des pages avec des champs de traductions contextualisés

74 of 132

Conception - Design UI

PAGE D’EXPORT

Permet aux commerciaux de transmettre les liens des pages de traduction aux clients et aux traducteurs

75 of 132

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)

76 of 132

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.

77 of 132

Dashboard

WEBSCHOOL FACTORY x SNCF

Création d’un dashboard de data visualisation pour la SNCF

X

78 of 132

Création d’un dashboard de datavisualisation pour leurs équipes marketing de la SNCF afin de mieux visualiser et exploiter la valeur client.

Enjeux

  • Faire coïncider big data et méthodologie UX
  • Création d’un dashboard permettant aux équipes marketing de la SNCF d’identifier et suivre de nouvelles tendances d’usage chez leurs clients

  • Rôle : UI/UX Designer

X

Le projet

79 of 132

Réalisations

  • Analyse sectorielle

  • Interviews et recherches utilisateurs

  • Clustering et traitement des données

  • Création de l’architecture du dashboard

  • Wireframing et maquettage

  • Tests et itérations des interfaces avec les nouvelles recherches utilisateurs

X

80 of 132

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

81 of 132

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

82 of 132

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

83 of 132

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

84 of 132

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

85 of 132

Expériences Gamification

SKYBOY

Design UX/UI des expériences gamifiées�de divers clients

86 of 132

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

  • Animation de point de vente

  • Point d’appel pour communication newsletter de Dior

  • Déclinaison internationale

  • Création d’interfaces et supports pour filtres photos

DIOR Rose Quiz

  • Rôle : Product Designer

X

87 of 132

Réalisations

  • Création de la direction artistique de l’expérience

  • Maquettage des différentes interfaces, navigations et du kit mailing associé à l’expérience

  • Création graphique liée à l’expérience : �Visuels pour l’expérience et les filtres associés

  • Intégration de l’expérience et ses interactions

  • Itérations et tests de l’expérience avec le client et les utilisateurs

X

88 of 132

Conception - LE QUIZ

X

89 of 132

Conception - LE FILTRE

X

90 of 132

Conception - LE MAILING

X

91 of 132

Accès

X

UNE IMAGE VAUT MILLE MOTS

TESTEZ L’EXPÉRIENCE EN SCANNANT LE QR CODE !

92 of 132

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

  • Création d’un questionnaire original et ludique

  • Permettre d’apporter un conseil en magasin autrement

  • Servir de relais complémentaire pour l’achat In-store

Nespresso Coffee Configurator

  • Rôle : Product Designer

X

93 of 132

Réalisations

  • Architecture et maquettage HiFi des différentes interfaces et navigations

  • Création graphique liée à l’expérience

  • Intégration de l’expérience et ses interactions

  • Itérations et tests de l’expérience avec le client

X

94 of 132

Conception -Questionnaire

X

95 of 132

Conception -Pages de résultat

X

96 of 132

Accès

UNE IMAGE VAUT MILLE MOTS

TESTEZ L’EXPÉRIENCE EN SCANNANT LE QR CODE !

X

97 of 132

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

  • Création de parcours interactifs dans la ville en adéquation avec l’événement et les animations prévues par la mairie.

  • Diversifier et renouveler le gameplay des expériences tout en permettant l’adoption d’un large public.

Pau Événements saisonniers

  • Rôle : Product Designer

X

98 of 132

Réalisations

  • Maquettage des différentes interfaces et navigations

  • Création graphique liée à l’expérience : �Stickers du parcours et visuels pour l’expérience.

  • Intégration de l’expérience et ses interactions

  • Itérations et tests de l’expérience avec le client et les utilisateurs au cours des divers événements

X

99 of 132

Conception -Pages de lancement

X

100 of 132

Conception -Pages de fin

X

101 of 132

Conception - Déclinaisons

X

102 of 132

Conception - Stickers

X

103 of 132

Accès

UNE IMAGE VAUT MILLE MOTS

TESTEZ L’EXPÉRIENCE EN SCANNANT LE QR CODE !

X

104 of 132

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

  • Création d’un mini-jeu rapide et accessible pour augmenter l’animation en vitrine pour le lancement d’une nouvelle collection.

  • Reprendre des codes d’un jeu de casino pour l’appliquer à une activation dans les vitrines des magasins ainsi qu’avec une déclinaison en ligne.

Piaget jeu concours

  • Rôle : Product Designer

X

105 of 132

Réalisations

  • Maquettage des différentes interfaces et navigations

  • Création graphique liée à l’expérience : �Wallpapers, animations Lottie et visuels liés à l’expérience.

  • Intégration de l’expérience et ses interactions

  • Itérations et tests de l’expérience avec le client et les utilisateurs au cours des divers événements

X

106 of 132

Conception - Interfaces

X

107 of 132

Conception - Interfaces

X

108 of 132

Conception - Wallpapers

X

109 of 132

Accès

UNE IMAGE VAUT MILLE MOTS

TESTEZ L’EXPÉRIENCE EN SCANNANT LE QR CODE !

X

110 of 132

Expériences Immersives

SKYBOY

Design UI/UX des expériences immersives de divers clients

111 of 132

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

  • Création d’une expérience interactive et immersive avec des contenus divers.

  • Une exploration à 360° avec de nombreux points d’interaction.

  • Mise en avant d’un univers de marque et pédagogie autour des différents cafés

Nespresso Coffee Stories

  • Rôle : Product Designer

X

112 of 132

Réalisations

  • Création de l’architecture du contenu et maquettage des différentes interfaces et navigations

  • Créations graphiques liées à l’expérience

  • Intégration de l’expérience et ses interactions

  • Itérations et tests de l’expérience avec le client

X

113 of 132

Conception -Menu principal

X

114 of 132

Conception - Popups

X

115 of 132

Conception -Discovery Queue

X

116 of 132

Accès

UNE IMAGE VAUT MILLE MOTS

TESTEZ L’EXPÉRIENCE EN SCANNANT LE QR CODE !

X

117 of 132

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

  • La création d’une expérience immersive permettant aux utilisateurs une navigation rapide dans la manufacture tout en mettant en avant le savoir-faire de la marque.

  • L’expérience, bien que mobile first, se devait d’être évolutive pour s’adapter sur différents supports (desktop, tablette, mobile et casque VR) et être déclinée selon divers marchés.

Cartier Mansion

  • Rôle : Product Designer

X

118 of 132

Réalisations

  • Maquettage des interfaces et interactions

  • Création graphique liée à l’expérience : �Motion Design et montage vidéo ainsi que support print de communication

  • Intégration de l’expérience et ses interactions

  • Tests et itérations

  • Retravail de la navigation et conseils pour l’adaptation de l’expérience sur casques VR

X

119 of 132

Conception -Experience start

X

120 of 132

Conception - Navigation

X

121 of 132

Conception -Experience end

X

122 of 132

Conception -Print Design

X

123 of 132

Accès

UNE IMAGE VAUT MILLE MOTS

TESTEZ L’EXPÉRIENCE EN SCANNANT LE QR CODE !

X

124 of 132

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

  • Création d’un support de communication autour du produit

  • Navigation dans l’univers du produit et ses accessoires

  • Promotion de coupons de réduction et offres promotionnelles

Orange Samsung

  • Rôle : Product Designer

X

125 of 132

Réalisations

  • Maquettage des interfaces et interactions

  • Création graphique liée à l’expérience : �Visuels divers, création des fichiers de coupons et teaser pour les réseaux sociaux

  • Intégration de l’expérience et ses interactions

  • Tests et itérations

X

126 of 132

Conception - Landing page

X

127 of 132

Conception - Navigation

X

128 of 132

Conception -Navigation

X

129 of 132

Conception -Informations 360°

X

130 of 132

Conception - Popups informationnelles

X

131 of 132

Accès

UNE IMAGE VAUT MILLE MOTS

TESTEZ L’EXPÉRIENCE EN SCANNANT LE QR CODE !

X

132 of 132

Merci !

Martin Aubailly

Product Designer

M: martin.aubailly@gmail.com