E-commerce · 2026
BRIJD Beauty
Headless Shopify storefront for a beauty brand, built to convert.
- Scope
- Design · Storefront build · Shopify backend · Checkout
- Stack
- Next.js · React · Shopify Storefront API · Vercel
The problem
BRIJD was launching a new complexion product: six pigment drops that mix and match. Shoppers had to understand the system, find their shade, and buy with confidence, on a store the brand could run itself from day one.
What I built
The whole thing, end to end. A custom storefront in Next.js and React on top of Shopify, the Shopify backend behind it, and the checkout. Products, prices, inventory, and orders live in Shopify. Everything the shopper touches is built from scratch and tuned for conversion: a bundle builder, a shade quiz, a cart that recommends, presale and free-shipping logic, and customer accounts.
Inside the build
The parts that do the selling
01
Bundle builder
Single, Duo, or Trio. Shoppers pick any shades they want, watch the saving update as they go, and add the whole set in one tap. A higher order value with no discount code in sight.
02
A cart that sells
A slide-out bag with a free-shipping progress bar and live recommendations. Two shades in the bag and it offers the Duo. Three and it offers the Trio, with the saving spelled out and one tap to combine. Checkout is always one tap away.
03
Shade finder quiz
Not everyone knows their undertone. An eight-question quiz works out depth and undertone, adds a little personality along the way, and lands each shopper on their match, ready to add to bag.
04
Shopify underneath
Product pages pull straight from Shopify, so the brand updates products, pricing, inventory, and orders in Shopify admin without touching code. Checkout hands off to Shopify's secure, hosted checkout.
On the phone
Built for a thumb first
Most shoppers arrive on a phone. Every flow, from the shade picker to checkout, was designed at phone width before it was widened for desktop.
Next project
Chorus →