Why we're doing this
The current lucozade.co.za (WordPress/Elementor, built ~2021) still runs the old orange-led identity, the retired "#Fak'umoya" and "Put in the glucose energy to finish" lines, and 2021-era pack photography. Meanwhile @lucozadesa is already live with the new masterbrand look. The website is the last major touchpoint off-brand. Objective: bring the site in line with the campaign — same structure, new skin, refreshed content — quickly and affordably.
Old → New
| Element | Current site | Refresh |
|---|---|---|
| Logo | Horizontal yellow "Lucozade Energy" web lockup | New peak-arc + italic "Lucozade" sign-off lockup (official asset required) |
| Lead colour | Orange #E9700C / red gradients | Lucozade Yellow #FFD900 surfaces, carbon type, Citrus Flash headlines — see Brand Kit |
| Campaign line | #Fak'umoya · "Put in the glucose energy to finish" | Bring the Energy (+ "Bring the Lucozade.", "Flavour that hits.") · #LucozadeSA #BringTheEnergy |
| Headline type | Mixed theme fonts | Condensed heavy italic uppercase (Archivo stand-in; confirm official typeface) |
| Imagery | 2021 studio pack shots, generic gradients | Campaign lifestyle photography (as on Instagram) + current pack shots; collage frame + bubbles devices |
| Products | Full range incl. legacy presentation | Same range (Orange, Original, Blackcurrant, Apple, Caribbean Fusion · 325ml–1L) restyled in flavour-world cards; retire any delisted SKUs on client confirmation |
| Social | Static "follow us" blocks with 2021 imagery | Live-feeling @lucozadesa feed section with campaign posts |
| Platform | WordPress + Elementor + The7 theme (heavy) | Recommend: lightweight static/headless build on Cloudflare (this dev site is the starting point) — faster, cheaper hosting, no plugin maintenance |
Information architecture
Deliberately unchanged — the refresh is skin and content, not IA. Nav stays: Home · About · Products · FAQ · Contact Us. The dev-site home page mirrors every current homepage section in the new look: hero, range by pack size, benefits ("feel more alert / focused / energised"), about, FAQ, social feed, contact, footer with the LRS legal line.
The look is already live
Campaign posts from @lucozadesa (June–July 2026) supplied by the client — these set the art direction for the site and populate the feed section:
Needed from the brand team
- Official masterbrand logo pack — peak-arc lockup: full colour, mono, reversed, clear space, min sizes
- Official brand guidelines PDF (exact colour values incl. Pantone/CMYK, typeface licence)
- Campaign photography library — high-res originals of the Instagram creative (incl. collage-frame PSDs if available)
- Current pack renders (high-res, all SKUs) + confirmation whether an SA pack redesign is coming
- Confirmed SKU list — anything delisted since 2021? Is 325ml returnable still in range?
- FAQ, About and Contact copy sign-off (carry over vs rewrite)
- Consumer-care and trade contact details; privacy/cookie policy owners
- Domain/DNS access for lucozade.co.za (or a staging subdomain, e.g. new.lucozade.co.za) when ready to go live
Proposed path
| Phase | What | Notes |
|---|---|---|
| 1 · Review | Marketing Manager reviews this dev site + brand kit, marks up changes | This preview URL is shareable internally; not indexed |
| 2 · Assets | Collect checklist items above; swap indicative assets for official ones | Logo SVG, exact colours and fonts are placeholders until then |
| 3 · Content | Final copy for all five pages; PDPA-compliant contact form | Reuse current copy where approved |
| 4 · Build | Production build + QA (mobile, accessibility, analytics, SEO redirects) | Keep URLs/redirect map from WordPress paths |
| 5 · Launch | DNS cutover to Cloudflare, monitor | Old WP site retired — hosting saving |