Online stores

Online pet supplies store

Client: MR KRANCH

The online store introduces shoppers to the MR KRANCH brand and helps them choose products for cats and dogs with delivery across Russia

Visit the website
Online pet supplies store

Project at a glance

Problem

MR KRANCH, a Russian brand, needed an online store for pet toys and accessories. The site had to present its products for cats and dogs and let shoppers choose them online.

What we did
  • Catalog with sections for cats and dogs
  • Filters by product and pet characteristics
  • Sorting by popularity
  • Listing cards with prices, ratings and review counts
What the client wanted
  • Present the brand and its products in an online store
  • Let shoppers choose products for cats and dogs online
  • Adapt the store for desktop and mobile

Want the same for your business? Tell us about your task — we’ll propose a solution and estimate the timeline.

Introducing the brand

We built the MR KRANCH online store with desktop and mobile versions. The home page introduces the brand: a large banner shows pets with toys and invites visitors to learn more about the products.

On the About page, the brand explains how canine specialists and animal behaviorists help develop products for pets’ emotional and intellectual development. Descriptions of materials and care tips help shoppers understand what each product is for and how to use it.

The home page presents the brand and leads to the catalog or to the product introduction
The home page presents the brand and leads to the catalog or to the product introduction
The About page explains the brand’s approach to pet care
The About page explains the brand’s approach to pet care

A catalog for cats and dogs

The range is split by pet. Each section has categories by purpose: toys, travel, feeding and other everyday owner needs.

On desktop, the sections sit side by side, each with a photo of the animal. Shoppers see the categories right away and can go to the product group they need.

Two catalog sections with category lists help shoppers find products for their pet
Two catalog sections with category lists help shoppers find products for their pet

Choosing by features

The cat section has filters by pet size, material, color and age. Sorting by popularity sets the order of products in the list.

Product cards show photos, prices, ratings and the number of reviews. A “Few left” label draws attention to low stock, and the “Add to cart” button is right in the list.

Filters next to the products help narrow the choice, and prices on the cards help compare options
Filters next to the products help narrow the choice, and prices on the cards help compare options

The store on a phone

On a small screen, the main banner turns vertical, and the catalog sections stack. Products appear in two columns, with filter and sort buttons above them.

Home, catalog, cart and account sign-in are in the bottom navigation bar. Shoppers can move between sections on their phone and browse the range with prices and stock labels.

The mobile home page keeps the brand introduction and the links to the main sections
The mobile home page keeps the brand introduction and the links to the main sections
Two columns of products, filters and sorting for shopping on a phone
Two columns of products, filters and sorting for shopping on a phone

Target audience

  • Cat owners
  • Dog owners

What users need

Job to be done — from situation to outcome

Situation

I’m choosing toys and accessories for my pet. I want to know what they’re for, what they’re made of and how to care for them.

Need

I want products for everyday care and play that give my pet mental stimulation.

Outcome

I can check what products are for and what they’re made of, and order the right ones online with delivery across Russia.

What’s inside

1

Catalog with sections for cats and dogs

2

Filters by product and pet characteristics

3

Sorting by popularity

4

Listing cards with prices, ratings and review counts

5

Low-stock labels

6

Add-to-cart buttons in the product list

7

Mobile version with bottom navigation

8

Information on product purpose, materials and care

How it looks

Need a similar project?

Tell us about your task — we’ll estimate the scope, timeline and cost and propose a solution.