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