Site e-commerce & catalogue pour du bois de réemploi
Panneaux Léontine est spécialisé dans le bois de réemploi, en Belgique. Le projet consistait à concevoir une présence en ligne capable de présenter un vaste catalogue de matériaux tout en servant deux publics : les particuliers et les professionnels.
Le site devait permettre de découvrir les différentes essences, de parcourir les produits, d’en comprendre les caractéristiques et d’aller jusqu’à la commande ou la demande de devis.
Il comprend un catalogue produits, des fiches détaillées, un panier, un tunnel de livraison et de paiement, et un espace dédié aux professionnels. Le catalogue compte aujourd’hui plus de 60 000 panneaux disponibles, répartis en plusieurs familles de produits.
Un stock qui change du jour au lendemain.
Panneaux Léontine travaille avec du bois de réemploi. Contrairement à un catalogue classique, les produits disponibles ne sont pas standardisés : le stock dépend directement des panneaux qui arrivent et de leur état à la réception.
Un même type de panneau peut donc changer d’état d’un jour à l’autre. Un panneau de 200 × 200 × 4 cm peut être disponible aujourd’hui dans un état donné, puis indisponible ou affiché dans un autre état quelques jours plus tard.
C’est un vrai problème pour un site e-commerce : la photo et les informations affichées doivent correspondre au produit réellement disponible.
L’état d’un panneau détermine aussi son prix. Gérer une simple quantité en stock ne suffisait pas : l’état réel, le visuel et le prix devaient rester cohérents entre eux.
L’autre enjeu majeur était de rendre une offre volumineuse compréhensible et navigable, sans perdre l’utilisateur dans la masse de produits et d’informations.
Comment construire un catalogue dynamique pour un stock qui, par nature, ne l’est pas ?
Il fallait concevoir une logique qui maintienne une correspondance fiable entre :
afin que personne ne commande un panneau sur la foi d’une photo qui ne correspond plus à ce qui se trouve réellement dans le dépôt.
J’ai travaillé autour d’une structure qui fait avancer le visiteur étape par étape :
La navigation combine deux axes : des univers d’usage — aménagement intérieur, extérieur, coffrage, terrasse — et les caractéristiques de la matière : essence, épaisseur, finition, traitement, mesures. Une recherche par mot-clé les complète, pour qui sait déjà ce qu’il cherche.
Plutôt que de séparer les publics en deux espaces distincts, chaque produit affiche les prix TVAC et HTVA côte à côte, sans compte ni choix préalable. Le mode professionnel n’est qu’une option : il met en avant les quantités, les paliers de remise et les lots pour qui en a l’usage.
Le panneau de filtres se reconfigure selon ce qui est déjà coché. Sur l’ensemble du catalogue, il propose la matière et le prix ; dès qu’on entre dans les planches, la matière — devenue inutile — cède la place à l’épaisseur, la finition, le traitement et les mesures. Chaque case porte le nombre exact de produits qu’elle retournerait, si bien qu’aucune combinaison ne mène à une page vide.
L’interface devait permettre de mettre le stock à jour au rythme des arrivages, plutôt que de traiter les produits comme des références figées.
L’objectif était double :
Il en résulte un site e-commerce construit sur quelques blocs clairs :
Ce projet m’a appris à penser l’architecture avant l’interface.
Quand le contenu est abondant, une interface devient vite confuse. Mon travail a consisté à organiser l’information pour que l’utilisateur sache toujours où il est, ce qu’il peut faire et quelle est l’étape suivante.