Каталог: структура и фильтры

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

Первое решение — глубина. Если уровней три и больше, человек начинает блуждать. Ориентир простой: до конкретного товара два клика. Часто это значит, что часть подкатегорий надо убрать в фильтры, а не плодить разделы.

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

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

Карточка товара

Карточка отвечает на три вопроса: сколько стоит, есть ли в наличии, когда приедет. Всё остальное — фото, описание, характеристики — идёт после. Если наличие спрятано за формулировкой «уточняйте у менеджера», человек уходит к конкуренту, у которого написано «на складе, 3 штуки».

Честное «под заказ, 5–7 дней» работает лучше, чем пустота. Люди готовы ждать, они не готовы гадать.

Что закладываем в шаблон карточки:

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

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

Техническая часть: человекочитаемый адрес, шаблон title и description, разметка для поисковиков. Это закладывается один раз в шаблоне и дальше работает на тысячи страниц.

Корзина и оформление заказа

Оформление — самое дорогое место в магазине. Каждое лишнее поле стоит заказов, и это видно по цифрам уже на первой неделе.

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

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

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

Оплата, доставка и личный кабинет

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

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

Доставка — это либо интеграция со службой через API, либо свои зоны и тарифы. Расчёт по весу и габаритам, выбор пункта выдачи на карте, стоимость до бесплатного порога. Каждая служба добавляет свою работу, поэтому список согласовываем заранее и не «на всякий случай» подключаем всё сразу.

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

Товары, учёт и уведомления

Выгрузка товаров — то, что чаще всего делают в последнюю очередь и потом переделывают. Нужно заранее ответить: откуда берутся данные, как часто обновляются, кто отвечает за остатки. Варианты — файл XML/YML по расписанию, обмен с 1С, API к товарному сервису или «МойСклад».

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

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

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

Запуск и где теряются деньги

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

Теперь про потери, которые я вижу чаще всего:

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

По времени дороже всего обходятся правки в структуре каталога после вёрстки. Переставить блоки — час. Переделать свойства товаров, когда их уже 5 000 и все с ручными характеристиками, — недели. Поэтому структуру и свойства согласовываем на старте, до дизайна.

Стоимость интернет-магазина в студии — от 40 000 ₽. Точную сумму фиксируем после брифа, когда понятны каталог, интеграции и сценарии оплаты, и дальше не меняем по ходу работы.

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