Michelin Digital
Michelin Digital
Michelin Digital
Michelin Digital
Projet
Projet
Projet
Projet
Design System & Michelin B2B
Design System & Michelin B2B
Design System & Michelin B2B
Design System & Michelin B2B
Année
Année
Année
Année
2020 - 2021
2020 - 2021
2020 - 2021
2020 - 2021
Concevoir la plateforme pour tous les secteurs professionnels de la marque, ainsi qu'un Design System évolutif pour les deux plafeformes B2B et B2C.
Concevoir la plateforme pour tous les secteurs professionnels de la marque, ainsi qu'un Design System évolutif pour les deux plafeformes B2B et B2C.
Concevoir la plateforme pour tous les secteurs professionnels de la marque, ainsi qu'un Design System évolutif pour les deux plafeformes B2B et B2C.
En résumé
En résumé
En résumé
En résumé
En 2020, dans le cadre d’une mission d’un an chez Michelin Digital, j'ai eu le plaisir d'initier et de construire le Design System du Groupe Michelin sur la base de l’écosystème B2C existant, mais aussi de créer la plateforme B2B Experience, plateforme fusionnant plusieurs sites de pneus B2B pour les professionnels (véhicules légers, dumpers, camions, tracteurs, …).
En 2020, dans le cadre d’une mission d’un an chez Michelin Digital, j'ai eu le plaisir d'initier et de construire le Design System du Groupe Michelin sur la base de l’écosystème B2C existant, mais aussi de créer la plateforme B2B Experience, plateforme fusionnant plusieurs sites de pneus B2B pour les professionnels (véhicules légers, dumpers, camions, tracteurs, …).
En 2020, dans le cadre d’une mission d’un an chez Michelin Digital, j'ai eu le plaisir d'initier et de construire le Design System du Groupe Michelin sur la base de l’écosystème B2C existant, mais aussi de créer la plateforme B2B Experience, plateforme fusionnant plusieurs sites de pneus B2B pour les professionnels (véhicules légers, dumpers, camions, tracteurs, …).
En 2020, dans le cadre d’une mission d’un an chez Michelin Digital, j'ai eu le plaisir d'initier et de construire le Design System du Groupe Michelin sur la base de l’écosystème B2C existant, mais aussi de créer la plateforme B2B Experience, plateforme fusionnant plusieurs sites de pneus B2B pour les professionnels (véhicules légers, dumpers, camions, tracteurs, …).
Client
Client
Client
Client
Michelin Digital
Michelin Digital
Michelin Digital
Michelin Digital
Domaine
Domaine
Domaine
Domaine
Pneumatiques
Pneumatiques
Pneumatiques
Pneumatiques
Compétences
Compétences
Compétences
Compétences
UI/UX Design
UI/UX Design
UI/UX Design
UI/UX Design
Design System
Design System
Design System
Design System
Digital Design
Digital Design
Digital Design
Digital Design
Content
Content
Content
Content
Durée
Durée
Durée
Durée
1 an
1 an
1 an
1 an




L'Objectif
L'Objectif
L'Objectif
L'Objectif
L'objectif du Design System Michelin est d'améliorer l'expérience utilisateur globale, de standardiser les pratiques numériques, d'améliorer la gestion du contenu et d'optimiser les temps de maintenance et de lancement des sites du Groupe. Un système commun aux plateformes B2B et B2C du Groupe. Dans le cadre de la plateforme B2B, nous avons également développé une stratégie spécifique afin que la plateforme soit intuitive, conviviale et qu'elle réponde aux besoins des utilisateurs de différents pays et cultures. En effet, Michelin est présent dans plusieurs régions du monde, de l’Inde à l’Amérique du Nord.
L'objectif du Design System Michelin est d'améliorer l'expérience utilisateur globale, de standardiser les pratiques numériques, d'améliorer la gestion du contenu et d'optimiser les temps de maintenance et de lancement des sites du Groupe. Un système commun aux plateformes B2B et B2C du Groupe. Dans le cadre de la plateforme B2B, nous avons également développé une stratégie spécifique afin que la plateforme soit intuitive, conviviale et qu'elle réponde aux besoins des utilisateurs de différents pays et cultures. En effet, Michelin est présent dans plusieurs régions du monde, de l’Inde à l’Amérique du Nord.
L'objectif du Design System Michelin est d'améliorer l'expérience utilisateur globale, de standardiser les pratiques numériques, d'améliorer la gestion du contenu et d'optimiser les temps de maintenance et de lancement des sites du Groupe. Un système commun aux plateformes B2B et B2C du Groupe. Dans le cadre de la plateforme B2B, nous avons également développé une stratégie spécifique afin que la plateforme soit intuitive, conviviale et qu'elle réponde aux besoins des utilisateurs de différents pays et cultures. En effet, Michelin est présent dans plusieurs régions du monde, de l’Inde à l’Amérique du Nord.
L'objectif du Design System Michelin est d'améliorer l'expérience utilisateur globale, de standardiser les pratiques numériques, d'améliorer la gestion du contenu et d'optimiser les temps de maintenance et de lancement des sites du Groupe. Un système commun aux plateformes B2B et B2C du Groupe. Dans le cadre de la plateforme B2B, nous avons également développé une stratégie spécifique afin que la plateforme soit intuitive, conviviale et qu'elle réponde aux besoins des utilisateurs de différents pays et cultures. En effet, Michelin est présent dans plusieurs régions du monde, de l’Inde à l’Amérique du Nord.




