БонусБесплатный первый месяц абонентской поддержки при заказе разработки «под ключ»

UX и структура каталога для магазина продуктов питания (e-grocery): на что обратить внимание

UX и структура каталога для магазина продуктов питания (e-grocery) на 1С-Битрикс

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

В статье разберём, на что смотреть при проектировании структуры каталога и UX для магазина продуктов питания (e-grocery) на 1С-Битрикс: как устроить разделы под повседневный спрос, продавать на вес и поштучно, показывать сроки годности и наличие, ускорить повторные заказы и связать всё это со складом. Многое здесь упирается в учёт и логистику, поэтому фундамент — автоматизация продаж и склада на 1С.

Коротко

  • E-grocery — про скорость сборки большой корзины и повтор заказа, а не про выбор одного товара.
  • Настройте вес, штуку и кратность через торговый каталог, синхронно с учётом в 1С.
  • Показывайте свежесть и наличие честно, с механикой замен на сборке.
  • Дайте быстрый поиск, историю покупок и повтор прошлого заказа — это двигатель частоты.

Чем e-grocery отличается от обычного магазина

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

Продуктовый ритейл — одна из самых требовательных ниш к скорости и логистике, а значит и к интеграциям с внешними сервисами доставки и учёта. Как выстраивать такие интеграции безопасно, мы разбираем в статье про REST, вебхуки и безопасность в Битрикс.

Структура каталога под повседневный спрос

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

В 1С-Битрикс каталог реализуется на инфоблоках торгового каталога, а свойства товаров становятся основой умного фильтра `catalog.smart.filter`. Для продуктов важны такие фильтры, как бренд, жирность, вес фасовки, наличие, акции и признаки вроде «без сахара» или «фермерское». Но главное — не перегружать: продуктовый покупатель фильтрует реже, чем в технике, и чаще ищет напрямую.

Не копируйте офлайн буквально: в онлайне добавьте сквозные подборки «Часто покупаемое», «Акции недели», «Новинки» и полки «К вашему заказу». Они собирают корзину быстрее, чем блуждание по разделам.
От номенклатуры до витрины каталога Номенклатуратовары из 1ССвойства и SKUхарактеристикиКарточкафото, описаниеИндекспоиск и фильтрКаталогвитрина клиенту
Схема: номенклатура из 1С обрастает свойствами и торговыми предложениями, наполняется контентом карточки и индексируется — так формируется витрина, по которой ищут и фильтруют.

Вес, штука и кратность

Продукты продаются по-разному: молоко — упаковкой, яблоки — на вес, яйца — десятком. Это надо корректно отразить в каталоге, иначе покупатель запутается, а сборщик получит неверное количество.

Тип товараЕдиницаЧто показать
Весовой (овощи, мясо)кг, дробный шагЦена за кг и за фасовку, шаг веса
Штучный (упаковки)шт., целоеЦена за штуку/упаковку
Наборный (яйца)десяток, кратностьЦена за набор, кратность заказа
Разливнойлитр, дробный шагЦена за литр и за объём

В 1С-Битрикс это задаётся через единицу измерения, шаг и кратность количества в торговом каталоге. Все эти параметры должны приходить из 1С и совпадать с учётом — иначе на сборке и в чеке появятся расхождения по количеству и сумме.

Сроки годности и свежесть

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

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

Наличие и замены на сборке

Остатки продуктов меняются в течение дня, и к моменту сборки заказа какой-то позиции может не оказаться. Хороший e-grocery готов к этому заранее.

Всё это работает только при точной синхронизации остатков между сайтом и складом. Как выстроить корректный обмен и быстрые выборки данных, мы разбираем в статье про D7 ORM в Битрикс.

Быстрый поиск по продуктам

При тысячах позиций поиск важнее навигации по разделам. Покупатель знает, что ему нужно — «молоко 3,2», «хлеб бородинский», — и ждёт мгновенного точного результата. Хороший продуктовый поиск умеет:

Повторные заказы и любимое

Регулярность — экономика e-grocery. Покупатель, который заказывает раз в неделю привычный набор, ценнее того, кто пришёл однажды. Задача UX — сделать повтор максимально лёгким.

Карточка продукта: состав и БЖУ

Карточка продукта короче, чем у техники, но у неё свои обязательные блоки. Покупатели всё внимательнее к составу, поэтому важно показать состав, пищевую ценность (БЖУ и калорийность), вес и производителя. Для части аудитории критичны признаки «без сахара», «без лактозы», «халяль», «эко» — их удобно вынести в свойства и фильтры.

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

