All work

CRO

An App-Free Bundle Builder for Calm Collective's 3 for 2

We built Calm Collective a native Shopify bundle builder for 60+ products, with live savings and a 3 for 2 offer that holds all the way through checkout.

Client

Calm Collective

Industry

Wellness

Built with

Ethos Brand Studio

Timeline

2026

60+
60+

products in one bundle flow

What we did

Web Development, Shopify Development

Stack

Figma, Liquid, Shopify

The problem

Calm Collective sells a large range of wellness rings and already ran a 3 for 2 offer, but had no page that let customers build a bundle and carry the discount cleanly into checkout. Working with Ethos Brand Studio, we built one.

What we found

Sixty-plus products in one grid stops people choosing. And a sitewide deal needs one clear place to use it, or shoppers never reach the third item.

The decisions

  • Three slots. The page shows the bundle filling up, so the free third item is always one step away.

  • Tabs tame the catalog. Tabbed filtering keeps 60+ products organized and shoppable.

  • Live savings. A running saving readout gives shoppers a reason to add the next item.

  • Native, app-free logic. Built in Liquid and JavaScript, the 3 for 2 applies automatically and passes into Shopify’s native checkout.

  • Keep building. Quick view lets shoppers preview products without losing their bundle.

What we shipped

A native bundle builder page tuned for thumbs, with no third-party bundling app.

The result

A large catalog now has one clear path to purchase, and the discount hands off to checkout every time, so shoppers pay the price they were promised.

Where it leaves them

Calm Collective’s offer finally has a proper home, with full control over how the page behaves.

Process sketches

Sketch of Calm Collective's 3 for 2 bundle builder with tabbed products
Calm Collective live store on desktop and mobile
Calm Collective page design by Benchmark
Calm Collective live store, desktop section