Voom's website open on a MacBook and an iPhone, standing on a rough dark stone block
Case study · 02 / 20 · ← all projects

Voom.

The online shop for a British sports-nutrition brand (energy bars, hydration, recovery and boosters), with pack sizes and Buy Now on every shelf, so a regular reorders in a few taps.

Visit voomnutrition.co.uk
Client
Voom
Sector
Consumer goods
Services
E-commerce
Built on
Shop admin
Languages
English, Dutch

Overview

For Voom Nutrition we designed and built a sports nutrition online shop for the UK and the Netherlands, selling energy bars, electrolyte drinks and recovery products by the bar, sachet, box or pouch. Every product card opens its own pack picker, every product page takes its product's colour, and Pick & Mix puts the whole range on one page for building a bundle. Five free nutrition calculators turn body weight, heat and effort into a race-day plan, and in the rewards club every order earns points.

01

A pack picker in the catalogue

Buy Now opens a pack picker inside the product card, so a bar, a box or a pouch goes in the basket straight from the catalogue.

02

A colour for every product

Each product page takes its product's colour, with the key nutrition figures beside the pack and every flavour a click away.

03

Pick & Mix bundles

All 30 products on one page, filtered by category, with a cart total that stays in view down the list.

04

Five nutrition calculators

Bicarb, nitrate, electrolyte, carbohydrate and protein. A few inputs, such as body weight, duration, heat or effort, return a serving and when to take it.

The shopper's path

From the catalogue to the basket.

  1. 01 The catalogue

    Explore VOOM Products opens on the whole range in ten sections, from Pocket Rockets to protein and recovery, with a side menu that stays in view.

    The catalogue on voomnutrition.co.uk: the green Explore VOOM Products hero, a strip of review quotes, the Nutrition Options side menu and the Pocket Rockets banner
  2. 02 The product

    Pocket Rocket Electro Energy in Raspberry: 45 g of carbs, 120 mg of electrolytes and 176 kcal, rated 4.9 from 176 reviews, at £1.65 a bar.

    The Pocket Rocket Electro Energy page on voomnutrition.co.uk in Raspberry red: nutrition badges, a 4.9 rating from 176 reviews, flavour chips, size and quantity, and £1.65 with Buy now and Add to basket
  3. 03 The options

    Lemon and Lime opens that flavour's own page, in lime. Size goes to Box (20) at £30.00 a box, and the quantity to 2.

    The Electro Energy Energy Chew page on voomnutrition.co.uk in lime, with Lemon and Lime chosen, Size on Box (20), quantity 2 and a price of £30.00, rated 5.0 from 405 reviews
  4. 04 The basket

    Two boxes come to £60.00 and unlock free shipping. The basket drawer shows the dispatch and delivery times, top picks to add and Checkout.

    The basket drawer on voomnutrition.co.uk: Your Basket (2), same-day dispatch and tracked delivery, the free shipping bar, four top picks under VOOM Athletes Enjoy, Pocket Rocket Electro Energy Lemon, Box (20), at £60.00, and Checkout
In the build

What the Voom shop does.

01 / 06
  1. voomnutrition.co.uk/product/electro-energy-chew-electrolyte-bar
    01

    From flavour to basket

    Pick Lemon and Lime on the red Raspberry page and that flavour's own page opens, in lime. Set Box (20) and a quantity of 2 and add them, and the basket icon opens the drawer at £60.00 with free shipping unlocked.

    Recorded on the live site

  2. Redrawn catalogue row from voomnutrition.co.uk on the brand lime: the Pocket Rocket Caffeine Kick Berry card with its pack picker open, BOX-20 at £30.00 or BAR at £1.65, a quantity, Add to Cart and Buy Now, between the Beta Blast and Caffeine Kick Grapefruit cards at £1.65
    02

    Pack sizes inside the card

    Buy Now on a catalogue card opens its pack sizes in place: a single Pocket Rocket at £1.65 or a box of 20 at £30.00, with a quantity, Add to Cart and Buy Now.

  3. voomnutrition.co.uk/calculators/sodium-bicarb-calculator
    03

    Bicarb dosing from body weight

    Body weight and aim go in, and the serving updates on every click: 21 capsules, 3 to 3.5 hours before the event, for 70 kg at the competition dose. The Sodium Bicarb Charger sits beside the result.

    Recorded on the live site

  4. Redrawn Voom Rewards Club on dark green: the guest offer of 12% off a first order with four member perks and Join Now, the points track from £0 to £80 against 0 to 800 points, and the ways to earn, from 10 points for an account to 1 point per £1
    04

    Points on every order

    The rewards club gives 10 points for an account and 1 for every £1 spent, and 100 points take £10 off at checkout. Guests are offered 12% off a first order for joining.

  5. voomnutrition.co.uk/picknmix
    05

    A bundle on one page

    Filter the 30 products by category, choose a pack size on a row and add it. The cart total fixed to the foot of the screen keeps count, from £30.00 to £59.99.

    Recorded on the live site

  6. Redrawn Hydration Calculator from voomnutrition.co.uk on charcoal: 70 kg and 60 minutes, Mild 15 to 22°C and Moderate selected, and the result of 560 ml of fluid and 308 mg of sodium per hour, with a sip guide of 140 ml every 15 minutes
    06

    Fluid and sodium for the conditions

    The electrolyte calculator takes weight, duration, heat and intensity and returns fluid and sodium per hour and for the session: 560 ml and 308 mg for an hour at 70 kg, in mild heat at a steady effort.

