The brief: make a complex choice approachable
GRWN wanted customers to build their own ring. The journey needed to connect diamond characteristics, settings and product options while remaining clear on both mobile and desktop.
The project brought together two closely related tasks: prepare a rich, usable product catalogue and make that information available through an interactive experience.
Concept illustration of the GRWN ring builder: ring sketches, materials and selection interfaces.
Structuring the catalogue
A data structure was co-created using standard Shopify fields and custom metafields. It allows products to be sorted and identified using the criteria required by the ring builder.
The work included creating and validating more than 50,000 products in the store. Consistent data was essential to connect the choices shown in the interface to real catalogue items.
A Svelte interface connected to Shopify
A Svelte web component queries the catalogue through Shopify’s GraphQL API. It guides customers through the ring’s characteristics and presents their selections as a progressive journey.
Supporting ongoing maintenance
Documentation explains the structure and supports day-to-day data maintenance. The delivery brings together the prepared catalogue, the ring builder and the information needed to keep the experience running.