Mise en contexte
La bijouterie David Gattuso a ouvert récemment à Brive-la-Gaillarde.
Une ouverture de commerce concentre déjà tout : l’aménagement, les stocks, les fournisseurs, l’équipe, les premiers clients. Le site ne devait pas devenir une charge supplémentaire. Il devait faire une chose, bien : montrer ce que l’on trouve en boutique, et donner envie de pousser la porte.
D’où la décision structurante du projet : pas de e-commerce. Pas dans l’immédiat.
Vendre du bijou en ligne suppose une logistique, un stock synchronisé, des retours à gérer, un service après-vente à distance. Ajouter tout cela à une ouverture, c’était prendre le risque de mal faire les deux. Le site a donc été pensé comme une vitrine complète, pas comme une boutique en ligne.
Objectifs du projet
présenter l’intégralité du catalogue disponible en boutique
permettre au visiteur de retrouver un modèle précis avant de se déplacer
écarter volontairement la vente en ligne pour cette première étape
rendre l’équipe totalement autonome sur le contenu
poser une base technique capable d’encaisser la croissance du catalogue
Un site sur Framer, une équipe autonome
L’ensemble des pages a été conçu et développé sur Framer : accueil, boutique, pages catégories, événements, blog, contact, service après-vente, perçage d’oreille, gravure et pages légales.
Le choix de l’outil répond directement au deuxième enjeu du projet, l’autonomie. Un commerce vit : les collections tournent, les arrivages changent, les animations se succèdent. Un site qu’il faut faire modifier par un prestataire à chaque nouveauté finit figé en quelques mois.
L’interface de Framer est suffisamment directe pour qu’une personne sans bagage technique ajoute un bijou ou publie un article. Et pour que cela tienne dans la durée, la prestation s’est conclue par la livraison de vidéos de formation couvrant les manipulations courantes.
Ce n’est pas un détail. Ces vidéos signifient que la compétence appartient à l’équipe, pas à une seule personne, et qu’un départ ou une absence ne bloque pas la mise à jour du site.
Un catalogue filtrable
Le site expose la totalité des bijoux et montres disponibles en boutique, organisés par catégories.
À cette échelle, une grille de produits ne suffit plus. Un visiteur qui cherche une alliance en or blanc ou une montre automatique sous 200 euros doit pouvoir y arriver en quelques gestes, sinon il abandonne.
Un système de filtres complet a donc été mis en place, combinable à volonté :
la collection : fiançailles, mariage, baptême
la marque : LIP, Tissot, Herbelin, Gigi Clozeau, Pierre Lannier, Clozeau
la matière : or 9 à 24 carats, or blanc, gris, rose ou jaune, argent, platine, titane, acier, résine, et les pierres
la matière du bracelet, le mouvement et le genre
le prix, réglable par curseur
Une recherche par nom complète l’ensemble pour ceux qui savent déjà ce qu’ils veulent.
C’est précisément ce travail qui rend la décision de ne pas vendre en ligne tenable : le visiteur dispose d’autant d’informations que sur un site marchand, il termine simplement son parcours en boutique.
Une architecture CMS pensée pour l’équipe
Derrière le catalogue, une collection Bijoux de plus de 1 300 articles, adossée à huit collections de références qui alimentent les filtres :
catégorie
marque
matière
matière du bracelet
mouvement
genre
événement
catégories d’articles.
Cette séparation est le cœur technique du projet. Les critères ne sont pas écrits dans chaque fiche produit : ils pointent vers une liste centrale. Une marque ajoutée une fois devient immédiatement disponible comme filtre, sur tous les bijoux concernés, sans retoucher une seule page.
L’autre conséquence est la cohérence. Sur un catalogue de cette taille, saisir les matières à la main produirait inévitablement des doublons du type « or blanc », « Or Blanc », « or 18k blanc », et des filtres qui laissent passer des produits. En référençant les valeurs, le problème ne peut pas apparaître.
L’ensemble a été nommé et organisé pour rester lisible par l’équipe. Ajouter un bijou consiste à remplir une fiche et à sélectionner ses caractéristiques dans des listes, sans connaître la structure sous-jacente.
Des filtres repensés pour le mobile
Le site est intégralement responsive, mais c’est sur le filtrage mobile que s’est concentré l’essentiel du travail.
Transposer telle quelle une colonne de filtres latérale sur un écran de téléphone donne un résultat inutilisable : des cases minuscules, une liste interminable, et la grille de produits qui disparaît.
Le parti pris s’inspire des sites des maisons de luxe, et notamment de Louis Vuitton : les filtres s’ouvrent en panneau plein écran, chaque critère s’affiche sous forme de pastilles largement dimensionnées, et un bouton unique « Voir les produits » referme le panneau sur la sélection.
Le visiteur fait une chose à la fois : il filtre, puis il regarde. Le résultat est aussi confortable sur un téléphone que sur un ordinateur, ce qui compte d’autant plus que la recherche de bijoux se fait très majoritairement sur mobile.
Rendu final
La Bijouterie David Gattuso dispose d’un site qui présente plus de 1 300 références avec le niveau de détail d’un site marchand, sans en porter la complexité.
L’équipe l’alimente seule, formation à l’appui, et la structure est prête pour la suite : le jour où la vente en ligne aura du sens, le catalogue et ses attributs seront déjà en place.
