Обсудить задачу

Сайты · Каталоги

Сайт-каталог для сложного ассортимента

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

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

01 Контекст

Каталог без торгового контура

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

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

02 Исходная ситуация

Когда нужен сайт-каталог

01

Продажа требует консультации

Цена или комплектация зависят от условий, а следующий шаг после карточки — запрос расчёта или разговор со специалистом.

02

Ассортимент имеет структуру

Позиции различаются по характеристикам, назначению, сериям или совместимости, и обычного списка недостаточно.

03

Данные обновляются регулярно

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

04

Каталог собирается из внешнего источника

Товарные данные приходят из таблиц, учётной системы, PIM или внутренней базы.

03 Состав

Что входит в проект

Границы определяются устройством ассортимента и источниками данных. Фильтры проектируются после модели характеристик, а не наоборот.

01

Модель каталога

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

  • Схема каталога
  • Словарь характеристик
  • Правила связей
02

Навигация и поиск

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

  • Карта навигации
  • Логика фильтров
  • Прототипы сценариев
03

Карточки и визуальная система

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

  • Макеты каталога
  • Шаблоны карточек
  • Адаптивные состояния
04

CMS и загрузка данных

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

  • Поля в CMS
  • Процедура импорта
  • Контрольные записи
05

Сборка и проверка

Реализую интерфейс, формы обращения, технические метаданные и проверяю каталог на разных типах данных.

  • Рабочий каталог
  • Настроенные формы
  • Контрольный список

04 Метод

Порядок работы

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

  1. 01

    Обследование ассортимента

    Разбираю источники данных, типы позиций, характеристики и редакционный процесс.

    На выходе: Контур данных и ограничений
  2. 02

    Архитектура каталога

    Фиксирую классификацию, поля, фильтры и пользовательские маршруты.

    На выходе: Схема и прототипы
  3. 03

    Дизайн

    Проектирую каталог и карточки на контрольной выборке позиций.

    На выходе: Макеты и компоненты
  4. 04

    Разработка и импорт

    Собираю шаблоны, CMS, формы и согласованный обмен данными.

    На выходе: Версия для проверки
  5. 05

    Приёмка

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

    На выходе: Подготовленный к публикации каталог

05 Ответственность

Кто за что отвечает

На стороне студии

  • Проектирование модели и интерфейса каталога
  • Настройка CMS и согласованного импорта
  • Разработка форм и технических шаблонов
  • Проверка на контрольной выборке данных

На стороне компании

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

06 Оценка

Что влияет на оценку

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

  1. 01Количество типов позиций и наборов характеристик
  2. 02Глубина категорий и логика связей
  3. 03Фильтры, поиск, сравнение и избранное
  4. 04Качество исходных данных и изображений
  5. 05Первичный импорт и регулярная синхронизация
  6. 06Формы запроса и интеграции с CRM
  7. 07Редакционные роли и частота обновлений

Если появляется корзина, расчёт заказа, оплата или доставка, рассматривается уже контур интернет-магазина.

07 Среда

Техническая основа

Платформа выбирается по объёму данных, способу обновления и дальнейшему обслуживанию.

  • 01MODX Revolution
  • 02WordPress
  • 03Astro и Next.js
  • 04CSV и API-импорт
  • 05Поисковые индексы
  • 06CRM и веб-аналитика

08 Вопросы

До начала работы

01Чем каталог отличается от интернет-магазина?

Каталог помогает найти и изучить позицию, затем связаться с компанией. Интернет-магазин дополнительно рассчитывает и оформляет заказ, принимает оплату и связывается с доставкой или учётом.

02Можно ли добавить корзину позже?

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

03Как загружать большой ассортимент?

Возможен импорт из CSV, учётной системы или API. Перед автоматизацией согласуются идентификаторы, формат полей, правила обновления и обработка ошибок.

04Можно ли редактировать карточки самостоятельно?

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

05Что учитывается для индексации каталога?

Проектируются постоянные адреса, метаданные, хлебные крошки, внутренние ссылки и правила для страниц фильтров. Это техническая основа; работа с поисковым спросом выполняется отдельно.

10 Следующий шаг

Разобрать структуру ассортимента

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

Обсудить каталог