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

Разовый дизайн решает задачу одной карточки. Шаблон решает задачу всего каталога и всех будущих поступлений. Разница видна не сразу, а на объёме и на дистанции.

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

Второе это узнаваемость. Когда все ваши карточки построены на одном шаблоне, покупатель в выдаче начинает узнавать бренд ещё до того, как прочитает название. Единая цветовая линия, одинаковые плашки преимуществ, один и тот же стиль иконок работают как визуальная подпись. Это особенно важно, когда у вас несколько десятков позиций в одной категории и они стоят в выдаче рядом.

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

Источников много, и у каждого своя логика применения. Разберём основные.

Canva

Самый доступный вход для тех, кто не работает в профессиональных редакторах. В библиотеке Canva есть готовые вертикальные макеты формата 900x1200 px, которые подходят под карточки маркетплейсов. Плюсы: низкий порог входа, работа прямо в браузере, большой запас бесплатных элементов. Минусы: многие красивые макеты платные, а бесплатные версии часто узнаваемы, потому что ими пользуются тысячи продавцов. Canva хороша как стартовая площадка и как инструмент для мелких правок, но полагаться только на её типовые шаблоны рискованно с точки зрения уникальности.

Figma

Профессиональный выбор для тех, кто собирается строить систему. В Figma Community выложены специализированные наборы под Wildberries и Ozon, часто с уже размеченными безопасными зонами и компонентами. Главное преимущество Figma это компоненты и автолейаут: вы один раз собираете плашку преимущества или блок характеристик, а дальше переиспользуете её во всех карточках. Поменяли цвет в мастер-компоненте, он поменялся во всех слайдах. Именно на Figma удобнее всего строить масштабируемый шаблон под большой каталог.

Готовые наборы и PSD

Платные бандлы это целые дизайн-системы: обложка, набор слайдов, иконки, шрифтовые пары, готовые фоны. Такие наборы продают на маркетплейсах дизайн-ресурсов и в тематических сообществах. По ценам они обычно укладываются в диапазон примерно от 300 до 2000 рублей за комплект, но конкретные суммы зависят от продавца и объёма набора, поэтому ориентируйтесь на актуальные предложения. PSD-шаблоны под Photoshop дают максимум контроля над каждым пикселем и подходят, когда нужен сложный ретушный монтаж, тени, реалистичные подложки. Взамен они требуют навыка работы в Photoshop и хуже масштабируются, чем компонентная система в Figma.

Подписки и Pro-версии

Отдельная статья это платные подписки редакторов. Canva Pro (ориентировочно около 500 рублей в месяц, уточняйте текущий тариф) открывает премиальные элементы, удаление фона, изменение размеров в один клик и хранение брендовых наборов. Для команды, которая делает карточки постоянно, подписка окупается экономией времени. Для разового запуска пары товаров она избыточна.

Готовый шаблон закрывает 70 процентов задач, но по-настоящему сильный каталог получается, когда у вас есть собственный мини бренд-бук карточки. Это не толстый корпоративный документ, а компактный набор правил, который умещается на одном экране и которому следуют все, кто трогает ваши карточки.

Сетка

Сетка это скелет. Задайте поля от краёв (безопасный отступ, за который не заходит важный контент), количество колонок и базовый шаг между блоками. Для вертикали 900x1200 px удобно работать с внешними полями примерно 60-80 px и единым вертикальным ритмом. Когда сетка зафиксирована, любой слайд собирается предсказуемо, а серия слайдов выглядит как единое целое, а не как случайный набор.

Шрифты

Достаточно двух шрифтов: один для заголовков, один для основного текста. Иногда хватает и одного семейства с разными начертаниями. Пропишите конкретные кегли: заголовок слайда, подзаголовок, текст плашки, подпись. Ключевое правило читаемости в том, что карточку смотрят с телефона, поэтому основной текст не должен быть мельче условных 28-32 px в пересчёте на макет 900x1200. Если текст приходится щуриться, чтобы прочитать, шаблон работает против вас.

Цвета

Палитра из трёх-четырёх цветов: основной (акцент бренда), дополнительный, нейтральный фон и цвет для важных выделений вроде цены или скидки. Зафиксируйте коды цветов, чтобы во всех карточках акцент был буквально одинаковым, а не похожим. Именно единый акцентный цвет сильнее всего склеивает линейку в выдаче.

Иконки

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

Отступы

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

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

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

Один и тот же каркас по-разному наполняется в разных категориях. Шаблон должен быть гибким настолько, чтобы подстраиваться под специфику товара, но жёстким настолько, чтобы держать единый стиль.

