Le besoin : rendre un choix complexe accessible
GRWN souhaitait proposer une expérience permettant aux clients de composer leur bague. Le parcours devait relier les caractéristiques du diamant, la monture et les différentes options du produit, tout en restant compréhensible sur mobile comme sur ordinateur.
Le projet associait donc deux sujets : préparer une donnée produit riche et exploitable, puis la rendre accessible dans une interface interactive.
Illustration conceptuelle du configurateur GRWN : esquisses de bagues, matières et interfaces de sélection.
Structurer le catalogue
Une structure de données a été définie avec les champs standards de Shopify et des métachamps personnalisés. Elle permet de trier et d’identifier les produits selon les critères nécessaires au configurateur.
Le travail comprenait la création et la validation de plus de 50 000 produits dans la boutique. La cohérence de ces informations était indispensable pour relier les choix proposés à des références réelles du catalogue.
Une interface Svelte connectée à Shopify
Un composant web développé avec Svelte interroge les données via l’API GraphQL de Shopify. Il accompagne la sélection des caractéristiques de la bague et présente les choix dans un parcours progressif.
Préparer la maintenance
Une documentation a été produite pour faciliter la compréhension de la structure et la maintenance quotidienne des données. Le livrable réunit ainsi le catalogue préparé, le configurateur et les informations nécessaires pour continuer à le faire vivre.