К содержимому

Инфографика для маркетплейса — что это простыми словами и примеры для одежды

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

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

Что такое инфографика для маркетплейсов простыми словами

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

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

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

Чтобы не путать соседние понятия:

  • Обычное товарное фото показывает вещь, но ничего не подписывает.
  • Описание — связный текст в карточке, его читают те, кто уже заинтересовался.
  • Инфографика — тезисы и знаки прямо на изображениях галереи.
  • Рич-контент — отдельный блок из картинок, текста и видео в описании карточки; он пользуется теми же приёмами, но живёт ниже галереи.

Из чего состоит слайд: фото, текст и навигация

Любой слайд складывается из трёх слоёв, и слабый нижний слой не спасут никакие плашки.

  1. Базовое фото. Резкая вещь, правдивый цвет, понятный ракурс и свободное место под текст. Если ткань на снимке вышла серой, а в жизни она графитовая с блеском, подписи уже не помогут.
  2. Текстовый слой. Заголовок с одной мыслью и три–пять тезисов по два–четыре слова. Цифры — с единицами измерения: не «плотный трикотаж», а «плотность 240 г/м²», если эта цифра есть в спецификации поставщика.
  3. Навигация. Иконки, выноски со стрелками, линейки замеров, нумерация. Они показывают, к какой части вещи относится каждый тезис.
ЭлементНа какой вопрос отвечаетПример для одежды
Плашка с составомИз чего сшито«Хлопок 95%, эластан 5%»
Выноска к деталиЧто особенного в крое«Двусторонняя молния», «Карман на кнопке»
Схема замеровКакой длины и ширины вещьДлина по спинке, длина рукава, ширина по груди в сантиметрах
Иконки уходаКак стирать и гладитьСтирка при 30 °C, не отбеливать
Ракурсы на моделиКак смотрится спереди, сбоку и сзадиТри кадра в одну строку
Подсказка по образуС чем носитьЖакет с брюками и с джинсами

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

Место под текст закладывают ещё на съёмке: оставляют воздух с одной стороны кадра, детали снимают отдельно крупным планом, а не вырезают из общего плана. Растянутый кусок общего кадра на экране телефона мылит, и слайд с выноской «плотная фактура» показывает ровно обратное.

Примеры инфографики для маркетплейса: как раскладывают галерею одежды

Готовой формулы нет, но у одежды сложилась типовая последовательность слайдов. Так выглядит галерея для платья-миди:

  1. Обложка. Платье целиком на модели, фон спокойный, текста нет или одна короткая плашка, если правила площадки её допускают.
  2. Ткань. Макро фактуры, состав и одно свойство, которое видно глазами: матовая поверхность, мягкая драпировка.
  3. Посадка и длины. Модель спереди и в профиль, рядом схема с длиной изделия. Подпись вроде «на модели размер S, рост 172 см» помогает примерить цифры на себя.
  4. Детали. Две–три выноски: пояс, застёжка, разрез, подкладка.
  5. Уход. Иконки стирки и глажки, одна строка про температуру.
  6. Образы. Два–три комплекта: с лодочками на работу, с кедами и джинсовкой на выходные.

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

Хороший пример узнаётся по простому тесту: закройте описание и характеристики, оставьте только галерею. Если по слайдам ясно, из чего вещь, какой она длины, как застёгивается и как за ней ухаживать, инфографика сделана правильно.

Что разрешают и запрещают WB и Ozon

