CASE STUDY

A drinks brand with a shop that stays out of the way.

Client type: Water kefir, direct to consumer
Scope: E-commerce design · Product experience · Responsive development
Year: 2026
Status: Live — irishkefirco.ie

The Irish Kefir Co. website shown on a desktop screen — four bottles of water kefir against a dark editorial hero

The situation

Small food and drink brands have a harder job online than most people realize. They have to explain a product a lot of visitors have never tried, hold on to their personality while doing it, and still actually sell something. Most end up doing one of the three well and letting the other two slide.

The thinking

The brand voice and the shop are usually treated as separate jobs — personality on the About page, transactions everywhere else. That split is where a lot of small brands lose people. So the structure keeps them together: the character lives on the product pages, not in a corner of the site nobody visits.

The design

Flavors get room to be browsed properly rather than being crushed into a dense grid, because with a product like this the browsing is the selling. Warm, confident palette. Product photography given space to work. Every step from landing to checkout is short and obvious, and the trust details people actually look for — shipping, returns, what’s in it — sit where they’re needed rather than buried in a footer link.

The build

Responsive from the phone up, since that’s where most direct-to-consumer traffic arrives. Product and collection layouts built to take more items without needing a redesign. Cart and checkout kept to the fewest steps the platform allows.

WHAT IT DEMONSTRATES

Product presentation for a small consumer brand, category structure that scales, and a purchase path that keeps brand character intact all the way to checkout.

THE EVIDENCE

Accessibility: 96
Best practices: 100
SEO: 100

Lighthouse 13, mobile, simulated throttling, run against irishkefirco.ie on 1 September 2026.

The Irish Kefir Co. homepage at 1440×900 — the headline “Taking Care Of You From The Inside Out” over a photograph of the four water kefir bottles on ice. — Home

The Irish Kefir Co. shop page at 1440×900 — “Organic water kefir”, filter and sort controls, and the four flavours in a row. — Shop

The Lemon & Ginger water kefir product page at 1440×900. — Product

The Irish Kefir Co. homepage on a 390×844 phone screen. — Home

The Irish Kefir Co. shop page on a 390×844 phone screen. — Shop

The Lemon & Ginger water kefir product page on a 390×844 phone screen. — Product

WHAT I’D CHANGE

Lighthouse puts mobile performance at 73 with a 5.0s LCP, and the cause is asset weight I signed off on — the four-flavour hero is a single 2.3MB WebP, with three product images over 1.3MB behind it. I would ship those as a responsive set at three widths before I touched anything else.

Independent project — designed and built by me