Shopify & E-commerce — Case Study
CRUX
A Shopify store for a premium healthy snack-bar brand — bold flavour up front, and a shopping journey engineered to convert.
SMART SNACKS. SERIOUS CONVERSION.
CRUX makes premium snack bars with nothing to hide: 12g of protein, 3g of sugar, gluten-free and 100% real chocolate, across seven flavours — Chocolate Crunch, Honey Cinnamon, Peanut Butter, Milky Way, Passion Fruit, Rocky Road and Strawberry Crunch. We designed the store as a digital ecosystem: storytelling up front, smooth user flows underneath, and every page built to lift average order value and subscriptions.
The journey runs homepage, shop and product pages, a slide-out mini cart with cross-sells, and a frictionless checkout with Shop Pay — with subscribe-and-save bundles doing the heavy lifting. Big type, warm colour and flavour-first photography keep it bold at every size, from desktop down to the phone in your hand.
Store
Smart Snacks for All-Day Energy
The store, introduced — the homepage hero on laptop, laid over chocolate, cinnamon and almonds.
Strategy
The Problem, The Solution
Dull catalogues were the problem; fast, interactive commerce is the fix — planned day by day, from CRO analysis to high-fidelity UI.
Store
The Homepage, in Full
Bundles, pronounceable ingredients, a flavour finder, CRUX vs traditional snacks, subscribe & save and FAQs — one long, hungry scroll.
Identity
Typography & Colour
The design system: Tusker Grotesk in two weights, and five house colours drawn from the bars.
Store
Every Flavour, in One Place
The shop page — all seven flavours with filtering and sorting, from single bars to full boxes.
Mobile
The Store, in Hand
The mobile homepage out in the wild — best sellers first, built for busy lives.
Store
The Product Page, in Full
Honey Cinnamon, end to end: subscribe & save 15%, bundle sizes, benefits and 4.9 stars from 50,000+ snack lovers.
Mobile
Three Screens, One System
Homepage, shop and product page on mobile — the same rules at every size.
Store
Lost in the Snack Aisle?
A branded 404 — the mascot hunts for the missing page, and the footer keeps selling.
Mobile
Product Page, in Hand
Ratings, reviews and nutrition on the mobile product page — readable at a glance.
Store
Cart Optimisation & Upselling
The slide-out mini cart: a cross-sell beside the subtotal, one tap from checkout.
Packaging
The Bars Themselves
CRUX packaging in hand — the wrappers and bars the whole store is designed around.
Store
Frictionless Checkout
Contact, delivery, shipping and payment in one calm flow — Shop Pay and G Pay up top.
START YOUR SHOPIFY PROJECT
From the first sketch to a store that sells — we've got you covered.