Skip to content
ADOV
Free Website Audit

Case study

Pawp Water's website gives every can its own colour.

A headless Shopify store for Pawp Water, a range of canned waters for dogs, where every variety has its own colour.

Desktop — scrolling the homepage
Client
Pawp Water
Industry
Food & beverage
Services
Web design & development
Shopify
Next.js
Platform
Shopify
Live site
pawpwater.com (opens in a new tab)

01 — Overview

Pawp Water makes canned waters for dogs and sells them direct. The website is a headless Shopify store with a Next.js front end, built around one idea: each variety has its own colour, and the site uses it everywhere that variety appears.

Inside the build

  1. A colour for each variety

    The collection page sets every can on a tile of its own colour, from pink Gut Health to green Coconut, with an add-to-pack button on each.

    Pawp Water collection page with cans on pink, blue, orange and green tiles and add-to-pack buttons
    Collection — every variety in its own colour

  2. One product page, many colours

    Each product page takes the colour of its can. A row of coloured chips switches variety in place, with pack sizes and the add-to-cart button beside it.

    Pawp Water product page in pink with the can, coloured variety chips and pack-size options
    Product page — Gut Health
    The same product page in blue for the Electrolyte can
    Product page — Electrolyte
    The product page in green for the Coconut can, with one-, two- and three-pack options
    Product page — Coconut

  3. Build a pack in the cart

    The cart opens as a drawer that suggests more varieties and offers one-time or subscribe-and-save before checkout.

    Cart drawer offering more varieties, one-time or subscribe-and-save, and a checkout button
    Cart drawer — build your pack

  4. Made for the phone

    On a phone the same colours carry through: video testimonials, the resealable lid, an FAQ and the cart drawer, all within thumb's reach.

  • Coconut product page on a phone with the can, image thumbnails and star rating
    Mobile — product page
  • Video testimonial cards with add-to-cart buttons on a green background, on a phone
    Mobile — video testimonials
  • The resealable lid in three steps and a comparison table, on a phone
    Mobile — lid and comparison
  • FAQ accordion with questions about Pawp Water, on a phone
    Mobile — FAQ
  • Pink cart drawer with variety picks and subscribe options, on a phone
    Mobile — cart drawer
  • Grid of customer videos with dogs, each with an add-to-cart button, on a phone
    Mobile — customer videos
  • Coconut product page on a phone with the can, image thumbnails and star rating
    Mobile — product page
  • Video testimonial cards with add-to-cart buttons on a green background, on a phone
    Mobile — video testimonials
  • The resealable lid in three steps and a comparison table, on a phone
    Mobile — lid and comparison
  • FAQ accordion with questions about Pawp Water, on a phone
    Mobile — FAQ
  • Pink cart drawer with variety picks and subscribe options, on a phone
    Mobile — cart drawer
  • Grid of customer videos with dogs, each with an add-to-cart button, on a phone
    Mobile — customer videos
Pawp Water: a dog drinking from a bowl beside a can

More work

All work