CLIENT :
VEJA
DATE :
2023
SECTEUR :
MARKETING
AVEC :
VEJA
UX/UI DESIGN
PLATEFORME B2B
TESTS UTILISATEURS
Cadrer le projet et comprendre les besoins métier
Préparer les questions et confronter les besoins des utilisateurs
⤢ Agrandir
Traduire les besoins en parcours fonctionnels
⤢ Agrandir
Décliner le parcours de commande en wireframes mobiles
Les wireframes mobiles couvrent les principaux écrans de la plateforme : tableau de bord, catalogue, fiche modèle, compte, panier et modalités de livraison. Ils permettent de définir la structure des pages et la hiérarchie des informations avant de passer à la conception graphique. Le travail porte notamment sur la sélection des pointures et des quantités, les commandes par packs, les récapitulatifs et le suivi des commandes. Ces éléments sont organisés pour faciliter la lecture et limiter les manipulations sur petit écran, sans perdre les informations nécessaires à la gestion d’une commande B2B.
⤢ Agrandir
Construire les premiers points d’entrée de la plateforme
Le premier lot de conception regroupe la homepage, le catalogue et les parcours de connexion, d’identification et d’inscription. Ces écrans constituent les principales portes d’entrée de la plateforme, depuis la découverte des modèles jusqu’à l’accès aux fonctionnalités disponibles selon le profil connecté. La conception prend en compte les besoins des revendeurs, des agents commerciaux et des sales assistants de VEJA. L’enjeu est de rendre les accès compréhensibles et de maintenir une navigation cohérente, tout en tenant compte des rôles et des usages propres à chacun.
⤢ Agrandir
⤢ Agrandir
Clarifier les étapes de validation et de suivi de commande
Les écrans desktop détaillent les étapes de facturation, de livraison, de paiement et de validation de commande. Le récapitulatif accompagne l’utilisateur tout au long du processus, tandis que l’espace compte permet de retrouver les commandes et de consulter leur statut. Le travail UX/UI porte sur la lisibilité des adresses, des quantités et des montants, ainsi que sur la continuité entre la sélection des produits et la finalisation de l’achat. L’objectif est de rendre le parcours plus facile à suivre, même lorsque la commande comporte plusieurs références et pointures.
⤢ Agrandir
⤢ Agrandir
⤢ Agrandir
Relier les rôles utilisateurs aux fonctions B2B
La cartographie met en regard les trois profils de la plateforme : revendeur, agent commercial et sales assistant VEJA. Elle permet de visualiser les fonctionnalités associées à chaque rôle et les différentes étapes du parcours, de l’accès à la plateforme jusqu’à la commande et à son suivi. Les besoins transverses sont également recensés, notamment la gestion des comptes et des adresses, les favoris, l’historique et les exports. La cartographie prend aussi en compte les spécificités du catalogue, entre produits disponibles et produits fabriqués à la commande. Cette vue d’ensemble permet de maintenir une cohérence entre les besoins métier, les fonctionnalités et les écrans conçus.
⤢ Agrandir
⤢ Agrandir
Formaliser les fondations et composants du design system
À partir de la charte graphique VEJA et des contraintes fonctionnelles de Djust, les interfaces sont structurées autour de principes UI communs. La typographie, les couleurs, les espacements, les composants et les états d’interaction sont définis pour assurer une continuité visuelle entre les différents gabarits. Ce travail permet de créer des repères communs du catalogue à la fiche modèle, au panier et au suivi des commandes. La structuration des composants facilite leur réutilisation et pose une base cohérente pour les évolutions futures de la plateforme.
⤢ Agrandir
Voir aussi
Avant de fixer une direction graphique, le benchmark ouvre plusieurs pistes à partir de références issues du luxe, de la gastronomie et de l’univers du cadeau.
Les moodboards explorent différents territoires visuels à travers les matières, les couleurs, la typographie, la photographie et la composition. Chaque piste propose une interprétation du positionnement de la Maison, entre héritage artisanal, expression contemporaine et mise en scène sensorielle du produit.
Cette phase permet de comparer les intentions créatives et de questionner leur pertinence au regard de l’identité existante. L’enjeu est de faire évoluer l’expression digitale de la marque sans perdre ce qui la rend reconnaissable. Le territoire retenu devient ensuite un fil conducteur pour les choix de direction artistique et la conception des interfaces.