Skip to content
belionstudios
Case studies

Catalogue & ordering website

AquaPure Water Company

A commercial website for a fictional Kenyan water bottling and distribution brand, with a searchable catalogue and enquiry builder.

Industry
Water & distribution
Year
2026
Services
Brand identity, Web design, Next.js development, Product catalogue
Stack
Next.js 16, React 19, TypeScript, Tailwind CSS
Live site
Visit
AquaPure Water Company main screen

The challenge

Buying water in volume in Kenya still tends to mean phone calls, unclear pricing and loosely scheduled deliveries. The site had to serve households ordering a couple of 20-litre refills a week and business buyers who need recurring volume and a written quotation.

There was no backend, and an enquiry is not an order: every step had to make clear that the company confirms price, availability and delivery before anything is final.

The approach

The catalogue combines search, category and size filters and four sort orders. Filter state lives in the URL, so a filtered view can be shared and survives a refresh.

A slide-out enquiry builder works like a shopping list on every page, with totals calculated in whole shillings and minimum quantities enforced per product. It feeds three separate workflows: delivery requests, wholesale quotations and general contact.

The hero carries an interactive WebGL water surface that leaves a wake under the cursor, and falls back to a still photo for reduced-motion users.

The product catalogue with filters
The product catalogue with filters
A product page with quantity rules
A product page with quantity rules
The delivery request workflow
The delivery request workflow

The result

Products, searchable and filterable
14
Unit tests on catalogue, pricing and form rules
66
End-to-end browser checks
41

Next project

Northstar Advocates

Law firm website

Let’s build something that works.

Tell us what you’re building. We’ll reply within 24 business hours with clear next steps.