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

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

Заказчик: Craftia

Интернет-магазин Craftia знакомит покупателей с кормами бренда и помогает подобрать питание с учётом особенностей питомца

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

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

Проблема

Разработать интернет-магазин для Craftia — бренда премиальных кормов для кошек и собак. В ассортименте представлены повседневное питание и ветеринарные диеты.

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

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

Каталог по типу питания

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

На компьютере разделы представлены двумя крупными карточками с фотографиями животных и ссылками на категории кормов.

Две группы товаров с переходами к повседневным кормам и ветеринарным диетам
Две группы товаров с переходами к повседневным кормам и ветеринарным диетам

Выбор корма в каталоге

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

Карточки показывают упаковку, название и цену. Рейтинг и число отзывов вынесены рядом с кнопкой «В корзину», чтобы эти сведения были доступны прямо в списке.

Товары для кошек: фильтры слева, сортировка и карточки с ценами — справа
Товары для кошек: фильтры слева, сортировка и карточки с ценами — справа

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

На узком экране категории расположены друг под другом. Вместо фотографий в каталоге оставили названия разделов и крупные строки переходов к типам питания.

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

Мобильный каталог с крупными ссылками на категории питания для кошек и собак
Мобильный каталог с крупными ссылками на категории питания для кошек и собак
Две карточки в ряд, кнопки фильтров и сортировки над товарами, навигация — внизу
Две карточки в ряд, кнопки фильтров и сортировки над товарами, навигация — внизу

Информация для выбора питания

Главная страница знакомит с брендом и ингредиентами кормов. Раздел «О бренде» раскрывает принципы питания и технологии производства — покупатель может изучить подход Craftia перед выбором корма.

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

Главная страница: баннер знакомит с брендом, поиск и кнопка каталога ведут к ассортименту
Главная страница: баннер знакомит с брендом, поиск и кнопка каталога ведут к ассортименту
Раздел «Наша философия» объясняет подход бренда к питанию питомцев
Раздел «Наша философия» объясняет подход бренда к питанию питомцев

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

  • Владельцы кошек и собак
  • Покупатели повседневных кормов и ветеринарных диет

Что внутри

1

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

2

Разделы повседневного питания и ветеринарных диет

3

Фильтры по особым потребностям и вкусу

4

Сортировка товарной выдачи

5

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

6

Поиск товаров

7

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

8

Информация об ингредиентах и производстве

9

Подтверждение региона и доступ к поддержке

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

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

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

Оценить по ТЗ