The screens

Every screen here is the live site.

8 screens from the Voom build
The brief

VOOM Nutrition is a British performance-nutrition brand based in Lancashire, close to the Lake District fells. It makes Pocket Rocket energy bars, electrolyte drinks and chews, energy drinks, recovery protein and performance boosters for runners, cyclists, triathletes and HYROX athletes, and sells them direct in the UK and the Netherlands and through independent retailers.

The shop had to make a wide range easy to buy and buy again (many flavours, each sold as a single bar or sachet, a box or a pouch) and carry the sports science, the athletes and the partner network behind the products.

What we built

We designed and built the shop for both markets: an English store for the UK and a Dutch store for the Netherlands, with a country switch between them.

Every product card opens a pack-size picker, so a visitor adds a box, pouch or sachet to the basket, or buys it straight away, without leaving the listing. Product pages carry nutrition, ingredients, directions, delivery details and FAQs, and a Pick & Mix page puts the whole range in one place for building a bundle. Around the shop sit free nutrition calculators that turn body weight and race conditions into a dose and timing plan, a points-based rewards club, a map of stockists and a partner enquiry form.

Stack and tools

What it runs on, and what it measures.

Read from the live site: the build, the tags in its pages, and the services a visitor meets on them.

Built with
GSAPSwiperGoogle Fonts
Marketing and analytics
Google Tag ManagerGoogle Analytics 4TikTok Pixel
On the page
Google MapsYouTubeInstagramFacebook
Content
Shop admin
Languages
EnglishDutch
Gallery

On desktop and on the phone.

Nine Voom product pages as a 3D wall on charcoal, each in its product's colour: orange Beta Blast, magenta Rapid Berry, lime Taster Pack and Electro Energy, blue Sodium Bicarb Charger, red Electro Energy Raspberry, burgundy POW, charcoal Fusion Fuel and brown Rapid Protein Recovery
The Voom home page on desktop beside the same page on a phone, on a light lime tint, both opening on the Energy Made Of More hero with Shop All and Nutrition Calculator
The shop on five phones on the brand lime: the home page, the Rapid Berry Electrolyte Drink page, Pick & Mix with its cart total bar, the full-screen basket at £60.00 and the full-screen menu
FAQ

About the Voom build.

Planning something similar? The intro call is thirty minutes and commits you to nothing.

Start yours

There are five, all free: bicarb, nitrate, electrolyte, carbohydrate and protein. Each asks for a few details, such as body weight, the aim, the duration, the heat or the intensity, and returns a serving size and a timing plan. At 70 kg and the competition dose, the bicarb calculator gives 21 one-gram capsules, 3 to 3.5 hours before the event, with the Sodium Bicarb Charger beside the result.

Yes. Buy Now on a product card opens the pack sizes inside the card, for example a single Pocket Rocket bar at £1.65 or a box of 20 at £30.00, with a quantity, Add to Cart and Buy Now. Product pages offer the same choice in a Size menu, and their flavour chips open each flavour's own page.

Add to basket keeps the shopper on the product page and updates the count on the basket icon. The icon opens the basket as a drawer, with the dispatch and delivery times, a bar that shows how far the order is from free shipping, four top picks from the range, and the subtotal with Checkout. UK orders over £45 ship free.

A page that lists the whole range, 30 products with nine category filters, for building a bundle in one place. Each row has its pack options, a price that follows the option, a quantity and Add To Cart. A bar fixed to the foot of the screen keeps the cart total, with Checkout Now beside it.

Members get 10 points for creating an account and 1 point for every £1 they spend, with more for reviews and birthdays. Every 100 points can be redeemed for £10 off at checkout. Guests are offered 12% off their first order for joining, with the code sent by email.

The UK store, voomnutrition.co.uk, is in English. It ships free on UK orders over £45 and abroad for a flat £20. A country switch in the footer leads to the Netherlands store, voomnutrition.nl, in Dutch, which EU customers are asked to use.

Vebses, a web studio in Tbilisi, whose credit sits in the footer of every page. We designed and built the UK shop and its Dutch sister store for the Netherlands, including the pack pickers, the product pages, Pick & Mix, the basket drawer, the five nutrition calculators and the rewards page.

Yes, if your range comes in flavours, sizes or packs. The pieces of the Voom shop that would travel are the pack picker on every product card, product pages with clear options, a basket that opens beside the page, a bundle builder, and calculators or guides that lead to the right product. Your products, your copy and your look would go into them, once we have agreed the scope together.

Next case study · 03 / 20CFMOTO.The Georgian home of CFMOTO, a catalogue that sells motorcycles, quad bikes and utility buggies the way good sites sell products: specs first, prices in lari or euro, a call one tap away.Read the case study
More work

Keep looking.

All 44 projects
Start a project

Tell us what you are building.

Thirty minutes, no pitch deck. Describe the problem and we will tell you what it takes to solve it (scope, budget range, timeline), even if the answer is that you do not need us.

What are you building?
Budget (optional)
How did you find us? (optional)

We reply within 24 hours.