Интернет-магазины

Интернет-магазин косметики для питомцев

Заказчик: Iv San Bernard

Интернет-магазин знакомит покупателей с косметикой Iv San Bernard и помогает подобрать профессиональные средства для домашнего ухода и груминга

Посетить сайт
ReactVueFlaskDjangoPython
Интернет-магазин косметики для питомцев

Коротко о проекте

Проблема

Iv San Bernard — итальянский производитель профессиональной косметики, инструментов и оборудования для ухода за кошками и собаками. Для бренда требовалось разработать интернет-магазин с ассортиментом для владельцев питомцев и грумеров.

Что сделали
  • Каталог с разделами для кошек и собак
  • Фильтры по размеру питомца и косметической линии
  • Сортировка товаров
  • Карточки с ценами, оценками и кнопками добавления в корзину
Чего хотели добиться
  • Представить профессиональную косметику бренда в интернет-магазине
  • Организовать выбор средств для домашнего ухода и груминга
  • Дать доступ к ассортименту с компьютера и телефона

Хотите так же у себя? Расскажите о задаче — предложим решение и оценим сроки.

Знакомство с брендом и уходом

На главной странице представили косметику Iv San Bernard и разместили заметный переход в каталог. Фотографии животных рядом со средствами ухода показывают продукцию в контексте её применения. В оформлении использовали светлый фон, бежевые блоки и золотистые кнопки.

Косметические линии сгруппировали по назначению: регулярный уход, спа и глубокий уход, особый уход и подготовка к шоу, терапевтический уход. Покупатель может познакомиться с направлениями ухода перед выбором средства.

Главная знакомит с косметикой бренда и ведёт в каталог
Главная знакомит с косметикой бренда и ведёт в каталог

Каталог по виду питомца

Ассортимент разделили на товары для кошек и собак. В каждом разделе выделили гигиену, груминг, инструменты и аксессуары, косметику и чистящие средства. Такая структура позволяет начать выбор с питомца и нужной категории ухода.

Разделы для кошек и собак помогают перейти к нужной категории товаров
Разделы для кошек и собак помогают перейти к нужной категории товаров

Выбор средств в списке товаров

Рядом с товарами разместили фильтры по размеру питомца и косметической линии, над списком — сортировку. В карточках показали фотографии, названия, цены, оценки и количество отзывов. Здесь же расположили кнопки добавления в корзину.

Фильтры и сортировка рядом с ассортиментом, цены — сразу в карточках товаров
Фильтры и сортировка рядом с ассортиментом, цены — сразу в карточках товаров

Магазин на телефоне

Главную, каталог и список товаров адаптировали для мобильных экранов. Основные переходы — на главную, в каталог, корзину и ко входу — вынесли в нижнюю навигацию. Поиск оставили в верхней части страницы.

Товары на телефоне расположили в две колонки, а фильтры вынесли в отдельную кнопку рядом с сортировкой. Покупатели могут просматривать ассортимент и цены как на компьютере, так и на телефоне.

Мобильная главная с переходом в каталог и основными разделами в нижней навигации
Мобильная главная с переходом в каталог и основными разделами в нижней навигации
Две колонки товаров на телефоне: цены и кнопки покупки видны под фотографиями
Две колонки товаров на телефоне: цены и кнопки покупки видны под фотографиями

Целевая аудитория

  • Владельцы кошек и собак
  • Грумеры и груминг-салоны

Что внутри

1

Каталог с разделами для кошек и собак

2

Фильтры по размеру питомца и косметической линии

3

Сортировка товаров

4

Карточки с ценами, оценками и кнопками добавления в корзину

5

Косметические линии по назначению ухода

6

Мобильная версия с нижней навигацией

7

Информация о бренде, новости и контакты

Как это выглядит

Нужен похожий проект?

Расскажите о задаче — оценим объём, сроки и стоимость, предложим решение. Есть ТЗ — загрузите его и получите предварительную цифру за несколько минут.

Оценить по ТЗ