MYKITVAN
MYKITVAN a fait confiance à LATELIER pour la refonte complète de son site vitrine et la création d’un configurateur.
MYKITVAN aménage des véhicules de loisirs et conçoit et fabrique des aménagements sur-mesure ou clé en main. Afin de développer sa visibilité, nous avons été missionné pour refondre intégralement le site et améliorer le configurateur afin de générer plus de leads qualifiés.
En termes de design, nous devions faire ressortir l’ADN de MYKITVAN sur les différents modules. Nous avons joué sur les couleurs rouges et taupes du logo associé à de grandes photos pour plus d’immersion dans la marque.
Le configurateur a été intégralement revu que ce soit en termes d’UX qu’en termes UI. L’objectif était de simplifier son utilisation pour récupérer des leads plus qualifié et guider aux mieux les utilisateurs dans l’achat de leur van.
Pour accompagner le développement de nouvelles gammes, MYKITVAN avait également une volonté de créer un eshop sur lequel on pourrait retrouver des accessoires nécessaires aux voyages en van pour permettre à ses clients d’avoir un pack complet à leur disposition.
Le résultat ? Un configurateur professionnel qui vraiment la différence lors de la conversion de lead.
Contexte du projet et enjeux métier
Un besoin de digitaliser un processus de personnalisation complexe
MYKITVAN propose des aménagements de vans entièrement personnalisables, un service qui implique de nombreuses combinaisons et options pouvant rapidement devenir difficiles à visualiser pour un utilisateur non initié. Leur ancien site ne permettait pas de traduire cette richesse d’une manière fluide ni d’accompagner correctement les prospects dans les choix qui structurent leur projet. L’enjeu central consistait donc à transformer un processus de décision complexe en une expérience intuitive, pédagogique et capable de guider l’utilisateur pas à pas.
Les limites du site existant avant la refonte
L’ancienne plateforme souffrait d’un manque de cohérence entre les parcours et d’une fragmentation entre les différentes informations techniques. Le configurateur initial ne proposait qu’une vision partielle des possibilités, sans logique métier aboutie, ni système de gestion fiable pour les packs, options et surcoûts. La navigation mobile était également difficile, ce qui freinait l’engagement et générait trop de demandes non qualifiées. L’ensemble ne reflétait plus la qualité de l’offre MYKITVAN ni leur capacité à accompagner des projets sur mesure.
Objectifs principaux du projet pour MYKITVAN
La refonte devait moderniser entièrement l’expérience utilisateur, créer un configurateur précis et agréable à parcourir, et proposer un site vitrine cohérent avec l’image authentique et haut de gamme de la marque. L’objectif était aussi de structurer la logique métier derrière chaque configuration, afin que les options sélectionnées, les étapes, les tarifs et les contraintes soient gérés de manière fiable. Le tout devait aboutir à une interface capable de générer davantage de demandes qualifiées et d’alléger la charge interne liée au traitement manuel des projets.
Public cible et enjeux UX spécifiques à l’aménagement de vans
Les utilisateurs MYKITVAN sont souvent passionnés mais pas toujours familiers avec les implications techniques d’un aménagement. L’expérience devait donc réduire le sentiment de complexité en proposant une démarche progressive, des explications claires et un système visuel rassurant. Le défi consistait à traduire un univers artisanal et très personnalisé en une interface numérique accessible, émotionnelle et immédiatement compréhensible, tout en conservant une profondeur fonctionnelle suffisante pour accompagner de vrais projets d’aménagement.
Architecture fonctionnelle du projet MYKITVAN
Définition d’un parcours utilisateur entièrement structuré
Avant d’entrer en phase de développement, il a fallu poser une architecture claire du parcours utilisateur, depuis la découverte de l’offre jusqu’à la génération finale d’une configuration détaillée. Cette cartographie a permis d’identifier les étapes critiques, les points de friction et les zones nécessitant une pédagogie renforcée. Le parcours a été organisé en séquences logiques, chaque étape étant pensée pour réduire la charge cognitive et guider l’utilisateur dans ses choix, tout en garantissant une cohérence technique avec les contraintes de l’aménagement réel du véhicule.
Organisation des modules principaux et interactions entre eux
L’architecture du projet repose sur plusieurs modules complémentaires : un configurateur interactif, un catalogue d’options enrichi, un espace client, un workflow de demande de devis et un back-office unifié. Chaque module possède sa propre logique mais doit rester synchronisé avec les autres pour éviter les incohérences ou les ruptures dans l’expérience. L’ensemble a été conçu comme un système évolutif où l’ajout de nouvelles options, de nouvelles gammes ou de variations tarifaires peut être opéré sans perturber la structure globale.
Logique métier autour des options, packs et combinaisons
Une part importante de l’architecture fonctionnelle consiste à gérer les dépendances, incompatibilités et règles métier qui conditionnent la configuration d’un van. Certaines options sont exclusives, d’autres déclenchent des sous-options, certaines dépendent de la gamme choisie tandis que d’autres ont un prix variable selon le modèle. Toutes ces règles ont été modélisées dans une structure centralisée, permettant au configurateur d’afficher automatiquement les bonnes possibilités et d’éviter les combinaisons impossibles. Cette logique métier constitue l’un des piliers techniques du projet.
Gestion des données, stockage et synchronisation interne
L’architecture prévoit un système de gestion des données organisé en couches : données du catalogue, données de configuration, données utilisateurs et données de back-office. Chaque couche remplit un rôle distinct mais communique via une structure normalisée qui garantit la cohérence des informations. Cette organisation permet de conserver l’historique des configurations, de retrouver facilement les projets commencés, de préremplir certaines étapes et d’assurer une continuité entre le configurateur, l’espace client et l’équipe MYKITVAN en interne.
Préparation aux évolutions futures : API, CRM et outils métiers
Même si le périmètre initial n’incluait pas encore l’interconnexion avec un CRM ou un ERP, l’architecture fonctionnelle a été pensée pour s’y préparer. Les flux de données ont été schématisés pour anticiper une synchronisation future avec un outil métier, et les blocs fonctionnels ont été isolés afin de pouvoir exposer des endpoints ou consommer des API externes sans remettre en cause la structure existante. Cette anticipation permet à MYKITVAN d’envisager une montée en puissance naturelle vers une automatisation complète des échanges internes.
Conception UX/UI du configurateur et du site
Une expérience pensée pour rendre simple un processus naturellement complexe
L’enjeu principal de l’UX était de transformer un processus riche en options, en contraintes techniques et en décisions successives, en une expérience fluide et intuitive. Le configurateur a été conçu pour accompagner l’utilisateur étape par étape, avec une progression logique et des retours visuels qui réduisent l’impression de complexité. L’objectif était de permettre à chacun, même sans expertise dans l’aménagement de vans, de naviguer facilement dans un univers technique en restant maître de ses choix.
Hiérarchisation de l’information et réécriture des parcours de navigation
Chaque écran a été repensé pour mettre en avant les éléments réellement utiles au moment où l’utilisateur en a besoin. Les informations secondaires ont été reléguées en arrière-plan, tandis que les éléments structurants, options, packs, effets visuels, implications tarifaires, ont été mis en scène avec des règles de lisibilité strictes. Cette hiérarchie a permis de clarifier immédiatement les décisions à prendre, de limiter la surcharge d’informations et d’améliorer le taux d’engagement tout au long du parcours de personnalisation.
Un configurateur plus visuel, plus pédagogique et plus immersif
Pour un univers comme l’aménagement de vans, l’aspect visuel joue un rôle fondamental. Le configurateur a fait l’objet d’un travail minutieux pour rendre chaque choix tangible : visuels mis à jour en temps réel, représentations claires des aménagements, transitions fluides et explications intégrées lorsqu’une option comporte des contraintes particulières. L’objectif était de placer l’utilisateur dans une situation quasi “réelle”, en lui permettant de se projeter sans effort dans sa future configuration.
Une interface au service de la marque MYKITVAN
L’UI a été conçue pour prolonger l’univers artisanal, chaleureux et premium de MYKITVAN. La direction artistique mélange authenticité et modernité, avec des choix typographiques, des textures et une palette de couleurs cohérentes avec l’identité du client. L’ensemble du site et du configurateur a été harmonisé pour créer une expérience cohérente, crédible et immédiatement reconnaissable, capable de porter l’histoire et les valeurs de la marque tout en restant parfaitement lisible sur tous les supports.
Une adaptation mobile optimisée pour une expérience sans rupture
L’un des défis majeurs était d’adapter un configurateur riche et interactif à un usage sur mobile, où l’espace est limité et les comportements diffèrent fortement. Les interactions ont été repensées, les blocs réorganisés et les contenus allégés pour garantir une navigation fluide, sans frustration. L’UX mobile a été traitée comme une expérience à part entière, et non comme un simple “rétrécissement” du desktop, afin de permettre à l’utilisateur de configurer sereinement son van même depuis un smartphone.
Développement technique & choix technologiques
Une architecture technique conçue pour accueillir un configurateur évolutif
Le développement du projet a nécessité la mise en place d’une architecture capable de supporter la logique complexe du configurateur tout en restant suffisamment flexible pour intégrer de nouvelles gammes, options ou fonctionnalités au fil du temps. Le socle technique a été pensé pour isoler les couches critiques, données, logique métier, interface, permettant ainsi d’intervenir facilement sur l’une sans perturber les autres. Cette structuration garantit une évolutivité naturelle du système, un élément essentiel pour un produit digital amené à s’enrichir régulièrement.
Développement front-end orienté performance et fluidité d’interaction
Le configurateur repose sur une interface riche, composée d’interactions dynamiques, de transitions visuelles et de mises à jour en temps réel selon les choix de l’utilisateur. Le front-end a donc été optimisé pour offrir une navigation fluide, même sur des terminaux mobiles. Un travail spécifique a été réalisé sur la gestion du rendu, afin de limiter les temps de chargement et d’éviter les micro-latences qui pourraient nuire à la compréhension de l’outil. Le résultat est une interface réactive, claire et confortable à utiliser.
Développement back-end et centralisation de la logique métier
L’ensemble des règles métier, dépendances, contraintes, exclusions, effets sur les tarifs ou les configurations, a été regroupé au sein d’une couche back-end dédiée. Cette centralisation garantit la cohérence des données, permet de contrôler précisément la construction des configurations et facilite le travail de maintenance. Le back-end orchestre également la communication entre les différents modules, en assurant que chaque interaction côté utilisateur se traduise correctement dans les données métier.
Gestion optimisée des données et synchronisation avec le back-office
Le projet nécessite une gestion rigoureuse des données, qu’il s’agisse du catalogue, des options, des images ou des configurations générées par les utilisateurs. Un système de stockage et de synchronisation a été conçu pour permettre à l’équipe MYKITVAN de mettre à jour facilement l’offre et d’intégrer de nouveaux éléments sans intervention technique lourde. Ce système assure également la cohérence des données entre le front, le configurateur, l’espace client et le back-office, évitant les écarts d’information.
Préparation technique aux futures intégrations et automatisations
Même si le périmètre initial du projet ne prévoyait pas encore l’intégration d’un CRM, d’un ERP ou d’autres outils métiers, le développement a été réalisé en anticipant ces évolutions. La structure de données et l’organisation du code permettent d’exposer ou de consommer des API sans nécessiter de refonte. Cette anticipation est un choix stratégique qui ouvre la porte à de futures automatisations : synchronisation des demandes, centralisation des configurations, gestion des devis, ou encore interfaçage complet avec des outils internes.
Modules clés développés pour MYKITVAN
Un module configurateur basé sur une logique métier structurée et évolutive
Le configurateur constitue la pièce maîtresse du projet. Il repose sur une logique métier complète intégrant dépendances, incompatibilités, variations tarifaires et règles conditionnelles. Cette structure centralisée permet de garantir la cohérence des configurations tout en offrant une grande souplesse d’évolution. L’outil peut ainsi accueillir de nouvelles options, variantes ou gammes sans refonte du socle technique, ce qui assure une durabilité et une maintenabilité compatibles avec les ambitions de MYKITVAN.
Un module catalogue pensé pour gérer des options riches et hiérarchisées
Le catalogue des aménagements a été conçu comme une base de données structurée regroupant packs, options, sous-options et contraintes spécifiques. Chaque élément dispose de métadonnées permettant au configurateur d’afficher les choix adaptés et d’appliquer les règles métier associées. Cette architecture modulaire facilite l’ajout de nouveaux éléments et garantit une parfaite cohérence entre les choix affichés à l’utilisateur et les règles techniques définies par MYKITVAN.
Un module e-commerce intégré aux flux du configurateur
Le site intègre un véritable parcours e-commerce relié au configurateur. Le système gère le panier, le récapitulatif dynamique, les demandes de devis et la transmission des configurations. Les échanges de données entre ces modules s’appuient sur des flux normalisés permettant d’assurer la cohérence des informations et la continuité du parcours utilisateur. Ce fonctionnement unifié favorise une expérience fluide et limite les risques d’erreurs entre les différentes étapes.
Un espace client permettant de sauvegarder, modifier et reprendre ses configurations
L’espace client a été développé pour permettre aux utilisateurs de retrouver leurs configurations, de les modifier et de poursuivre leur projet à leur rythme. Il gère l’historique, la cohérence des données et la synchronisation avec le configurateur. Ce module renforce la dimension personnalisée du projet et facilite les échanges entre MYKITVAN et ses prospects, tout en apportant une véritable valeur d’usage au produit.
MYKITVAN
Ce projet vous a plu ?
MYKITVAN
Refonte du site web et création d’un configurateur pour MYKITVAN
Groupe Pilote
Construction du PIM, refonte des nouveaux sites avec catalogue en Headless et refonte des configurateur Pilote et Bavaria.
Chantiers de l’Atlantique
Création du site & configurateur pour Solid Sail