Bring shopping closer.
Product options and an add-to-cart control are available in the featured homepage section, alongside the introduction to the product.
Good BOD.
Great flow.
Bringing a bold skincare brand to life on Shopify. From the first discovery to the next add to cart.
Implementation. Discovery. Purchase.Explore the project ↓
PROJECT
E-commerce revamp
OUR ROLE
Shopify implementation
FEATURES
Discovery quiz + purchase flow
DESIGN
Supplied by the design partner
01 / THE ENGAGEMENT
All that personality.
A working storefront.
Our role was to implement the supplied designs on Shopify: translating the storefront into code, building the product discovery quiz, and improving the flow from product selection towards checkout.
THE BRAND, IN ITS ELEMENTMade for every BOD.
THE RANGE / IN MOTION
A little texture.
A lot of personality.
Different textures. Distinct personalities. One storefront that brings the range together.
02 / GUIDED DISCOVERY
A little guidance.
A more personal
starting point.
A shopper may know the feeling they're after before they know the product. The discovery quiz turns that starting point into a series of simple choices: who it's for, scent, texture and how it will be used.
We implemented the four-question flow as part of the Shopify experience, giving customers another way to explore the range.
INTERACTIVE FEATURE WALKTHROUGH
QUESTION 1 OF 4
Who are you buying for?
Adapted presentation of the live flow. This walkthrough does not generate product recommendations.
03 / THE PATH TO PURCHASE
Less searching.
More choosing.
The revamped storefront brings product choices into focus. A featured purchase section on the homepage lets shoppers choose a flavour and add to cart. On the product page, buying controls come before the deeper product story.
PRODUCT STUDY / 01INTERACTION DETAILA choice that
A choice that
feels immediate.
Explore the product selection treatment.
OG Baby
Illustrative interaction preview. No items are added to a real cart.
Put the essentials first.
Price, rating, size, flavour and quantity sit together in the product purchase area. Detailed descriptions follow.
Give the details a place.
Separate product-information sections organise the overview, native ingredients, full ingredient list and usage instructions.
04 / WHAT CHANGED
Same brand.
A different journey.
A comparison of the archived store and the current implementation. These are observed changes in the experience, not claims about sales performance.
Browse, then investigate.
- Homepage
Promotional sections and product links lead into the catalog.
- Product page
Long descriptions and flavour explanations precede the buying controls in the retrieved content.
- Discovery
No quiz appears in the retrieved archived homepage.
Discover, choose, continue.
- Homepage
A featured product includes flavour selection and an add-to-cart control.
- Product page
Purchase information appears earlier, with organised detail sections beneath.
- Discovery
A four-question quiz offers a guided route into the range.
Comparison based on the April 1, 2025 homepage, April 20, 2025 product-page archive, and the current storefront. Diagrams summarise the content flow; they are not screenshots.
05 / WHAT WE DELIVERED
From supplied design
to Shopify experience.
- 01 Shopify storefront implementation ↗
- 02 Product discovery quiz ↗
- 03 Product purchase-flow improvements ↗
This engagement focused on development and implementation. The visual design was supplied.
The completed experience brings guided discovery and revised buying interactions into the storefront. Quantitative business outcomes have not been supplied.
HAVE A WEBSITE THAT NEEDS WORK?
Let’s build
it properly.
See if we’re a good fit.
Or email