Skip to content
ADOV
Free Website Audit

Case study

LivReal's website changes colour with every flavour.

A Shopify store for LivReal energy drinks, where each flavour brings its own colour to the page.

Desktop — scrolling the homepage
Client
LivReal
Industry
Food & beverage
Services
Web design & development
Shopify
Platform
Shopify
Live site
livrealco.com (opens in a new tab)

01 — Overview

LivReal makes canned energy drinks in three flavours: Orange Mango, Pineapple Guava and Lemon Lime. The Shopify store gives each flavour its own colour and lets the page change with it.

Inside the build

  1. A colour world per flavour

    The homepage moves from sky blue into orange, blue and green flavour tiles, each with its can.

    LivReal hero with three cans on fruit against a sky-blue background and a Find your store button
    Homepage — hero
    Three flavour tiles in orange, blue and green, each with a can and a Shop button
    Shop our collection

  2. What's inside, in plain view

    Ingredient sections pair fruit photography with short copy on what goes into the can.

    Two-colour section with What's inside and Real squeezed fruit, with fruit photos and a can
    What's inside
    Pineapple Guava section in blue with a hand placing a can by a pineapple
    Natural ingredients

  3. Customers in the frame

    A #LivReal row collects customer videos from beaches, mountains and city streets.

    Show us how you LivReal section with customer video tiles
    #LivReal — customer videos

  4. A menu with one job each

    The full-screen menu offers four things: home, find your store, drink LivReal and FAQs.

    Full-screen orange menu with Home, Find your store, Drink LivReal and FAQs
    Menu
  • LivReal hero with three cans and a Find your store button, on a phone
    Mobile — homepage
  • Pick your vibe flavour selector with the Orange Mango can, on a phone
    Mobile — pick your vibe
  • Orange Mango product page with pack price and a Buy from Amazon button, on a phone
    Mobile — product page
  • Orange Mango panel with four ingredient facts in orange tiles, on a phone
    Mobile — flavour panel
  • Ready to shop banner with three cans and customer video tiles, on a phone
    Mobile — ready to shop
  • FAQ page with blue and yellow question cards, on a phone
    Mobile — FAQ
  • LivReal hero with three cans and a Find your store button, on a phone
    Mobile — homepage
  • Pick your vibe flavour selector with the Orange Mango can, on a phone
    Mobile — pick your vibe
  • Orange Mango product page with pack price and a Buy from Amazon button, on a phone
    Mobile — product page
  • Orange Mango panel with four ingredient facts in orange tiles, on a phone
    Mobile — flavour panel
  • Ready to shop banner with three cans and customer video tiles, on a phone
    Mobile — ready to shop
  • FAQ page with blue and yellow question cards, on a phone
    Mobile — FAQ
LivReal: a can among tropical leaves, flowers and fruit on blue

More work

All work