Единого стандарта нет: у каждой площадки свои правила, и их регулярно обновляют. Перед запуском сверяйтесь с действующей справкой для продавцов. Ниже то, что устойчиво повторяется в требованиях Wildberries и Ozon.

  • Формат кадра. Для одежды обе площадки работают с вертикальным изображением 3:4. Пиксели, вес файла и допустимые форматы разобраны в статье требования WB и Ozon к фото для маркетплейсов.
  • Обложка. Ozon в требованиях к главному изображению запрещает рекламные надписи и водяные знаки, поэтому плашки с преимуществами там обычно начинают со второго слайда. На Wildberries обложку тоже стоит держать чистой: в каталоге поверх превью площадка рисует свои значки — скидку, избранное, метки акций, — и текст в углах рискует оказаться под ними. Допустимость надписей на первом кадре проверяйте в справке продавца перед загрузкой.
  • Содержание. Под запретом контакты продавца, ссылки и QR-коды на сторонние ресурсы, чужие товарные знаки в духе «как у известного бренда», недоказуемые «лучший» и «№1».
  • Соответствие карточке. Цифры на слайде должны совпадать с характеристиками. Состав «хлопок 100%» на картинке и «хлопок 80%, полиэстер 20%» в полях — повод для претензии покупателя и для вопросов модерации.

Как нейросеть помогает с инфографикой и где её границы

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

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

Текст лучше собирать отдельно, в графическом редакторе или шаблоне. Генеративные модели всё ещё могут ошибиться в буквах и цифрах, особенно в кириллице, а на инфографике опечатка в составе ткани — уже не дизайн, а недостоверная информация о товаре. В редакторе вы контролируете шрифт, размер и каждую цифру.

Границы, которые стоит держать в голове:

  • ИИ-кадр показывает, как вещь смотрится на фигуре: силуэт, пропорции, цвет. Посадку он не измеряет. Замеры для схемы снимайте с реального изделия линейкой.
  • Сверяйте детали. Если на сгенерированном снимке появился лишний карман или изменилась форма воротника, такой кадр в карточку не идёт: покупатель получит не ту вещь, которую видел.
  • Цвет проверяйте рядом с образцом ткани при дневном свете. Расхождение оттенка покупатель заметит первым, как только откроет пакет.

Частые ошибки на слайдах карточки

Чаще всего слайд убивают три вещи: текста больше, чем товара; шрифт не читается в размере превью; плашка лежит поверх той самой застёжки, ради которой слайд сделан.

  1. Текста больше, чем товара. Вещь должна занимать основную часть кадра, а слайд — нести одну мысль.
  2. Мелкий шрифт. Проверяйте каждый слайд на экране телефона в размере превью, а не на мониторе при увеличении.
  3. Пустые слова. «Высокое качество» и «стильный дизайн» ни на что не отвечают. Замените фактом: «швы обработаны оверлоком», «подкладка из вискозы».
  4. Плашка на главной детали. Надпись закрывает ту самую застёжку, ради которой сделан слайд.
  5. Разнобой. Пять шрифтов и три цвета плашек на соседних слайдах — и карточка выглядит собранной из разных магазинов. Одна сетка, один-два шрифта, один акцентный цвет.
  6. Обещания без опоры. Всё, чего нет в характеристиках и документах поставщика, на слайд не пишут.

Связанные понятия

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

Хорошая инфографика для маркетплейсов начинается не в редакторе, а на съёмке: с кадра, где вещь резкая, цвет честный и есть место под текст. Всё остальное — аккуратная вёрстка фактов, которые покупатель иначе искал бы в описании.

Также называют: инфографика для маркетплейсов, инфографика для карточки товара, инфографика карточек, инфографика товара, инфографика для WB, инфографика для Ozon

Вопросы и ответы

Что такое инфографика для маркетплейсов простыми словами?

Это фотографии в галерее карточки товара, на которых рядом с вещью написаны главные факты о ней: состав, размеры, особенности кроя, уход. Вместо того чтобы читать описание, покупатель листает слайды и сразу видит, что платье сшито из вискозы, застёгивается на потайную молнию сбоку и имеет определённую длину в сантиметрах. Слово пришло из дизайна, где инфографикой называют любую подачу данных картинкой, но на маркетплейсах под ним понимают именно текстовый слой поверх товарного фото: короткие тезисы, иконки, стрелки-выноски, схемы замеров. Появилась она потому, что галерею открывает каждый посетитель карточки, а до описания и характеристик доходят не все. Хорошая инфографика не заменяет честное фото и не приукрашивает вещь. Она выносит на картинку ответы на вопросы, которые покупатель иначе задал бы в чате продавца или не задал бы вовсе и ушёл к соседнему товару.

