Shade finder
Shoppers match a shade on the product instead of guessing from a flat swatch.
Case study · Shopify Plus
A Shopify Plus store for Rose Inc, built around shade and refills
Shopify Plus store for the clean beauty brand Rose Inc: shade matching, virtual try-on, subscriptions and a mobile-first luxury storefront. Delivered in four months in 2024.
Tech stack
- Shopify Plus
- Liquid
- JavaScript
- CSS3
- Klaviyo
- Gorgias
- Yotpo
01 — The challenge
What did the client need?
Rose Inc sells a clean beauty range where shade is the decision. On a phone, a static swatch is not enough: shoppers need to match a shade, try it, and understand refills and routines without the store turning into a noisy marketplace. The brand also needed subscriptions, loyalty and education to sit inside a quiet, luxury layout.
02 — The solution
What did we build?
We built a Shopify Plus storefront in Liquid. A shade finder and virtual try-on sit on the product, a refillable product system and sustainability view explain the routine, and subscriptions with auto-replenish plus a loyalty program bring people back. Klaviyo, Gorgias and Yotpo handle email, support and reviews. The theme is mobile-first and was tuned to a 1.9 second page load.
03 — Key features
What's inside
Storefront
Virtual try-on
Try-on is part of the product view, so the decision happens before the cart.
Refillable products
The refill system is merchandised with the product, not hidden in a separate collection.
Sustainability tracking
A dashboard shows the sustainability story next to the routine, in the same quiet layout as the rest of the store.
Retention
Subscriptions
Auto-replenish for products people reorder, managed on Shopify Plus rather than as a side checkout.
Loyalty
A customer loyalty program tied to the same account that places the order.
Education
Editors publish product education without breaking the luxury layout.
Mobile first
The theme is designed for the phone first. Mobile sales were the largest movement after launch.
04 — Results and impact
What changed after launch
+67%
Conversion rate
1.9s
Page load
+85%
Mobile sales
+42%
Customer retention
05 — Architecture
How the pieces connect
- 01Shade finder
- 02Try-on and product
- 03Subscription and loyalty
- 04Checkout
Tech stack
- Shopify Plus
- Liquid
- JavaScript
- CSS3
- Klaviyo
- Gorgias
- Yotpo