Для одежды и обуви на первый план выходят слайды с размерной сеткой, посадкой, тканью и деталями. Здесь важны крупные фактурные кадры и понятные замеры. Для косметики и БАДов критичны состав, эффект, способ применения и юридические оговорки. Для техники и электроники нужны характеристики, комплектация, совместимость и схемы подключения. Для товаров для дома работают сценарии использования, габариты в интерьере, материалы. Для детских товаров упор на безопасность, материалы, возрастные ограничения.

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

Шаблон обязан учитывать технические правила площадок, иначе красивая карточка просто не пройдёт модерацию или отобразится обрезанной. Требования меняются, поэтому перед запуском всегда сверяйтесь с актуальной справкой конкретного маркетплейса, но общая логика такая.

Формат и разрешение

Универсально удобный рабочий формат для карточки это вертикаль с соотношением сторон 3:4. Макет 900x1200 px это надёжный минимум, но лучше готовить в большем разрешении с тем же соотношением, чтобы изображение оставалось резким на крупных экранах. Вертикаль занимает больше площади в мобильной выдаче, а мобайл это основной трафик маркетплейсов.

Текст на изображении

Ключевое ограничение, которое ломает много карточек, это доля текста на изображении. Площадки не любят, когда картинка превращается в сплошную простыню текста. Ориентир для комфортной, читаемой и проходящей модерацию карточки это примерно до 30-40 процентов площади под текст, а на главном изображении текста должно быть минимум или его не должно быть вовсе, чтобы товар был виден чисто. Точные требования к главному фото и к тексту у Wildberries, Ozon и Яндекс Маркета различаются и периодически обновляются, поэтому эту цифру держите как ориентир, а не как закон.

Что обычно запрещено

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

Отдельная карточка может быть идеальной, но сила бренда проявляется, когда рядом стоит вся линейка. Консистентность это когда десять товаров одной серии выглядят как одна семья.

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

Для серий с вариациями (разные цвета, вкусы, объёмы одного товара) полезно предусмотреть в шаблоне цветовое кодирование или явный слайд-навигатор, который показывает всю линейку. Так покупатель сразу видит выбор и реже уходит искать альтернативу.

Шаблон ускоряет работу, но он же тиражирует ошибки, если они заложены в заготовку. Вот что чаще всего портит карточки, собранные по шаблону.

• Перегруз слайда. Желание уместить всё сразу превращает слайд в свалку. Один слайд это одна мысль. Если на слайде преимуществ шесть пунктов, три подзаголовка и ещё сноска, покупатель не прочитает ничего.
• Мелкий текст. На макете в редакторе текст кажется читаемым, но на экране телефона он превращается в кашу. Всегда проверяйте карточку в реальном размере на смартфоне, а не только на мониторе.
• Шаблон без адаптации. Скачанный и вставленный без изменений чужой шаблон легко узнаётся, потому что им пользуются сотни продавцов. Как минимум поменяйте цвета, шрифты под свой бренд и напишите свои реальные преимущества.
• Смешение стилей. Иконки из разных наборов, два-три несочетающихся шрифта, разнобой в скруглениях и тенях. Всё это ломает ощущение цельности.
• Текст в опасной зоне. Важная информация у самого края или там, где её перекрывает интерфейс площадки или обрезка превью. Отсюда правило безопасных отступов в шаблоне.
• Фон, который спорит с товаром. Слишком яркая или пёстрая подложка перетягивает внимание. Фон это сцена, а не главный герой. Спокойные однотонные фоны, мягкие градиенты или сдержанные фактуры (бетон, камень, дерево) работают лучше кричащих.
• Низкое разрешение элементов. Растянутая иконка или мыльный фон обесценивают даже хороший товар. Все элементы шаблона должны быть в достаточном разрешении под финальный размер.

Это не выбор или-или, а вопрос стадии и объёма. У каждого подхода своя зона применения.

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

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

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

Когда позиций сотни, ручная сборка каждой карточки перестаёт быть вариантом. Здесь шаблон превращается из удобства в необходимость, а вокруг него выстраивается процесс.

Первый уровень автоматизации это компонентный шаблон в Figma. Плашки, блоки характеристик, обложки собраны как переиспользуемые компоненты. Данные (характеристики, преимущества) можно подтягивать через плагины из таблиц, так что заполнение карточки сводится к подстановке значений, а не к ручной вёрстке каждого слайда.

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

Третий уровень это вспомогательные инструменты. Удаление и замена фона, приведение к единому размеру, подготовка подложек ускоряются онлайн-инструментами, которые снимают рутину с людей. Часть таких задач можно закрыть нашими онлайн-инструментами обработки, чтобы не тратить время команды на однотипные операции.

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

Прежде чем запускать шаблон в работу на весь каталог, прогоните его по этому списку.