Какие бывают примеры инфографики для маркетплейса?

Для одежды сложился типовой набор слайдов. Первый — обложка: вещь целиком, чаще на модели, с минимумом текста. Второй — ткань: макро фактуры и плашка с составом. Третий — посадка: модель спереди и в профиль, рядом схема с длиной изделия и подпись о росте модели и размере на ней. Четвёртый — детали: выноски к застёжке, карманам, поясу, подкладке. Пятый — уход: иконки стирки и глажки. Шестой — образы: два-три комплекта с этой вещью. Дальше набор меняется под товар. У джинсов главное — посадка на талии, длина по внутреннему шву и вид сзади. У пуховика — утеплитель, капюшон, манжеты и карманы. Базовой футболке хватит четырёх слайдов, а сложной куртке с отстёгивающимися деталями понадобится семь-восемь. Проверить свою галерею можно простым тестом: спрячьте описание и характеристики и пролистайте только картинки. Если по ним понятно, из чего вещь, какой она длины и как за ней ухаживать, инфографика работает.

Как сделать инфографику для маркетплейса самостоятельно?

Начните не с редактора, а со списка вопросов, которые покупатель задаёт про ваш товар: из чего сшито, какой длины, как застёгивается, как стирать, с чем носить. Каждый вопрос — кандидат в отдельный слайд. Затем подготовьте исходники: резкие фото вещи целиком, крупные планы деталей, снимки на модели и, если нужны схемы, кадр с вырезанным фоном. Место под текст закладывайте ещё на съёмке, оставляя свободное поле с одной стороны кадра. Дальше соберите шаблон в графическом редакторе: одна сетка, один-два шрифта, один акцентный цвет, отступы от краёв, чтобы текст не попадал под значки площадки. На слайд — одна мысль и три-пять тезисов по два-четыре слова. Цифры берите только из спецификации поставщика и собственных замеров линейкой. Готовые слайды проверьте на экране телефона в размере превью и сверьте с характеристиками карточки: состав и замеры на картинке и в полях должны совпадать до цифры.

Можно ли сделать инфографику для маркетплейса с помощью нейросети?

Частично. Нейросеть хорошо справляется с исходным фото: может показать одежду на ИИ-модели, дать серию кадров в одной стилистике, убрать фон с предметного снимка. Это та часть работы, которая при живой съёмке стоит дороже всего, особенно когда артикулов много. С надписями сложнее. Генеративные модели всё ещё могут перепутать буквы и цифры, особенно кириллические, а на инфографике опечатка в составе или замерах превращается в недостоверную информацию о товаре. Поэтому рабочая схема такая: базовые кадры делает нейросеть, текстовый слой собирается в редакторе или шаблоне, где вы контролируете каждую цифру. Любой сгенерированный кадр сверяйте с реальной вещью: форма воротника, число карманов, фурнитура и оттенок должны совпадать. ИИ-снимок показывает, как вещь смотрится на фигуре, но не измеряет посадку, поэтому схему замеров всё равно делают по реальному изделию с линейкой в руках.

Какое фото нужно для инфографики маркетплейса?

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

Сколько слайдов с инфографикой нужно карточке одежды?

