Главное фото карточки товара: психология выбора и 12 правил композиции для WB/Ozon
Главное фото карточки товара: психология выбора и 12 правил композиции для WB/Ozon
В выдаче Wildberries на одном экране помещается от 6 до 12 карточек. У Ozon примерно столько же. Покупатель листает ленту со скоростью, на которой даже название читается через раз, а характеристики не
О чём статья
В выдаче Wildberries на одном экране помещается от 6 до 12 карточек. У Ozon примерно столько же. Покупатель листает ленту со скоростью, на которой даже название читается через раз, а характеристики не читаются вообще. Решение "тапнуть или скроллить дальше" принимается за 0,5-2 секунды по одному сигналу: главному фото.
Можно вылизывать описание, выкупать рекламу и подкручивать SEO-теги, но если первая картинка не цепляет, до описания клиент не доходит. По нашим замерам на категории "товары для дома" замена главного фото даёт прирост CTR в выдаче от 18 до 60 процентов. Без изменения цены, отзывов и позиции.
Дальше про психологию первого взгляда, про то, как маркетплейс показывает ваше фото на фоне конкурентов, и про 12 правил композиции, которые делают снимок кликабельным.
Почему главное фото решает больше, чем кажется
Маркетплейс не отдаёт покупателю товар в вакууме. Он отдаёт его в сетке из 8-12 конкурентов, и ваше фото оценивается не само по себе, а в сравнении с соседями. Это конкурс на скорость.
Глаз делает три вещи за доли секунды: сканирует сетку по F-паттерну, цепляется за объекты, которые отличаются от соседей по цвету или форме, и принимает решение "интересно или нет" ещё до того, как мозг прочитает название.
Если товар лежит на белом фоне, а вокруг ещё 11 товаров на белом фоне, глаз пропускает карточку как фоновый шум. Если у соседей товар занимает 50% кадра, а у вас 80%, ваш воспринимается крупнее и доступнее. Это работает на уровне рефлекса.
Второй фактор: доверие. Покупатель уже обжигался на разнице "фото-реальность". Когда фото выглядит как 3D-рендер или несёт кричащие наклейки "ХИТ ПРОДАЖ", у части аудитории включается недоверие. Чем дороже категория, тем сильнее эффект. Ювелирка, электроника, детские товары особенно чувствительны.
Что глаз видит первым: F-паттерн и центр внимания
Айтрекинг в e-commerce давно показал: пользователь сканирует по F-образной траектории. Сначала горизонталь вдоль верхнего края, потом возврат к левому краю и горизонталь чуть ниже, потом вертикальный сброс вдоль левого столбца. В мобильном приложении это зигзаг по сетке "две карточки в ряд". Каждая карточка получает 0,3-0,8 секунды активного внимания.
Практический вывод: центр композиции главного фото должен быть не геометрически по центру кадра, а чуть выше и слегка смещён. Это совпадает с естественной зоной первой фиксации взгляда. Если положить товар ровно в центр и обвести пустым полем, глаз воспринимает это как полупустую карточку.
Цветовой контраст с типичным фоном выдачи (белый или светло-серый) критичен. Светлый товар на белом фоне выглядит как недогруз. Тёмный на тёмном сливается. Идеально, когда между товаром и фоном перепад тона минимум на 30-40% по светлоте.
12 правил композиции для главного фото
Эти правила собраны из практики работы с категориями от ювелирки до крупной бытовой техники. Не все 12 применимы к любому товару, но игнорирование больше двух обычно стоит CTR.
1. Товар занимает 70-80% кадра
Самая частая ошибка новичков, маленький товар в центре огромного белого поля. На превью в выдаче этот товар выглядит крошечным и теряется. Правило: товар должен заполнять не меньше 70% площади кадра, но и не упираться в края. Оптимальный воздух по периметру, 5-10% от каждой стороны.
Исключение, мебель и крупногабарит, где нужно показать пропорцию. Там допустимы 50-60%, но обязательно с предметом-масштабом (стул рядом с диваном, рука у ручки шкафа).
2. Лицевая, узнаваемая сторона
У каждого товара есть "лицо". У книги это обложка, у телефона экран, у платья перед, у банки с кремом этикетка. Покупатель ищет именно это лицо в выдаче. Креативные ракурсы вроде "вид сверху на закрытую коробку" работают только в категориях, где упаковка сама по себе является объектом эстетики (парфюмерия, премиум-кофе).
Если категорийно невозможно показать "лицо" (например, постельное бельё), показывайте сложенный комплект так, чтобы виден был рисунок и текстура.
3. Без лишних предметов в кадре
WB и Ozon в правилах прямо просят минимализм на главном фото. На практике это означает: либо чистый фон + товар, либо строго оправданные пропсы. Кружка кофе, лежащая рядом с ноутбуком "для атмосферы", крадёт у ноутбука 15-20% площади и внимания. Пропс уместен, только если он работает на восприятие масштаба или функции.
Оправданные пропсы: размерная линейка (для ювелирки), модель руки/тела (для одежды и аксессуаров), стандартный объект-якорь (монета у миниатюр).
4. Контрастный фон
Не белый ради белого. Фон должен контрастировать с товаром. Белая футболка на белом фоне теряется. Лучше светло-серый или нежно-бежевый. Чёрный смартфон на белом фоне работает, белый смартфон на белом, нет.
Цветной фон допустим, но осторожно. Розовый, мятный, жёлтый сильно сужают аудиторию по гендеру и возрасту. Если категория сезонная или гендерно-маркированная, цветной фон уместен. Если универсальная, лучше нейтраль с лёгким оттенком.
5. Естественная пропорция
Растянутые в высоту или ширину товары палят непрофессионализм с километра. Особенно часто этим грешат селлеры, которые подгоняют квадратное фото под вертикальный формат WB (3:4) простым "stretch". Пропорции тела на одежде, форма посуды, гарнитуры мебели должны выглядеть так, как они есть в реальности.
Снимайте сразу в нужной пропорции или кадрируйте с сохранением, никогда не растягивайте.
6. Текст и наклейки на главном фото запрещены
WB прямо запрещает на главном фото надписи, кричащие плашки "ХИТ", "СКИДКА", "TOP", водяные знаки. Ozon чуть мягче, но тоже не приветствует. Многие селлеры нарушают это правило, потому что им кажется, что плашка "СКИДКА 50%" приведёт больше кликов.
На практике, такие карточки чаще получают понижение в выдаче от алгоритма и теряют больше, чем выигрывают на креативе. Если хочется коммуникации по акции, делайте это на втором-четвёртом слайде, не на главном. Алгоритм маркетплейса всё видит.
7. Без вотермарок и логотипов поверх товара
Логотип бренда на упаковке товара, ок. Полупрозрачный watermark "OOO Ромашка" поверх кадра, нет. Это снижает доверие и формально нарушает правила площадок. Если боитесь, что фото украдут, защищайте товарным знаком, а не вотермарком.
8. Резкость в зоне продукта
Главное фото не должно быть размыто. Категории, особо чувствительные к резкости: ювелирка (видны грани и закрепка), электроника (видны порты, кнопки), косметика (читаются мелкие надписи на упаковке).
Если снимаете на смартфон, используйте режим pro/manual и снижайте ISO до минимума, добавляя света вместо чувствительности. Шум на главном фото в выдаче выглядит как "мыло" и считывается как дешёвый ширпотреб даже на дорогом товаре.
9. Цветопередача честная
Соблазн "докрутить" цвет в Photoshop велик, особенно для одежды и обуви. Серый свитер, превращённый в глубокий антрацит, в карточке выглядит круче. На руках у клиента, это другой товар. Возврат, негативный отзыв, штраф от площадки.
Калибруйте монитор. Используйте ColorChecker при съёмке, если категория дорогая. Если категория недорогая, хотя бы делайте баланс белого по серой карте.
10. Свет ровный, без жёстких теней
Жёсткая тень от прямого солнца или одиночной точечной лампы создаёт драматизм, который на главном фото мешает разобрать форму товара. Используйте мягкий рассеянный свет: софтбоксы, лайтбокс для мелких товаров, отражатели по бокам.
Полностью убирать тень тоже плохо. Лёгкая мягкая тень под товаром даёт ощущение объёма и веса. Полная "плоская" подсветка с подложкой убивает 3D-восприятие, товар начинает выглядеть как наклейка.
11. Композиция по правилу третей
Делите кадр воображаемой сеткой 3х3. Главную смысловую точку товара (логотип, лицо, узор) располагайте на одном из четырёх пересечений линий, чуть выше центра, со смещением влево или вправо. Это правило работает на подсознательном уровне восприятия "правильной" картинки.
Чисто центральная композиция допустима для симметричных товаров (часы, лампы, бутылки), где смысл сам по себе центрирован.
12. Эмоция или lifestyle, где категория позволяет
Часы на руке, кепка на голове, кружка с дымящимся кофе, шерстяной плед на спинке кресла. Lifestyle-снимки работают там, где покупатель проецирует товар на себя. Это одежда, аксессуары, текстиль, посуда, всё для дома.
Не работает в категориях с техническими параметрами (электроника, инструмент, химия). Там life-style может уйти на второй-третий слайд, а главное фото остаётся "товар-в-чистоте".
Психология выбора покупателя на маркетплейсе
Решение о клике строится на трёх слоях восприятия, которые срабатывают почти одновременно.
Первый, узнаваемость. Покупатель должен мгновенно понять "что это". Если искал зимнюю куртку, а в выдаче непонятно куртка или жилет, мозг тратит лишнюю долю секунды и часто проще пропустить.
Второй, ожидание соответствия. Фото должно отражать ту версию товара, которая придёт по почте. Чрезмерно ретушированная картинка вызывает недоверие у опытных покупателей. Они уже знают, как выглядят честные предметные фото, и как выглядят "докрученные".
Третий, эмоциональная проекция. Покупатель представляет, как товар будет смотреться у него дома или на нём. Чем легче это представить, тем выше шанс клика. Цель главного фото, попасть в коридор между "слишком продающе" и "слишком домашне".
Категорийные особенности
Ювелирка
Макросъёмка с пристальным вниманием к закрепке камней, отполированной поверхности и пробам. Контролируемые блики, не плоский свет. Минимум двух точек освещения с боков, чтобы дать рефлексы на гранях. Чёрный или градиентный фон допустим и даже полезен, светлая ювелирка на тёмном фоне выглядит дороже.
Размер кадра, товар занимает 60-70% площади. Слишком крупный план у мелкой ювелирки даёт ощущение "дёшево большое", обратный эффект.
Одежда
Два формата работают одинаково хорошо при разной аудитории. На модели, выше CTR и эмоциональная вовлечённость, но требует постоянной модели и студии. Плоско (флэтлей), быстрее в производстве, лучше для базовых вещей и однотонных моделей.
Для женской одежды на маркетплейсах статистически чуть лучше работает фото на модели. Для мужской и базовой, флэтлей часто выигрывает в конверсии за счёт чистоты восприятия фасона.
Электроника
Лицевая панель под небольшим углом, чтобы был виден объём корпуса. Чистый фон, нейтральный свет. Без контровых бликов, скрывающих форму. Аксессуары из комплекта, на отдельном слайде, не на главном.
Еда
Готовый, "съедобный" вид. Для сухих продуктов главное фото это товар в упаковке плюс минимальный пропс, приготовленное блюдо отдельным слайдом. Свет всегда мягкий и тёплый, холодный белый делает еду неаппетитной.
Мебель
Покупателю нужны и пропорция (вписывается ли в комнату), и фактура. Главное фото лучше делать в нейтральном интерьерном фоне с одним-двумя предметами-якорями (растение, ваза, лампа), которые помогают считать масштаб. Стерильный белый куб без пропорции не работает, перегруженный домашний фон тоже.
A/B тестирование главного фото
WB и Ozon не дают встроенный A/B-инструмент для главного фото. Тестировать приходится последовательно.
Базовая методика:
- Зафиксируйте период замера, минимум 7 дней, лучше 14, чтобы убрать недельную сезонность.
- Запишите базовые метрики: CTR в выдаче, конверсия в добавление в корзину, конверсия в заказ.
- Меняйте только главное фото, оставляя все остальные слайды, описание, цену, отзывы без изменений.
- Замерьте те же 7-14 дней после замены.
- Сравните не только CTR, но и конверсию глубже по воронке. Новое фото может поднять CTR, но просадить заказы, если "обещает" не то, что в товаре.
На категориях с быстрой ротацией (одежда, аксессуары) можно тестировать каждые две недели. На "тяжёлых" категориях (мебель, бытовая техника) реже, раз в полтора-два месяца.
Важно: смена главного фото временно сбрасывает часть рейтинга карточки в алгоритме. Это нормально, через 3-5 дней позиции восстанавливаются, если фото действительно лучше старого.
Самые частые ошибки
Список собран из аудитов карточек, которые приходят к нам с просьбой "поднять конверсию".
- Нелепый ракурс. Чашка снизу, обувь сверху-в-упор, телефон ребром. Креатив ради креатива, который мешает считать товар.
- Сложный, "квартирный" фон. Ковёр, шторы, узорчатые обои за товаром. Глаз цепляется за фон, а не за продукт.
- "Пыль" и мелкий мусор в кадре. Видимые ворсинки на чёрной посуде, отпечатки пальцев на глянце, крошки от ластика на белом фоне. Ретушёр такие следы убирает за минуты, но самостоятельная съёмка их часто пропускает.
- Лента-вокзал. Фоновая ткань с заломами и складками, особенно когда виден край подложки. Сразу читается как "снимали на коленке".
- Пересвеченные блики. Глянцевый товар без управляемого света даёт белые "дыры" в кадре, где должна быть фактура.
- Слишком тёмные тени. Контрастный софт, который кажется в редакторе "стильным", в выдаче рядом со светлыми соседями выглядит как недосвеченный брак.
- Кадр с дополнительным товаром, чтобы "показать вариативность". Все цвета сразу на главном фото, это шум. Главное фото, один товар. Вариативность на отдельных слайдах.
Когда нужен профессиональный фотограф
Селф-съёмка на смартфон в лайтбоксе работает для категорий, где средний чек до 500-700 рублей и конкуренция умеренная. Чек выше, плотность конкурентов выше, цена ошибки начинает превышать стоимость профессиональной съёмки.
Сигналы того, что пора звать профи:
- Средний чек товара от 1000 рублей и выше.
- В категорийной выдаче WB/Ozon более 50% карточек явно профессионально сняты.
- Вы запускаете новый бренд и хотите единый визуальный стиль всех карточек.
- Категория требует макро (ювелирка, мелкая электроника, аксессуары) или сложный свет (стекло, металл, глянец).
- Вы планируете платное продвижение, реклама множит и достоинства, и недостатки фото.
В нашей студии предметной съёмки комплект из 5-7 кадров для одной карточки выходит дешевле, чем потери от низкого CTR за один-два месяца на среднеконкурентной категории. Это считается математикой, а не вкусом.
Как сменить главное фото без падения позиций
Алгоритмы WB и Ozon оценивают карточку по поведенческим метрикам (CTR, конверсия, отказы). При замене главного фото на 1-3 дня метрики сбиваются, потому что часть аудитории "не узнаёт" карточку.
Чтобы пройти этот провал мягко:
- Не меняйте главное фото на пике сезонного спроса для вашей категории. Лучше за 2-3 недели до пика.
- Заливайте новое фото в выходные или поздно вечером, когда трафик минимален.
- Меняйте только главное, остальные слайды оставляйте те же. Алгоритм отслеживает структуру карточки, полная перезаливка читается как "новый товар".
- Не меняйте одновременно цену и фото. Один фактор за раз.
- Дайте 5-7 дней на стабилизацию, прежде чем оценивать результат. Резкая реакция в первые 48 часов не репрезентативна.
Если у вас десятки карточек, не меняйте все одновременно. Каскадная замена партиями по 5-10 карточек в неделю даёт более мягкое перетекание трафика.
Что делать дальше
Если читаете эту статью, у вас вероятно либо есть карточки с проседающим CTR, либо вы запускаете новый товар и хотите сделать сразу правильно.
Первое, что можно сделать прямо сегодня: откройте свою карточку в выдаче WB/Ozon с телефона в режиме инкогнито, посмотрите на неё на фоне соседей и спросите себя честно, какая из 12 карточек вокруг вашей хуже. Если ответа нет, проблема найдена.
Второе, проверьте по чек-листу из 12 правил выше, какие нарушаются. Часто хватает поправить 2-3 пункта, чтобы CTR вырос на 20-30 процентов.
Третье, если категория конкурентная и средний чек выше 1000 рублей, считайте экономику профессиональной съёмки. Мы делаем предметную фотосъёмку для маркетплейсов и инфографику для карточек с фокусом именно на CTR и конверсию, а не на "красиво". Разница ощутима в первые 2-3 недели после замены.
Главное фото это не картинка. Это первый и часто единственный шанс попасть в корзину.