UX и структура каталога для магазина косметики и парфюмерии: на что обратить внимание

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

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

Почему каталог косметики особенный

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

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

Проектирование свойств товаров

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

• Тип кожи/волос. Сухая, жирная, комбинированная, чувствительная — ключевое свойство для ухода.
• Назначение. Увлажнение, очищение, антивозрастное, защита от солнца.
• Ключевые ингредиенты. Гиалуроновая кислота, ретинол, витамин C — как фильтруемые значения.
• Объём и форма выпуска. Мл/г, тюбик/банка/флакон.
• Бренд и линейка. Обязательные свойства-справочники со своими страницами.
• Метки состава. «Без парабенов», «без отдушек», «веган» — как отдельные признаки.

Свойства-справочники (бренд, тип кожи, ингредиенты) делают привязкой к списку, а не текстом — тогда по ним корректно работают фильтр и группировка. Это база, на которой держится весь UX каталога.

Оттенки и объёмы через торговые предложения

Главный технический приём для косметики — торговые предложения (SKU). Один товар (например, помада линейки) содержит множество вариантов, и в 1С-Битрикс их правильно вести именно как торговые предложения, а не как отдельные товары.

Тогда покупатель на одной карточке выбирает оттенок или объём, сразу видит наличие и цену конкретного варианта, а учёт и обмен с 1С ведутся по каждому SKU. Это правильная модель и для UX, и для склада: остатки не «размазаны» по товару, а точны по варианту.

Структура разделов и навигация

Косметика плохо ложится в жёсткое глубокое дерево: сыворотка одновременно относится к «уходу за лицом», «антивозрастному» и «средствам с витамином C». Попытка отразить всё в дереве разделов рождает монстра, в котором путается и покупатель, и поисковик.

В 1С-Битрикс товар можно привязать к нескольким разделам инфоблока, но злоупотреблять этим не стоит: это плодит дубли и путает канонические URL. Лучше один основной раздел плюс фильтруемые свойства и кураторские подборки («для чувствительной кожи», «летний уход»).

Бренды и линейки как отдельная навигация

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

• Страницы брендов. Отдельные посадочные страницы с описанием марки и её товарами — хорошо и для UX, и для SEO.
• Линейки внутри бренда. Группировка товаров по сериям, чтобы собрать уходовый ритуал целиком.
• Ссылка из карточки. С товара — переход на бренд и линейку, чтобы докупить связанное.
• Фильтр по бренду. В общем каталоге бренд остаётся и фильтруемым свойством.

Бренды ведут как отдельный справочник (свой инфоблок или HL-блок), связанный с товарами свойством. Тогда одна и та же марка не задваивается в разных написаниях, а её страница собирается автоматически.

Умный фильтр для косметики

Умный фильтр — сердце UX косметического каталога, потому что выбор здесь идёт через отсев по характеристикам. Но его легко испортить, вывалив на покупателя все свойства сразу. Задача — вынести именно те, по которым реально выбирают.

1. Определите ведущие свойства. Тип кожи, назначение, ключевые ингредиенты, объём, бренд — то, что в первую очередь сужает выбор.
2. Порядок по важности. Самые востребованные фильтры — вверху, редкие — под «показать ещё».
3. Число товаров у значений. Покупатель видит, сколько позиций даст выбор, и не упирается в пустую выдачу.
4. Адаптив под мобильный. На телефоне фильтр — в выезжающей панели, а не поверх каталога.

Технически это компонент catalog.smart.filter 1С-Битрикс поверх спроектированных свойств. Скорость фильтра на большом каталоге держат кэшированием фасетного индекса и композитным сайтом — иначе тяжёлый фильтр начинает тормозить выдачу.

Состав, INCI и ингредиенты в фильтре

Для косметики состав — часть решения о покупке. Аудитория с аллергиями и осознанным подходом читает список ингредиентов (INCI) внимательнее, чем описание. Поэтому состав нельзя прятать одной строкой — его структурируют.

