Problem
The brand had a polished, animation-heavy front end but no way to sell from it or edit it. Products, articles and pages had to become editable in Shopify without losing the look. Each bottle size also needed its own pictures, not one shared set.
Solution
I ported the static pages into Shopify sections, then connected them to products, collections, the blog and pages. Editorial content such as scent notes, quotes and media bands lives in metafields and metaobjects. Variant-level metafields let each size override the images, falling back to the product value when empty. I also cleaned up the theme and tuned image loading.
Key decisions
Chose to port the existing front end, not redesign it
Why The brand's design and animation already existed, so the work was making them editable in Shopify.
Chose metafields and metaobjects for editorial content
Why The brand can change scent notes, quotes and media in the admin without touching code.
Chose per-field fallback from variant to product
Why A size can override only the images it needs and inherit the rest, so nothing breaks when a field is empty.
Results
- A live Shopify theme with home, collection, product, blog, article and content pages.
- Product pages and collection cards switch their images when the bottle size changes.
- Scent notes, quotes, media bands and collages are editable through metafields and metaobjects.
- A native Shopify contact form, an AJAX cart and image loading tuned with fetch priority.