Карточка товара — страница, на которой принимается решение о покупке. Разбираем, из каких блоков она состоит, в каком порядке их располагать и чем карточка для B2B-покупателя отличается от розничной.
Карточка — это ответ на вопросы, а не витрина
Когда человек открывает карточку товара, у него уже есть интерес. Он пришёл из поиска, из каталога или по ссылке от коллеги. Задача карточки — ответить на все вопросы, которые стоят между интересом и решением: подходит ли товар, сколько стоит, когда его можно получить, можно ли доверять продавцу. Каждый вопрос без ответа — повод открыть сайт конкурента или отложить покупку.
Поэтому проектирование карточки мы начинаем не с макета, а со списка вопросов. Источники: запросы в отдел продаж, вопросы в чатах, отзывы на маркетплейсах, поисковые подсказки. Для каталога электроинструмента список получился из 34 вопросов, для каталога промышленных насосов — из 50 с лишним. Дальше каждый вопрос получает своё место на странице, а наиболее частые поднимаются выше.
Анатомия карточки: блоки и их порядок
При всём разнообразии товаров структура хорошей карточки довольно устойчива. Верхняя часть — зона решения, нижняя — зона изучения.
Зона решения: первый экран
- Название с ключевыми параметрами — не «Кабель ВВГнг», а «Кабель ВВГнг-LS 3×2,5 мм², 100 м».
- Галерея изображений: основное фото, ракурсы, детали, товар в применении.
- Цена или понятная альтернатива: «цена по запросу, ответим в течение часа», «от 1 200 ₽ при заказе от 50 штук».
- Наличие и срок получения: «в наличии на складе в Москве, отгрузка завтра».
- Выбор вариантов: размер, цвет, исполнение — без перехода на другие страницы.
- Основное действие: купить, добавить в запрос, запросить цену.
- 3–5 ключевых характеристик, по которым чаще всего выбирают этот тип товара.
Зона изучения: ниже первого экрана
- Полная таблица характеристик, сгруппированная по смыслу.
- Описание: назначение, особенности, сценарии применения.
- Документы: сертификаты, инструкции, паспорта, чертежи.
- Условия доставки, оплаты и возврата — коротко, со ссылкой на подробности.
- Сопутствующие товары и аналоги.
- Вопросы и ответы по товару.
Порядок блоков в зоне изучения зависит от товара. Для технически сложной продукции характеристики и документы поднимаются выше описания. Для товаров, где важны эстетика и применение — отделочных материалов, мебели, освещения, — выше идут фото в интерьере и описание.
Чем B2B-карточка отличается от розничной
Розничный покупатель чаще выбирает эмоционально и покупает единицы. Профессиональный — сверяет параметры с проектом, покупает партиями и думает о логистике. Это меняет приоритеты.
| Элемент | Розничная карточка | B2B-карточка |
|---|---|---|
| Цена | Одна цена, акционная скидка | Цены от объёма, персональная цена после входа |
| Количество | Счётчик от 1 | Кратность упаковки, минимальная партия, поле для ввода |
| Наличие | Есть или нет | Остатки по складам, срок поставки под заказ |
| Характеристики | Основные, человеческим языком | Полные, со стандартами и допусками |
| Документы | Инструкция | Сертификаты, паспорта, чертежи, модели для САПР |
| Действие | Купить | Добавить в заявку, запросить КП, скачать спецификацию |
| Доверие | Отзывы, рейтинг | Проекты с применением, соответствие стандартам |
Для оптовых покупателей особенно ценна таблица цен по объёмам прямо на карточке: «1–9 шт. — 1 450 ₽, 10–49 шт. — 1 320 ₽, от 50 шт. — 1 190 ₽». Она отвечает на вопрос, который иначе потребовал бы звонка, и подталкивает к увеличению заказа. Подробнее о том, как такие механики устроены в каталогах, рассказываем на странице интернет-магазина.
Фотографии и визуальная подача
Изображения — первое, на что смотрит посетитель. Для большинства товаров нужны минимум 3–5 изображений: общий вид на нейтральном фоне, ключевые ракурсы, крупные планы деталей, которые важны при выборе, товар в применении или в масштабе. Для технической продукции полезны схемы с размерами — они часто информативнее десятка фото.
Галерея должна позволять увеличить изображение, а на телефоне — листать свайпом и увеличивать жестом. Все фото одного каталога стоит делать в едином стиле: одинаковый фон, освещение, положение товара в кадре. Разнородные фото, собранные от разных поставщиков, делают каталог похожим на барахолку, даже если сами товары качественные.
Видео уместно для товаров, которые нужно увидеть в работе: инструмент, оборудование, механизмы. Короткий ролик на 30–60 секунд без звука с понятной демонстрацией часто работает лучше длинного обзора.
Характеристики: как сделать таблицу читаемой
В каталогах производителей у товара бывает 30–80 характеристик. Выгрузить их одним длинным списком — значит заставить покупателя искать нужное глазами. Работающие приёмы:
- группировка по смыслу: «Габариты», «Электрические параметры», «Материалы», «Условия эксплуатации»;
- ключевые 5–7 параметров вынесены в верхнюю часть страницы, полная таблица — ниже;
- единицы измерения указаны единообразно и в одном месте;
- подсказки к непонятным параметрам: короткое пояснение по наведению или нажатию;
- на мобильных — формат «параметр — значение» в две строки вместо широкой таблицы;
- пустые характеристики скрываются, а не показываются с прочерком.
Отдельная задача — консистентность данных. Если у одного товара «Мощность: 1,5 кВт», у другого «1500 Вт», а у третьего «мощность 1.5kW», фильтры и сравнение работать не будут. Приведение справочника характеристик к единому виду — скучная, но обязательная работа до запуска каталога.
Совет студии: попросите двух-трёх менеджеров отдела продаж назвать пять параметров, о которых клиенты спрашивают чаще всего по каждой крупной категории. Эти параметры и должны стоять рядом с ценой — остальное можно показать ниже.
Доверие и снятие рисков
Даже когда товар подходит, покупатель может сомневаться в продавце. Особенно если он впервые видит сайт. Карточка должна снимать эти сомнения без лишнего пафоса. Что работает: информация о гарантии и её условиях, понятные условия возврата, бейдж «официальный дилер» или «от производителя» там, где это правда, реальные отзывы с конкретикой, фото товара на объекте клиента.
Хорошо работает блок «Остались вопросы?» с контактом профильного специалиста — не общим номером колл-центра, а направлением или менеджером по категории. В одном проекте для поставщика отделочных материалов такой блок внизу карточки стал источником около 15% всех обращений из каталога — это были клиенты, которые не решались добавить товар в корзину, не уточнив детали.
Чек-лист карточки товара
- Название содержит ключевые параметры, по которым товар ищут и различают.
- На первом экране есть цена или понятная альтернатива, наличие, срок и основное действие.
- Галерея включает 3–5 изображений в едином стиле, с увеличением и свайпом на мобильных.
- Ключевые характеристики вынесены наверх, полная таблица сгруппирована по смыслу.
- Для B2B есть цены от объёма, кратность, остатки по складам и документы.
- Условия доставки, оплаты и гарантии видны прямо на странице.
- Предложены аналоги и сопутствующие товары.
- Есть способ быстро задать вопрос профильному специалисту.
- Данные в характеристиках приведены к единому формату.
- Карточка проверена на телефоне: все блоки читаемы, кнопка действия всегда под рукой.
Хорошая карточка не пытается впечатлить — она снимает вопросы по очереди, пока у покупателя не останется причин откладывать решение. Если пройтись по этому списку и честно отметить пробелы, почти всегда находятся две-три правки, которые дают заметный прирост заказов уже в следующем месяце.
