Online stores

Online store for pet cosmetics

Client: Iv San Bernard

The online store introduces shoppers to Iv San Bernard cosmetics and helps them choose professional products for home care and grooming

Visit the website
ReactVueFlaskDjangoPython
Online store for pet cosmetics

Project at a glance

Problem

Iv San Bernard is an Italian manufacturer of professional cosmetics, tools and equipment for cat and dog care. The brand needed an online store with a range for pet owners and groomers.

What we did
  • Catalog with sections for cats and dogs
  • Filters by pet size and cosmetic line
  • Product sorting
  • Product cards with prices, ratings and add-to-cart buttons
What the client wanted
  • Present the brand’s professional cosmetics in an online store
  • Organize product selection for home care and grooming
  • Give access to the range from 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 and its care lines

The home page presents Iv San Bernard cosmetics, with a prominent link to the catalog. Photos of animals next to the care products show them in the context of use. The design uses a light background, beige blocks and gold buttons.

Cosmetic lines are grouped by purpose: regular care, spa and deep care, special care and show preparation, and therapeutic care. Shoppers can explore the types of care before choosing a product.

The home page introduces the brand’s cosmetics and leads to the catalog
The home page introduces the brand’s cosmetics and leads to the catalog

Catalog by type of pet

The range is split into products for cats and for dogs. Each section has hygiene, grooming, tools and accessories, cosmetics and cleaning products. This structure lets shoppers start with their pet and the type of care they need.

Sections for cats and dogs lead to the right product category
Sections for cats and dogs lead to the right product category

Choosing products in the product list

Filters by pet size and cosmetic line sit next to the products, with sorting above the list. Product cards show photos, names, prices, ratings and the number of reviews. Add-to-cart buttons are right there too.

Filters and sorting next to the range, with prices right on the product cards
Filters and sorting next to the range, with prices right on the product cards

The store on a phone

The home page, catalog and product list are adapted for mobile screens. The main links — home, catalog, cart and sign-in — are in the bottom navigation bar. Search stays at the top of the page.

On a phone, products are shown in two columns, and filters open from a separate button next to sorting. Shoppers can browse the range and prices on both desktop and mobile.

Mobile home page with a link to the catalog and the main sections in the bottom navigation bar
Mobile home page with a link to the catalog and the main sections in the bottom navigation bar
Two columns of products on a phone: prices and buy buttons appear below the photos
Two columns of products on a phone: prices and buy buttons appear below the photos

Target audience

  • Cat and dog owners
  • Groomers and grooming salons

What’s inside

1

Catalog with sections for cats and dogs

2

Filters by pet size and cosmetic line

3

Product sorting

4

Product cards with prices, ratings and add-to-cart buttons

5

Cosmetic lines grouped by type of care

6

Mobile version with a bottom navigation bar

7

Brand information, news and contacts

How it looks

Need a similar project?

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