MG Motor
2025-26
UX. UI. Design System.

Comment penser un espace client qui donne aux utilisateurs une raison de revenir dès son lancement ?

01/

Diagnostic & défi rencontré

MG Motor lançait son tout premier espace client, avec un objectif d'engager et de fidéliser ses clients. Le branchement technique était au cœur de la mission, mais la plateforme devait offrir une vraie valeur fonctionnelle dès la V1, pour créer un usage chez les utilisateurs. Il fallait donc donner une raison concrète de se connecter tout en séquençant proprement le reste des fonctionnalités.

02/

Cadrage & architecture

J'ai mené le cadrage fonctionnel complet : entretiens, puis ateliers de co-création des parcours utilisateurs, de l'arborescence et du blueprint technico-fonctionnel. Suite à cette phase de recherche UX, j'ai conçu les wireframes de toute la plateforme, en créant un design system fonctionnel et évolutif, capable de porter la vision MVP comme les versions suivantes de l'espace client.

En anticipant la vision cible de la plateforme, j'ai créé les conditions d'une intégration maîtrisée sur le long terme, qui anticipe les cas d'erreur.

Blueprint technico-fonctionnel pour un des parcours de l'espace client.
03/

Fondations & tokens

Pour permettre une application de la charte pensée dans la durée, j'ai créé un design system fondé sur des tokens : couleurs, espacements, typographie et rayons, déclinés en Desktop et Mobile. Cette base garantit un déploiement cohérent et pérenne, prêt pour les évolutions de la plateforme.

Tokens du design system : couleurs, espacements, typographie et rayons.
04/

Composants

Sur ces fondations, j'ai construit une bibliothèque de composants réutilisables (boutons, champs, onglets, cartes, notifications) que l'équipe UI assemble d'un écran à l'autre plutôt que de les redessiner.

Bibliothèque de composants du design system.
05/

Design system & direction UI

J'ai briefé et dirigé l'équipe d'UI Design en charge de finaliser les interfaces. Ce chantier marquait la première application digitale de la nouvelle charte de la marque : au-delà des écrans, j'ai posé le design system qui la porte, des tokens jusqu'aux composants.

Fondé dès l'étape des wireframes puis étendu à l'UI, ce système garantissait la cohérence de la V1 comme des versions suivantes, et servait de socle à la déclinaison digitale de la marque au-delà de l'espace client.

Page d'accueil de l'espace client.
Résultats
3 mois

entre le début du cadrage et la mise en ligne de la plateforme