• Формат вертикальный, соотношение 3:4, разрешение не ниже 900x1200 px.
• Заданы безопасные отступы от краёв, важный контент не заходит в опасные зоны.
• Зафиксированы два шрифта и конкретные кегли для каждого типа текста.
• Основной текст читается на экране телефона без прищуривания.
• Палитра из трёх-четырёх цветов с точными кодами, единый акцент бренда.
• Иконки из одного набора в одном стиле и одном размере.
• Единые внутренние отступы в плашках и между блоками, есть воздух.
• Заложены типовые слайды: обложка, преимущества, характеристики, габариты, применение, отзывы, гарантия, сравнение.
• Доля текста на изображении в разумных пределах, главное фото чистое.
• Нет зон под запрещённые площадками элементы (чужие логотипы, контакты, обещания скидок).
• Шаблон собран на компонентах, правка в мастере меняет все карточки.
• Линейка из нескольких товаров, собранная по шаблону, выглядит единой семьёй.
• Все элементы в достаточном разрешении, ничего не мылит и не пикселит.

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

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

Разделите файл на понятные зоны. Отдельно библиотека компонентов (плашки, иконки, блоки характеристик, кнопки-навигаторы), отдельно палитра и шрифтовые стили, отдельно готовые шаблоны слайдов, отдельно рабочая область, где собираются конкретные карточки. Компоненты и стили это источник правды: любую системную правку вносят только там, а она автоматически расходится по всем карточкам. Такой порядок особенно важен в Figma, где мастер-компонент управляет всеми экземплярами сразу.

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

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

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

Универсально удобный рабочий формат подложки это та же вертикаль 900x1200 px, готовая заранее в нескольких вариантах под разные слайды. В шаблон стоит заложить несколько типов фонов и правила их применения. Однотонный светлый фон это база для обложки и слайдов, где товар должен читаться максимально чисто. Мягкий градиент добавляет глубины, не перетягивая внимание, и хорошо смотрится на слайдах преимуществ. Сдержанная фактура (бетон, гранит, мрамор, светлое дерево) уместна там, где нужно передать характер товара или намекнуть на сценарий использования, например камень под украшениями или дерево под посудой.

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

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

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

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

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

Важный принцип в том, что улучшения шаблона распространяются на всю линейку. Если вы нашли более сильную структуру слайда преимуществ, вы вносите её в мастер-компонент и обновляете все карточки разом. Именно поэтому вложения в тестирование шаблона окупаются лучше, чем доработка отдельной карточки: вы улучшаете систему, а не единичный экземпляр.

Можно ли просто взять бесплатный шаблон из Canva и не переделывать?

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

В чём разница между Canva и Figma для инфографики?

Canva это простой браузерный редактор с низким порогом входа, хорош для быстрых карточек и мелких правок. Figma это профессиональный инструмент с компонентами и автолейаутом, на нём удобно строить масштабируемую систему под большой каталог. Для пары товаров хватит Canva, для серьёзного ассортимента лучше Figma.

Сколько слайдов должно быть в карточке?

Жёсткого числа нет, но рабочий диапазон это примерно от пяти до восьми слайдов. Обложка, два-три содержательных слайда под нишу, отзывы или социальное доказательство, гарантия или комплектация. Больше десяти слайдов покупатель обычно не досматривает, поэтому важнее не количество, а порядок и логика.

Какой размер делать для Wildberries, Ozon и Яндекс Маркета?

Универсально безопасный формат это вертикаль 3:4, макет 900x1200 px или больше с тем же соотношением. Он подходит под все три площадки. Конкретные требования к разрешению и главному фото у площадок различаются и обновляются, поэтому перед загрузкой сверьтесь с актуальной справкой каждого маркетплейса.

Сколько текста можно размещать на карточке?

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

Готовый шаблон или заказать индивидуальный дизайн?

Оптимально гибридно: один раз разработать сильную индивидуальную шаблон-систему со своим бренд-буком карточки, а потом собирать по ней весь каталог. Так вы получаете и уникальность, и скорость. Чисто готовые шаблоны хороши для старта и тестов, чисто индивидуальный дизайн каждой карточки не масштабируется на большой ассортимент.

Как сделать так, чтобы вся линейка товаров смотрелась единообразно?

Зафиксируйте в шаблоне постоянные элементы: положение и стиль логотипа, цвет и форму плашек, стиль обложки, единый набор иконок и палитру. Меняйте только сам товар и его данные. Для вариаций одного товара добавьте цветовое кодирование или слайд с навигацией по линейке, тогда каталог читается как единая семья.

Как масштабировать инфографику на сотни товаров без потери качества?

Стройте компонентный шаблон в Figma, подтягивайте данные из таблиц через плагины, разделите работу на конвейер (съёмка, обработка фона, сборка по шаблону) и используйте онлайн-инструменты для рутинных операций вроде удаления фона и приведения к единому размеру. Чем больше решений зашито в шаблон заранее, тем быстрее и стабильнее производство на объёме.