La Solution
La Solution
La Solution
La Solution
Le démarrage du projet s'est appuyé sur un double exercice d'audit et de co-conception avec les équipes UX/UI de Michelin. Premier objectif : créer des templates et landing pages pour chaque univers B2B, optimiser le parcours de recherche de pneus (Tyre Selector, Dealer Locator) avec points d’entrées, parcours, résultats et système de filtres. Chaque template a fait l'objet d'un nouveau design, avec cinq breakpoints et une approche "Mobile First" ! La section "Tyre Detail", sorte de fiche technique du pneu, a été l'étape-clé de cette refonte, avec plus de 60 pages individuelles de pneus Michelin à répertorier et designer. Toutes les deux semaines, chaque session UX/UI s'est déroulée de manière collaborative et itérative avec les équipes de Michelin Digital, à réception du Flash Point (planning) et jusqu'aux Milestones. En parallèle, le Design System s'est créé progressivement, avec plusieurs objectifs : standardiser les calques en symboles, styles dynamiques, styles de texte, classifier les atomes/composants et ainsi créer une librairie adaptative aux deux plateformes du Groupe.
Le démarrage du projet s'est appuyé sur un double exercice d'audit et de co-conception avec les équipes UX/UI de Michelin. Premier objectif : créer des templates et landing pages pour chaque univers B2B, optimiser le parcours de recherche de pneus (Tyre Selector, Dealer Locator) avec points d’entrées, parcours, résultats et système de filtres. Chaque template a fait l'objet d'un nouveau design, avec cinq breakpoints et une approche "Mobile First" ! La section "Tyre Detail", sorte de fiche technique du pneu, a été l'étape-clé de cette refonte, avec plus de 60 pages individuelles de pneus Michelin à répertorier et designer. Toutes les deux semaines, chaque session UX/UI s'est déroulée de manière collaborative et itérative avec les équipes de Michelin Digital, à réception du Flash Point (planning) et jusqu'aux Milestones. En parallèle, le Design System s'est créé progressivement, avec plusieurs objectifs : standardiser les calques en symboles, styles dynamiques, styles de texte, classifier les atomes/composants et ainsi créer une librairie adaptative aux deux plateformes du Groupe.
Le démarrage du projet s'est appuyé sur un double exercice d'audit et de co-conception avec les équipes UX/UI de Michelin. Premier objectif : créer des templates et landing pages pour chaque univers B2B, optimiser le parcours de recherche de pneus (Tyre Selector, Dealer Locator) avec points d’entrées, parcours, résultats et système de filtres. Chaque template a fait l'objet d'un nouveau design, avec cinq breakpoints et une approche "Mobile First" ! La section "Tyre Detail", sorte de fiche technique du pneu, a été l'étape-clé de cette refonte, avec plus de 60 pages individuelles de pneus Michelin à répertorier et designer. Toutes les deux semaines, chaque session UX/UI s'est déroulée de manière collaborative et itérative avec les équipes de Michelin Digital, à réception du Flash Point (planning) et jusqu'aux Milestones. En parallèle, le Design System s'est créé progressivement, avec plusieurs objectifs : standardiser les calques en symboles, styles dynamiques, styles de texte, classifier les atomes/composants et ainsi créer une librairie adaptative aux deux plateformes du Groupe.
Le démarrage du projet s'est appuyé sur un double exercice d'audit et de co-conception avec les équipes UX/UI de Michelin. Premier objectif : créer des templates et landing pages pour chaque univers B2B, optimiser le parcours de recherche de pneus (Tyre Selector, Dealer Locator) avec points d’entrées, parcours, résultats et système de filtres. Chaque template a fait l'objet d'un nouveau design, avec cinq breakpoints et une approche "Mobile First" ! La section "Tyre Detail", sorte de fiche technique du pneu, a été l'étape-clé de cette refonte, avec plus de 60 pages individuelles de pneus Michelin à répertorier et designer. Toutes les deux semaines, chaque session UX/UI s'est déroulée de manière collaborative et itérative avec les équipes de Michelin Digital, à réception du Flash Point (planning) et jusqu'aux Milestones. En parallèle, le Design System s'est créé progressivement, avec plusieurs objectifs : standardiser les calques en symboles, styles dynamiques, styles de texte, classifier les atomes/composants et ainsi créer une librairie adaptative aux deux plateformes du Groupe.






