WorkCase study / Vegan supplements

Pure Portion.

A new UK supplement brand with six products, a founder who is a qualified prescriber, and no website at all. We designed and built the shop from nothing: every tub can be turned on screen and every label read in full before anyone buys.

Client
Pure Portion
Sector
Vegan vitamins and supplements
Services
Brand website, online shop, product photography cut-outs, checkout, SEO set-up
Delivered
2026
Platform
WordPress, WooCommerce, custom theme
The Pure Portion homepage with the Triple Magnesium tub in the hero
6productseach with its own page and full labelThe range
3anglesper tub, turned by draggingProduct photos
10% offfor subscribe and save, built into checkoutRepeat orders
15% offautomatically on any three different productsPortion Pack

01 / Where it started

A new brand, and no site at all.

Pure Portion makes vegan vitamins, minerals and botanicals in the UK to GMP standards. The whole idea is nothing hidden: no proprietary blends, no fillers, every milligram on the label.

  • No website, no shop, no domain in use. Everything started from a blank page.
  • Six products to launch: Triple Magnesium, Vitamin D3 & K2, Vitamin C, Vitamin B Complex, Turmeric with Ginger, and a Muscle & Joint Cream.
  • Phone photos of the tubs and the label artwork were the only assets to work from.

02 / How it ran

Design first, then a real shop.

A clickable prototype the client could try, then the same design on WordPress.

Step 1
01

Prototype

The full shop as a working design, before any platform choice.

Step 2
02

Photos

Every tub cut out from the client's own photos, front, back and side.

Step 3
03

WooCommerce

The design moved onto WordPress with WooCommerce doing orders.

Step 4
04

Editable

Products and labels editable in wp-admin, pages in Elementor.

Step 5
05

Launch

Moved to pureportion.co.uk on HTTPS with clean URLs.

Step 6
06

Updates

New label artwork and founder photos added since launch.

03 / What we built

Every label, in plain sight.

Supplement buyers want to know exactly what they are taking. So the product page leads with the tub itself: drag it to turn it, or jump straight to the ingredients or the directions.

  • Tubs you can turn. The client's photos, cut out and cross-faded as you drag, with a full-label view for the small print.
  • The whole nutrition table on every product: amounts, % of reference intake, full ingredients, directions and advice.
  • Offers the checkout works out. Subscribe and save 10%, a 15% Portion Pack on any three different products, and free UK delivery over £30, all applied automatically.
  • Easy for the client to run. Each product has a simple details panel in wp-admin for its claims, label table and photos, so a new formula needs no developer.
Take one / Show

Every label

Turn the tub, read the table.

Take two / Reward

Repeat buyers

Subscribe, bundle, free delivery.

Take three / Own

Run it in-house

Products and pages edited in admin.

04 / The new site

Clean, calm and honest.

A cream palette that lets the coloured tubs do the talking.

Shop
Pure Portion shop page with the six products
ShopThe range, filterable, each card in its tub colour.
Product
Pure Portion Triple Magnesium product page
Product pageTurn the tub, then subscribe or buy once.
Story
Pure Portion Our Story page
Our storyThe founder, the standards, and the people behind the brand.

On a phone

Mobile
Pure Portion homepage on a phone
MobileThe same turning tub, sized for a thumb.

05 / Under the hood

A shop that search engines can read.

  • Real addresses for every page and product, such as /product/triple-magnesium/, each with its own title and description.
  • Product and Organization schema generated from the same data that fills the page.
  • WooCommerce checkout behind the custom design, so orders, stock and emails run on a proven platform.
  • HTTPS and one address: every www and http request goes to https://pureportion.co.uk.
WordPressWooCommerceCustom themeElementorGSAPProduct schemaClean URLsWebP images

06 / Where it stands

Live and taking orders.

Pure Portion went from no website to a working shop on pureportion.co.uk. We continue to support the site as the range and the labels grow.

Next up

Keep watching.