WebsLead
0468 397 383Start a projectEnquire

Kibble & Co., an online store for a Perth pet food brand.

An online store for fresh-cooked and dry pet food: dogs, cats and small pets each have their own aisle, every recipe is explained, and regular orders arrive on a schedule.

Start a project like this
Platform
Hand-built HTML, CSS and JavaScript
Type
Online store
Stage served
Convert
Products
20
The whole Kibble & Co. home page, top to bottom: the dog and cat hero, shop by pet, bestsellers, what goes in the bowl, pet of the month, customer reviews, the subscribe sign-up and the footer.

The brief.

Pet owners buy the same food every few weeks, and they want to know exactly what goes in the bowl. The store had to let them find food for their kind of pet quickly, explain each recipe in plain words, turn a one-off order into a regular one without a lock-in, and stay easy to use on a phone.

Services used

Prices are our current rate card, so you can see what a build like this starts from. A store is built on the Growth tier, which includes SEO foundations. What the client paid stays between us and them. See all prices

Compare this with the other work we have built.

What we built.

  1. Shop by pet

    Separate pages for dogs, cats and small pets, with filters for life stage and food type and a sort order.

    See fig. 01

  2. Every recipe explained

    Product pages with the size, the price, the reviews and a plain description, and a choice between a one-off purchase and a delivery every few weeks.

    See fig. 02

  3. Subscribe and save

    A page that explains the subscription in three steps: pick the food once, choose how often, skip or cancel any time.

    See fig. 03

  4. The story behind the food

    An Our Story page about the kitchen the recipes started in, and why the brand cooks its own.

    See fig. 04

  5. A cart that shows the total

    Free delivery progress, quantities you can change, and an order summary with the subscription saving and delivery before checkout.

    See fig. 05

  6. Laid out for phones

    Every page rebuilt for a small screen, from the home page to the cart.

    See fig. 06

The build, screen by screen.

Captured from the live site. Select any screen to see it full size.

The Kibble & Co. dog food page: filter buttons for puppy, adult, senior, dry, wet and treats, a sort menu, and a grid of dog food bags and tins with their price, subscribe price and an Add to cart button.
Fig. 01Food for dogs: filters, sorting and the range
The Kibble & Co. product page for Kangaroo & Veg Wet: the tin, its price, a short description, the size, a choice between a one-off purchase and subscribe and save with a delivery interval, and an Add to cart button.
Fig. 02A product page: one-off or delivered every few weeks
The Kibble & Co. Subscribe & Save page: the heading Subscribe & Save 10%, a line on deliveries with no lock-in, and a How it works row of three photographs.
Fig. 03Subscribe and save, in three steps
The Kibble & Co. Our Story page: the heading Started In A Perth Kitchen, and the section Why we cook it ourselves beside a photograph of a kitchen.
Fig. 04Our Story: where the recipes started
The Kibble & Co. cart with three products: a free delivery unlocked bar, quantity controls and prices, and an order summary with the subtotal, delivery, total and a Checkout button.
Fig. 05The cart: free delivery and the order summary
The Kibble & Co. home page on a phone: the heading Real Food For Every Bowl, three promises, Find their food and Learn more buttons, and the dog and cat at their bowls.
Fig. 06The home page on a phone
The Kangaroo & Veg Wet product page on a phone: breadcrumbs, a large photograph of the tin, and the product name.
Fig. 07A product page on a phone
The Kibble & Co. cart on a phone: the heading Your Cart, a free delivery unlocked bar, and the first products with their quantity controls and prices.
Fig. 08The cart on a phone

How we show work

Nothing here is dressed up.

  • Named with permission

    Every business on this page cleared its name and logo before it appeared here.

  • Real screenshots

    Screenshots of the actual builds, supplied as they are. No mock-ups, no staged devices.

  • No invented numbers

    Results appear only when a client clears them.

Tell us what's broken.

Pick where it hurts. We'll tell you which stage is costing you money, then send a written scope and price.

  • No brief needed
  • A written scope and price
  • Yours to keep either way