Слоты доставки и минимальный заказ

Продукты заказывают ко времени, поэтому доставка устроена сложнее, чем «привезём за 3 дня». Нужны интервалы доставки — слоты — с ограничением по загрузке, чтобы не набрать больше заказов, чем машина увезёт вовремя.

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

Мобильная сборка корзины

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

Связь с 1С и складом

E-grocery держится на учёте: остатки, партии, сроки, вес и кратность, цены — всё это живёт в 1С и приходит на сайт обменом. Если обмен работает плохо, покупатель увидит несуществующий товар, неверную цену или недоступный слот. Поэтому качество продуктового магазина напрямую зависит от интеграции с учётной и складской системой.

Обмен должен быть частым и надёжным, а данные — консистентными. Системно эту связку мы настраиваем через автоматизацию бизнес-процессов на 1С, а инфраструктуру под нагрузку продуктового трафика разбираем в статье про хостинг и инфраструктуру BitrixVM.

Частые ошибки

Чек-лист

  1. Структура неглубокая. Разделы по логике магазина у дома, плюс сквозные подборки.
  2. Вес и кратность настроены. Единицы, шаг и кратность синхронны с учётом в 1С.
  3. Свежесть показана. Сроки годности и партии учтены в карточке и на сборке.
  4. Наличие и замены. Актуальные остатки, правила замен и уведомления настроены.
  5. Поиск сильный. Автодополнение, устойчивость к опечаткам, учёт наличия.
  6. Повтор заказа работает. История, «мои товары», списки, кнопка повтора.
  7. Доставка прозрачна. Слоты с лимитом, минимальная сумма и стоимость видны заранее.
  8. Обмен с 1С надёжен. Остатки, цены и параметры приходят часто и консистентно.

Вывод

Каталог e-grocery — это не витрина для изучения, а инструмент быстрой сборки большой корзины, к которой покупатель возвращается снова и снова. Успех определяют скорость набора, честная информация о свежести и наличии, удобный повтор заказа и продуманная доставка со слотами. Всё это должно точно совпадать с тем, что происходит на реальном складе.

На 1С-Битрикс продуктовый магазин собирается на торговом каталоге, инфоблоках и умном фильтре, но его сердце — обмен с учётом и складом. Настройте вес и кратность, сроки, актуальные остатки и повтор заказа, свяжите каталог со складской автоматизацией — и e-grocery начнёт удерживать покупателей регулярностью, а не разовыми акциями.

Частые вопросы

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

В e-grocery огромный ассортимент повседневного спроса, товары со сроками годности, продажа на вес и поштучно, а покупатель приходит регулярно за похожим набором. Отсюда акцент не на «выборе одного товара», а на скорости сборки большой корзины и удобстве повтора заказа. Структура каталога должна поддерживать быстрый набор, а не долгое изучение карточек.

Как в 1С-Битрикс продавать товары на вес и поштучно?

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

Нужно ли показывать сроки годности на сайте?

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

Как ускорить повторные заказы в e-grocery?

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

Как показывать наличие, если остатки быстро меняются?

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

Что делать со слотами и стоимостью доставки продуктов?

Продукты чаще заказывают ко времени, поэтому нужны интервалы доставки (слоты) с ограничением по загрузке и понятной стоимостью в зависимости от суммы заказа и зоны. Слот и минимальную сумму лучше показывать до финального шага, чтобы не терять покупателя на неожиданных условиях. Логистика тесно связана со складской автоматизацией.

Насколько важен поиск в продуктовом магазине?

Критично. При тысячах позиций повседневного спроса покупатель ищет конкретное — «молоко 3,2», «хлеб бородинский» — и ждёт мгновенного точного результата с подсказками. Хороший поиск с автодополнением и учётом наличия ускоряет сборку корзины сильнее, чем любое улучшение навигации по разделам.

Стоит ли делать акцент на мобильной версии?

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

Поделиться:

Запускаете или переделываете магазин продуктов?

Спроектируем структуру каталога и UX под e-grocery на 1С-Битрикс и свяжем сайт со складом и учётом. Рассчитаем работу по вашему проекту.

Редакция B2Bsite

Команда B2Bsite. С 2014 года разрабатываем интернет-магазины на 1С-Битрикс: каталоги продуктов, вес и кратность, слоты доставки и обмен с 1С и складом.

← Все статьи блога