Карточка товара в интернет-магазине: что должно быть на странице для удобной покупки
Карточка товара должна помогать покупателю принять решение без лишних переходов по сайту. Чем сложнее ассортимент, тем важнее структура: человек должен быстро понять, что это за товар, подходит ли он ему, сколько стоит, есть ли в наличии и как его получить.
Первый экран отвечает на основные вопросы
Название, цена, фотографии, наличие, ключевые характеристики и кнопка покупки должны быть видны без поиска по вкладкам. Если есть варианты товара, пользователь должен понимать, как выбор цвета или размера влияет на цену и наличие.
Характеристики нужно приводить к единой модели
Проблема большого каталога часто не в дизайне, а в данных. Если один поставщик пишет «мощность», другой «потребляемая мощность», а третий использует сокращение, фильтры и сравнение работают плохо. Перед масштабированием каталога свойства стоит нормализовать.
- единые названия свойств;
- единые единицы измерения;
- контролируемые списки значений;
- разделение обязательных и дополнительных характеристик.
Фотографии должны помогать понять товар
Лучше несколько качественных изображений с понятными ракурсами, чем десяток случайных фотографий. Для технических товаров полезны схемы, размеры, комплектация и примеры применения. При этом изображения нужно оптимизировать, чтобы карточка не становилась тяжёлой.
Доставка и оплата не должны быть сюрпризом
Покупателю важно до оформления понимать, доступны ли доставка, самовывоз, оплата картой или по счёту. Для B2B-каталога могут быть важнее запрос коммерческого предложения, персональная цена и наличие на конкретном складе.
Связанные товары должны решать задачу
Аксессуары, аналоги и сопутствующие позиции полезны, если они действительно связаны с текущим товаром. Автоматический блок из случайных позиций обычно только отвлекает. Связи лучше строить на свойствах, категориях и бизнес-логике.
Что проверить перед запуском
- как карточка выглядит на мобильном устройстве;
- видна ли цена и наличие;
- понятна ли логика торговых предложений;
- работает ли добавление в корзину;
- не скрыта ли важная информация за лишними кликами;
- достаточно ли данных для фильтра и сравнения.
Архитектура карточки напрямую зависит от каталога и процесса продаж. Подробнее о проектировании e-commerce — на странице разработки интернет-магазинов. О структуре большого каталога можно также прочитать в материале о подготовке каталога к росту.