Столько, сколько нужно, чтобы закрыть вопросы покупателя: у одежды это обычно три-шесть слайдов после обложки. Меньше трёх — и человек не узнает ни состава, ни длины, а значит уйдёт в соседнюю карточку. Больше шести — последние слайды мало кто долистывает, и туда уезжает как раз то, ради чего карточку открыли. Считать удобнее не слайдами, а вопросами: из чего сшито, какой длины и ширины, как застёгивается, как стирать, с чем носить. Один вопрос — один слайд, лишнее отпадает само. Базовой футболке хватит четырёх слайдов: состав и плотность, горловина, замеры, уход. Платью-миди обычно нужно шесть: ткань крупным планом, посадка и длины, детали кроя, уход, образы. А куртке-трансформеру с отстёгивающимися рукавами и капюшоном понадобится семь-восемь, иначе покупатель не поймёт, что именно получит в посылке. Проверка простая: спрячьте описание и характеристики и пролистайте одни картинки. Всё понятно — слайдов достаточно. Остался вопрос — не хватает одного слайда, который на него отвечает, а не ещё пяти красивых.

Что должно быть в хорошей инфографике для маркетплейса?

Ответы на реальные вопросы покупателя и ничего лишнего. Хорошая инфографика строится вокруг фактов о товаре: составе, замерах, особенностях кроя, фурнитуре, уходе. Каждый слайд несёт одну мысль, вещь занимает основную часть кадра, текст укладывается в три-пять коротких тезисов. Цифры указаны с единицами измерения и совпадают с характеристиками карточки. Шрифт читается на экране телефона в размере превью, а не только на мониторе. Вся галерея выдержана в одной системе: одинаковая сетка, один-два шрифта, один акцентный цвет. Надписи не закрывают важные детали и не лезут в углы, где площадка показывает свои значки. Чего в хорошей инфографике нет: пустых слов вроде «премиальное качество», обещаний, которых нет в документах, чужих брендов, контактов и ссылок. Проверка занимает минуту: спрячьте описание и пролистайте только картинки. Если товар понятен без текста карточки, инфографика свою работу делает.

Чем инфографика для Ozon отличается от инфографики для Wildberries?

Смысл одинаковый, различия — в деталях требований, которые площадки периодически меняют. Разница заметнее всего на первом кадре. Ozon в требованиях к главному изображению запрещает рекламные надписи и водяные знаки, поэтому на обложке там обычно стоит чистое фото товара, а плашки начинаются со второго слайда. На Wildberries обложку тоже стоит держать чистой: поверх превью в каталоге площадка показывает свои значки, и текст в углах может оказаться под ними, а допустимость надписей на первом кадре проверяйте в справке продавца перед загрузкой. Для одежды обе площадки работают с вертикальным кадром 3:4, поэтому одну галерею можно адаптировать под обе, если заранее держать текст подальше от краёв. Запреты по содержанию похожи: контакты и ссылки на сторонние ресурсы, чужие товарные знаки, недоказуемые превосходные степени. Перед запуском сверяйтесь с актуальной справкой продавца каждой площадки: требования обновляются, и то, что проходило модерацию год назад, сегодня могут отклонить.

Можно ли сделать инфографику для маркетплейса бесплатно?

Да, если считать деньги, а не время. Шрифты с открытой лицензией, бесплатные версии графических редакторов и онлайн-конструкторов с шаблонами позволяют собрать слайды без расходов. Платить приходится не за вёрстку, а за исходный кадр: без резкого фото с правдивым цветом шаблон не поможет. Как снять такой кадр дёшево, разобрано в отдельной статье о требованиях WB и Ozon к фото для маркетплейсов. Кадры на модели закрывает нейрофотосессия одежды на ИИ-моделях: у AI Dressup есть бесплатный старт, чтобы проверить результат на своей вещи. Всё остальное на слайде бесплатно и так: сетка, плашки, выноски, иконки ухода, схема замеров по собственным меркам с линейкой. Время уходит не на вёрстку, а на вычитку — опечатка в составе или в сантиметрах обойдётся дороже любого платного шаблона. Бесплатные шаблоны экономят время, но с ними легко получить карточку, похожую на десятки соседних. Поэтому шаблон стоит доработать под свой магазин: свой акцентный цвет, своя сетка, свои формулировки. И проверьте, разрешает ли лицензия шрифтов и картинок из шаблона коммерческое использование.