Application de santé
UX produit
MV AgustaAutomobile · Design de site pour concessionnaire
Dealer WorkspaceAutomobile · Produit numérique
Services
Outils
Technologies utilisées
Services
Outils
Technologies utilisées
Automobile · Design de site pour concessionnaire
MV Agusta
Un site conçu sur commande pour un concessionnaire MV Agusta, puis développé en interne pour devenir un showroom fonctionnel. L’expérience prolonge l’identité visuelle de la marque dans la découverte des modèles, le choix des motos disponibles et le contact avec la concession.
Automobile · Produit numérique
Dealer Workspace
Un espace pour répondre aux clients, organiser des visites et faire avancer les ventes de motos. Emails, SMS et échanges web se réunissent, avec responsabilités claires et moto et prochaine étape à portée de main.
Deux côtés de la concession
Le site aide l’acheteur à trouver une moto et se renseigner. L’espace de travail doit transmettre ce contexte au quotidien de la concession. Ces démos fonctionnent séparément ; leur connexion n’est pas active.
Le brief
Adapter le langage éditorial de la marque au site d’un concessionnaire. L’acheteur devait voir le stock, comparer les détails d’une moto précise et trouver une suite claire avec la concession.
Pourquoi ce produit
Un acheteur peut écrire sur une moto par email, poursuivre par SMS puis demander une visite. Le concessionnaire doit réunir ces échanges, savoir quel conseiller suit le client et transformer l’intérêt en prochaine étape claire. Nous avons voulu réunir réponse, rendez-vous et suivi dans un processus continu.
Choix de conception
À partir d’un brief structurel fourni, nous avons retravaillé style, composition, composants et une partie de l’ordre des pages. Les grandes photos installent la marque ; fiches de stock, caractéristiques et actions directes soutiennent le parcours d’achat.
Après livraison du design, nous l’avons développé nous-mêmes en site fonctionnel. Les modèles de pages communs assurent une navigation, une présentation et une sélection du stock cohérentes dans le showroom.
Nos décisions de produit
Nous avons placé la conversation client au centre. Le canal reste visible sur les messages et le personnel choisit comment répondre au même endroit. Les conversations sont reliées à la fiche client, avec conseiller attribué et motos d’intérêt clairement identifiés.
Nous avons relié conversation et visite : le personnel propose des horaires et l’acheteur choisit en ligne. Affaires et tâches prolongent l’action. Chaque moto a sa fiche de stock et une publication distincte laisse au concessionnaire le contrôle de ce que voit l’acheteur.
Notre contribution
Nous avons livré le design UX/UI et les composants réutilisables, puis développé le frontend et le mouvement du showroom comme projet du studio. L’identité et les images des motos appartiennent à MV Agusta.
Notre contribution
Nous avons défini direction, relations et processus, examiné la première version section par section, puis conçu et développé le frontend adaptatif. Le travail porte sur l’interface visible et les règles qui font coopérer ses sections.
01 / Priorités du concessionnaire
Placez le stock près de l’entrée.
L’accueil présente le stock juste après l’image d’ouverture. État, année et prix sont visibles ensemble pour que la première décision concerne une moto réellement proposée par le concessionnaire.
Essais et entretien suivent comme actions directes. Ce sont les raisons quotidiennes de visiter une concession et leur place dans la hiérarchie est claire.
02 / Explorer le modèle
Gardez la prochaine étape à côté du modèle.
Nous avons réuni la moto, les vues disponibles, les caractéristiques clés et Voir le stock dans une fiche produit cohérente. L’acheteur examine le modèle tandis que les informations pratiques restent en place.
Voir le stock transmet le modèle choisi au filtre d’inventaire. La page expressive se relie ainsi aux motos disponibles.
03 / Choisir dans le stock
Donnez à chaque moto ses propres détails.
Une annonce exige plus qu’un nom de modèle. Nous avons placé prix, année, kilométrage, anciens propriétaires et partie du VIN à côté de la moto, avec une action de contact.
Les filtres de famille, modèle et état réduisent la liste ; le tri aide à comparer prix et années. La sélection reste dans l’URL pour être partagée. Le stock présenté est fictif.
04 / Direction visuelle
Prolongez la marque dans le parcours d’achat.
Grandes photos, typographie affirmée et contraste clair-sombre gardent le showroom reconnaissable comme MV Agusta. Nous avons utilisé les photos de la marque dans une composition et un système de composants nouveaux.
La page du modèle donne aux détails techniques leur propre rythme : un gros plan, un titre clair et une courte explication. Le mouvement suit cette hiérarchie, avec une ouverture expressive puis des transitions plus calmes entre les détails.
01 / Conversations clients
Répondez à l’acheteur depuis un seul endroit.
Un client peut commencer sur le site et poursuivre par SMS. Le personnel doit voir les échanges précédents pour répondre, quel que soit le canal.
Nous avons réuni demandes web, emails et SMS dans la même messagerie, en indiquant le canal sur chaque message. Ici Carlos passe du site aux SMS ; le personnel répond près de l’historique, avec la moto concernée au-dessus.
02 / Responsabilité client
Gardez chaque client avec son conseiller.
Un contact partagé en concession exige une responsabilité claire. L’équipe peut attribuer un conseiller à un client et voir qui gère la relation, à côté de la prochaine action.
Nous avons lié cette responsabilité à la fiche client. Si les coordonnées identifient un client existant, la nouvelle demande rejoint sa fiche et conserve le conseiller attribué. Conversations et suivi restent liés à la même personne.
03 / De la conversation à la visite
Transformez un message en visite réservée.
Une demande comme « jeudi après le travail » doit mener à une visite confirmable en ligne. Les horaires proposés sont dans la conversation pour organiser la visite avec la demande sous les yeux.
L’acheteur choisit un horaire et ce choix devient un rendez-vous lié à la conversation. Dans cette démo, l’aperçu de l’email permet d’essayer son côté du parcours.
04 / Donner suite
Faites avancer la vente après la réponse.
Après une réponse ou une visite réservée, l’équipe doit savoir la suite. Chaque affaire garde ensemble acheteur, moto exacte et prochaine action.
La prochaine étape devient une tâche partagée entre l’affaire et la liste de tâches, avec responsable et échéance. Le message initial peut rester joint pour voir l’accord. Le tableau signale étapes en retard et affaires sans prochaine action.
05 / Décisions sur le stock
Identifiez les motos à examiner de plus près.
Deux motos du même modèle peuvent avoir des prix, disponibilités et durées de présence différents. Les regrouper masquerait les détails nécessaires à la décision du concessionnaire.
L’unité de stock individuelle est la base de l’inventaire et des rapports. Chaque moto garde ses vues et demandes. L’analyse attire l’attention sur des tendances comme de nombreuses vues sans contact, pour les examiner.
06 / Contrôler le site
Vérifiez les changements avant qu’ils soient visibles aux acheteurs.
Un nouveau prix ou l’état Réservé modifie l’offre. Le personnel doit pouvoir vérifier ces changements ensemble.
Nous avons séparé Enregistrer le brouillon de Publier les changements. Les modifications restent visibles champ par champ et la publication est une action volontaire. Actualités et imports CSV suivent la même règle.
Le résultat
Un design livré et un showroom fonctionnel.
Le design commandé a été livré. Nous avons ensuite développé en interne ce showroom de 28 pages, avec modèles, filtres de stock, essais et entretien. Cette version utilise du contenu d’exemple ; les formulaires vérifient les saisies sans les envoyer.
Le résultat
Un espace de travail fonctionnel pour concessionnaires.
Une application fonctionnelle sur ordinateur, tablette et téléphone, reliant conversations, responsabilités, rendez-vous et suivi commercial à la gestion des stocks et du site. Explorez les processus avec des données d’exemple ; vos changements restent dans votre navigateur. La démo n’est connectée ni au site du concessionnaire ni aux services email ou SMS.
