Portfolio · DezignZA · 2026
realnutrition.co.zaReal Nutrition
A Mannatech catalogue for South Africa. Read, compare, ask. Then every order goes to the official shop.
The idea
57 products.
No checkout.
Real Nutrition is run by independent Mannatech associates. Their old WordPress shop held stock it never sold and a cart nobody used. The new site is a calm catalogue: every product has its price in rand, the science behind it and a Buy button that opens the official Mannatech South Africa shop with the associate’s account already attached. Mannatech handles payment and delivery. Real Nutrition handles the advice.
- Client
- Real Nutrition, independent Mannatech associates
- What we did
- Strategy, design, build, SEO, launch
- Built with
- WordPress 6.9 block theme, no page builder
- Live
- 19/10/2026
How an order travels
We sell nothing. We point well.
- Browse57 products on six colour-coded shelves.
- ReadIngredients, science links and short video notes.
- Tap BuyOpens za.mannatech.com with the referral account.
- DeliveredMannatech ships from Bedfordview, usually in 5 working days.
Six shelves
A range of 57 products, sorted the way people actually shop.
Each category has its own soft tint, from mint for the core range to blush for skincare. The colour follows you onto every product card and page header, so you always know which shelf you are on.
One product, everything you need
Price in rand. The science. A clear Buy button.
- Science and ingredients
- 23 products linked to 244 ingredients, in our own words with links to the sources.
- Watch
- 42 Mannatech videos with short written notes, so the page works even without playing them.
- Related products
- Same shelf, same tint. No upsell tricks.
In your pocket
Search sits in the middle of the thumb bar.
Most people arrive on a phone, already knowing the product name. So Search sits in the middle of the thumb bar and shows results as you type, even when the spelling is off. Products, Menu and live chat sit beside it, and chat slides up as a panel.
Home
Live search, typos forgiven
Menu
Colour and type
Bright, friendly, never clinical.
- Cyan#00ACC1
Brand - Aqua#00C3BB
Brand - Deep cyan#007E93
Buttons - Mint#C2F0E9
Integrative - Sky#B3DBEB
Targeted - Peach#FFD2AA
Fitness - Blush#F0B1C2
Skincare - Sage#CBE8B0
Essentials - M5M orange#F59132
Mission
Inter, three weights only
Light 300 for headlines, Regular 400 for reading, Medium 500 for labels and buttons. Thin type keeps a text-rich product site feeling light.
Real food nutritionReal food nutritionReal food nutrition
Found by people and by AI
Built to answer questions, not just rank.
Every page carries structured data, plain-language answers near the top and a sitemap search engines and AI assistants can read. Ambrotose and glyconutrients get their own science pages, and every old link from the 2018 site lands on its new home in a single hop.
- 152
- pages audited before launch
- 244
- old links redirected, no chains
- 35
- FAQ answers in real text
- 42
- videos with written notes
- 244
- ingredients indexed
- 100
- accessibility score
Launch night, 19/10/2026
Swapped in one evening, with a way back.
The 2018 site was never deleted. It was boxed up, backed up and kept ready to restore in minutes.
- Full server backup
- Old site moved aside, untouched
- New theme and database switched in
- PHP upgraded from 7.4 to 8.3
- Old sitemaps and URLs mapped with 301s
- Search Console, GA4 and email checks
Giving back
The one loud colour is saved for the mission.
Mission 5 Million gets the only orange on the site, so the M5M Foundation stands apart from the shopping.
Designed, built and launched by DezignZA. Hosted by HostingZA.
DezignZA