Фон и композиция карточки товара для маркетплейса
Фон и композиция первого слайда определяют, заметит ли покупатель товар в выдаче и поймет ли его назначение за несколько секунд. Разбор поможет продавцам собрать понятную карточку без перегруза, ошибок цвета и случайных визуальных решений.
Первый слайд работает в уменьшенном размере
В каталоге покупатель видит карточку на экране шириной около 120-180 пикселей, поэтому главный объект должен занимать не менее 65% площади кадра. Если на первом слайде размещены товар, три плашки, пять иконок и длинный заголовок, в выдаче они превращаются в нечитаемые пятна. Для набора контейнеров лучше показать один контейнер крупно, а количество, объем и комплектацию вынести на следующие кадры. У одежды важно отделить силуэт модели от фона, иначе темная куртка на темно-сером фоне теряет форму и выглядит как пятно. Перед публикацией полезно уменьшить макет до ширины смартфона: если за одну секунду нельзя назвать товар и его ключевое свойство, композицию нужно упростить.
Композиция строится вокруг одного сообщения
У каждого слайда должна быть одна задача: показать внешний вид, размер, материал, способ использования или комплект. На обложке для термокружки главным сообщением может быть форма и цвет товара, а не одновременно надписи о стали, герметичности, подарочной коробке и скидке. Товар лучше ставить в оптический центр или немного выше центра, оставляя свободное поле там, где планируется короткая подпись. Диагональная композиция подходит для длинных предметов, например зонта, удочки или массажного ролика, но не должна обрезать важные детали. Когда предметов несколько, их выстраивают по размеру и глубине, а не раскладывают равномерно по углам: один главный объект, один или два поддерживающих.
Фон должен помогать товару, а не заменять его
Нейтральный светлый фон подходит большинству товаров, но белый предмет на чистом белом фоне требует мягкой тени или цветового контура, иначе контуры исчезают. Для черной электроники, темной обуви и металлической посуды лучше выбрать светло-серый, бежевый или очень бледный цвет фона с заметной разницей по светлоте. Яркий фон допустим, если он соответствует категории и не спорит с товаром: например, пастельный голубой для детской бутылки, но не кислотный градиент для кухонных весов. Цвет товара нельзя корректировать ради выразительности, потому что насыщенная обработка часто приводит к расхождению с реальным оттенком и возвратам. Для проверки полезно сравнить исходный снимок, готовый макет и образец при дневном свете, особенно если речь о бежевой одежде, зеленом текстиле или товарах с металлизированным покрытием.
Текст и инфографика рассчитаны на смартфон
На первом слайде достаточно одной короткой фразы из двух-шести слов, если правила категории допускают текстовую инфографику. Шрифт должен быть простым, без декоративных завитков и чрезмерно тонких линий, а буквы нужно проверять вручную: автоматическая генерация нередко искажает кириллицу и добавляет опечатки. Практичный ориентир для вертикального изображения 1200 на 1600 пикселей: высота основного текста от 55 до 75 пикселей, второстепенного от 38 до 48 пикселей. Белые буквы на светлом фоне и темные на темном не читаются, поэтому контраст важнее модного оттенка и сложной текстуры. Если характеристик больше трех, их стоит распределить по разным слайдам, а не уменьшать шрифт до размера, который покупатель не сможет прочитать.
Карусель собирают как единую систему
Разнобой в карусели снижает доверие: на одном кадре крупный красный заголовок, на другом тонкий синий текст, на третьем новый фон и другой стиль иконок. Для серии достаточно зафиксировать два шрифта, два основных цвета, один стиль рамок и одинаковые поля по краям. Например, карточка рюкзака может состоять из семи кадров: обложка, вид спереди, спинка и лямки, размеры, внутренние отделения, материал, сценарий использования на модели. Если нет съемки одежды на модели, нельзя создавать неестественную фигуру или менять посадку вещи, лучше показать изделие на манекене, в раскладке и крупно снять фактуру ткани. Перед публикацией каждый слайд нужно сверить с требованиями площадки: разрешенные поля, доля товара в кадре, допустимая инфографика, отсутствие чужих знаков и спорных заявлений.
Обложки проверяют на реальных вариантах
Одна обложка редко бывает оптимальной с первой попытки, поэтому разумно подготовить два или три варианта с разной крупностью товара, фоном или точкой съемки. Менять стоит один элемент за раз: если одновременно заменить фон, шрифт, ракурс и текст, невозможно понять причину разницы в переходах. Для бутылки можно сравнить крупный предмет на нейтральном фоне, предмет в руке и ракурс с акцентом на крышку, сохранив одинаковую цену, остатки и прочие условия. Оценивать нужно не только переходы в карточку, но и дальнейшие действия: добавления в корзину, заказы, возвраты по причине несоответствия ожиданиям. Победивший вариант закрепляют как стандарт для линейки, но пересматривают после смены сезона, упаковки, цвета товара или конкурентного окружения.