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

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

Заказчик: Brands4pets

Галерея брендов для питомцев объединяет товарный каталог, подборки для владельцев и предложение бесплатной персональной консультации

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

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

Проблема

Brands4pets пришёл с идеей интернет-магазина в формате галереи брендовых бутиков для домашних питомцев. Требовалось представить бренды и их товары, сохранив акцент на профессиональных консультациях и персональном сервисе для владельцев.

Что сделали
  • Галерея брендов и разделы по видам питомцев
  • Подборки товаров для щенков и котят
  • Каталог с фильтрами и сортировкой
  • Карточки товаров с ценами, наличием и отзывами
Чего хотели добиться
  • Представить галерею брендовых товаров для домашних питомцев
  • Помочь владельцам подбирать товары с учётом потребностей питомца
  • Предложить покупателям персональную консультацию

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

Галерея брендов и персональная помощь

Разработали и опубликовали интернет-магазин Brands4pets. На главной странице представлены бренды, категории товаров и разделы по видам питомцев. Отдельные подборки помогают владельцам щенков и котят собрать необходимое для первых дней дома.

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

Главная знакомит с галереей брендов и предлагает связаться с персональным помощником
Главная знакомит с галереей брендов и предлагает связаться с персональным помощником

Каталог под потребности питомца

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

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

Боковые фильтры сужают выбор, а карточки показывают цену и наличие товара до добавления в корзину
Боковые фильтры сужают выбор, а карточки показывают цену и наличие товара до добавления в корзину

Главная и каталог на телефоне

Подготовили мобильные версии главной страницы и каталога. На главной фотография питомца и владельца стала фоном для обращения к покупателю; ниже начинается предложение бесплатной помощи консультанта.

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

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

Техническая часть

Сайт разработан с использованием Vue, Nuxt 3.0, Django и Python.

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

  • Владельцы домашних питомцев
  • Владельцы щенков и котят, которым нужны товары для первых дней дома

Что нужно пользователю

Job to be done — от ситуации к результату

Ситуация

Готовлюсь к появлению щенка или котёнка: мне нужно собрать необходимое для первых дней дома

Задача

Хочу подготовиться к заботе о питомце и иметь возможность получить совет при выборе товаров

Результат

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

Что внутри

1

Галерея брендов и разделы по видам питомцев

2

Подборки товаров для щенков и котят

3

Каталог с фильтрами и сортировкой

4

Карточки товаров с ценами, наличием и отзывами

5

Предложение бесплатной консультации и кнопки связи

6

Мобильные версии главной страницы и каталога

7

Корзина с переходом в каталог из пустого состояния

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

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

Оценить по ТЗ