Le Résultat
Le Résultat
Le Résultat
Le Résultat
Le Design System est composé de plusieurs éléments, notamment des guides de style, des composants d'interface utilisateur et une bibliothèque de code réutilisable. Pour que le système soit facile à utiliser et à entretenir, il a été conçu pour être modulaire, flexible et extensible. Un maximum de symboles communs à tous les Artboards ont été recensés, pour optimiser les évolutions futures (overrides éventuels : modifications de formes, de couleurs, de polices…).
Le Design System est composé de plusieurs éléments, notamment des guides de style, des composants d'interface utilisateur et une bibliothèque de code réutilisable. Pour que le système soit facile à utiliser et à entretenir, il a été conçu pour être modulaire, flexible et extensible. Un maximum de symboles communs à tous les Artboards ont été recensés, pour optimiser les évolutions futures (overrides éventuels : modifications de formes, de couleurs, de polices…).
Le Design System est composé de plusieurs éléments, notamment des guides de style, des composants d'interface utilisateur et une bibliothèque de code réutilisable. Pour que le système soit facile à utiliser et à entretenir, il a été conçu pour être modulaire, flexible et extensible. Un maximum de symboles communs à tous les Artboards ont été recensés, pour optimiser les évolutions futures (overrides éventuels : modifications de formes, de couleurs, de polices…).
Le Design System est composé de plusieurs éléments, notamment des guides de style, des composants d'interface utilisateur et une bibliothèque de code réutilisable. Pour que le système soit facile à utiliser et à entretenir, il a été conçu pour être modulaire, flexible et extensible. Un maximum de symboles communs à tous les Artboards ont été recensés, pour optimiser les évolutions futures (overrides éventuels : modifications de formes, de couleurs, de polices…).















PORTFOLIO
PORTFOLIO
PORTFOLIO
VOIR AUSSI
VOIR AUSSI
VOIR AUSSI
VOIR AUSSI
Campagnes Marque
Campagnes Marque
Campagnes Marque
Vidéo
Motion Design
Direction Artistique
Campagnes Marque
Campagnes Marque
Campagnes Marque
Vidéo
Motion Design
Direction Artistique
Campagnes Marque
Campagnes Marque
Campagnes Marque
Vidéo
Motion Design
Direction Artistique
Campagnes Marque
Campagnes Marque
Campagnes Marque
Vidéo
Motion Design
Direction Artistique
Présentation Design System
Présentation Design System
Présentation Design System
Motion Design
Direction Artistique
Présentation Design System
Présentation Design System
Présentation Design System
Motion Design
Direction Artistique
Présentation Design System
Présentation Design System
Présentation Design System
Motion Design
Direction Artistique
Présentation Design System
Présentation Design System
Présentation Design System
Motion Design
Direction Artistique
UN PROJET
UN PROJET
UN PROJET
UN PROJET
EN TËTE ?
EN TËTE ?
EN TËTE ?
EN TËTE ?