• Полный INCI. Список ингредиентов в отдельном блоке карточки, читаемо оформленный.
• Ключевые компоненты как свойство. Гиалуроновая кислота, ретинол, ниацинамид — фильтруемые значения.
• Метки «без». Без парабенов, без отдушек, без спирта — отдельные признаки для отбора.
• Пометки для аудитории. Веган, cruelty-free, гипоаллергенно — как фильтры доверия.

Такая структура повышает доверие и снижает возвраты «не подошло по составу». Ключевые ингредиенты как фильтруемое свойство — сильное отличие продвинутого косметического каталога от посредственного.

Карточка товара: что важно

Карточка косметики совмещает выбор варианта, обоснование доверия и допродажу. Хорошая карточка содержит:

• Выбор оттенка/объёма с наличием и ценой по каждому варианту и фото оттенка.
• Состав и способ применения — структурированно, а не сплошным текстом.
• Назначение и тип кожи — кому и для чего средство.
• Бренд и линейку со ссылками на их страницы.
• Отзывы и рейтинг — социальное доказательство критично для косметики.
• Блоки «из этой линейки» и «с этим покупают» — косметику берут ритуалами и наборами.

Парфюмерия: своя специфика

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

• Семейство ароматов. Цветочные, древесные, восточные, свежие — основной способ выбора аромата.
• Пирамида аромата. Верхние, средние и базовые ноты в структурированном блоке.
• Стойкость и шлейф. Важные для выбора характеристики.
• Пол и концентрация. Мужская/женская/унисекс, парфюмерная вода/туалетная вода.
• Объём флакона. Как торговое предложение, аналогично объёмам в уходе.

Модель та же, что и для косметики: товар — аромат линейки, торговые предложения — объёмы флаконов, а семейство и ноты — свойства для фильтра и карточки.

Сроки годности, партии и обмен с 1С

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

Всё это упирается в качество обмена с 1С: остатки по каждому SKU (оттенку, объёму), партии, цены и статусы должны синхронно приходить из учётной системы. Настроить надёжный обмен и контроль сроков помогает автоматизация продаж и склада на 1С. Для больших каталогов с тяжёлыми выборками по множеству свойств пригодится подход из статьи про D7 и ORM в 1С-Битрикс, а масштабирование инфраструктуры под нагрузку — тема материала про хостинг и BitrixVM.

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

• Оттенки как отдельные товары. Вместо торговых предложений — двадцать карточек одной помады, каталог раздут и неудобен.
• Свойства текстом. Бренд и ингредиенты вписаны строкой, поэтому по ним не работает фильтр.
• Глубокое дерево разделов. Множественную принадлежность пытаются отразить иерархией, плодя дубли.
• Перегруженный фильтр. В фильтр вынесено всё подряд, покупатель тонет в чекбоксах.
• Состав спрятан. INCI одной строкой, ключевые ингредиенты не фильтруются.
• Нет наличия по варианту. Наличие на товаре, а не на оттенке/объёме — покупатель заказывает то, чего нет.
• Бренды без своих страниц. Марка — только фильтр, теряется SEO-трафик по брендовым запросам.

Чек-лист запуска каталога

1. Свойства спроектированы. Тип кожи, назначение, ингредиенты, объём, бренд — как справочники, до наполнения.
2. Варианты через SKU. Оттенки и объёмы — торговые предложения с наличием по каждому.
3. Дерево неглубокое. Логичные разделы, множественность — через свойства и подборки.
4. Бренды и линейки. Свои страницы и связь с товарами через справочник.
5. Фильтр выверен. Только значимые свойства, порядок по важности, число товаров, адаптив.
6. Состав структурирован. INCI, ключевые ингредиенты и метки «без» как данные.
7. Карточка полная. Выбор варианта, состав, отзывы, линейка, допродажа.
8. Обмен с 1С настроен. Остатки по SKU, партии и сроки синхронны с учётом.

Вывод

Каталог косметики и парфюмерии выигрывает или проваливается ещё на этапе проектирования структуры. Богатство характеристик, множество оттенков и объёмов, важность состава и брендов требуют продуманной модели данных: справочные свойства, торговые предложения для вариантов, выверенный умный фильтр и структурированный состав.

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