Добавить в корзинуПозвонить
Найти в Дзене

Дизайн карточки товара 2026: тренды и правила

Чтобы сделать дизайн карточки товара в 2026, начинайте не с «красиво», а с трёх вещей: главное фото считывается за 3-5 секунд (Brand Analytics (1)), серия кадров идёт как история, инфографика берёт на себя то, что текст в карточке маркетплейса сказать не может. На этом построены все актуальные тренды — минимализм с одним акцентом, lifestyle + UGC, видеообложка, типографика без украшательств. Дальше — что конкретно работает и почему, с примерами для WB и Ozon. Хороший дизайн — это не «нравится дизайнеру», а карточка, которая проходит три фильтра. 1. Считываемость за 3-5 секунд. Brand Analytics проанализировал больше 10 000 карточек Wildberries и зафиксировал: покупатель в выдаче решает за 3-5 секунд, кликать или скроллить, а структурированная инфографика поднимает конверсию на 37% (vc.ru (1)). Если за 3 секунды непонятно, что это за товар и в чём ключевая выгода, дизайн не работает — независимо от того, сколько часов на него потратили. 2. Соответствие площадке. WB и Ozon — разные среды.
Оглавление

Чтобы сделать дизайн карточки товара в 2026, начинайте не с «красиво», а с трёх вещей: главное фото считывается за 3-5 секунд (Brand Analytics (1)), серия кадров идёт как история, инфографика берёт на себя то, что текст в карточке маркетплейса сказать не может. На этом построены все актуальные тренды — минимализм с одним акцентом, lifestyle + UGC, видеообложка, типографика без украшательств. Дальше — что конкретно работает и почему, с примерами для WB и Ozon.

Что считается «хорошим дизайном» карточки в 2026

Хороший дизайн — это не «нравится дизайнеру», а карточка, которая проходит три фильтра.

1. Считываемость за 3-5 секунд. Brand Analytics проанализировал больше 10 000 карточек Wildberries и зафиксировал: покупатель в выдаче решает за 3-5 секунд, кликать или скроллить, а структурированная инфографика поднимает конверсию на 37% (vc.ru (1)). Если за 3 секунды непонятно, что это за товар и в чём ключевая выгода, дизайн не работает — независимо от того, сколько часов на него потратили.

2. Соответствие площадке. WB и Ozon — разные среды. У Ozon жёстко регламентированы фоны: для одежды #f2f3f5, для белых и прозрачных товаров — чёрный, для остального — белый (docs.ozon.ru (2)). У WB фон свободнее, но контраст текста обязан быть не ниже 4.5:1 (seller.wildberries.ru (3)). Карточка, перенесённая «как есть» с одной площадки на другую, обычно проигрывает.

3. Единый стиль серии. Все 5-8 кадров должны выглядеть как одна история, а не как сборная солянка из стоков и съёмок разного времени. Тот же фон, та же палитра, та же типографика, та же логика расположения подписей. Если кадры визуально «разваливаются», мозг покупателя читает это как «несерьёзный магазин» — даже не формулируя осознанно.

Дизайн карточки — это не про вкус. Это про эти три фильтра. Если карточка их проходит — она конкурентоспособна. Если нет — никакие тренды не вытянут.

5 трендов дизайна карточек 2026

В 2026 году ландшафт меняется не радикально, но заметно. Аналитика Sostav про инфографику и тренды визуальной коммерции фиксирует пять направлений, которые реально дают рост (Sostav (4)).

Тренд 1: Минимализм + 1 акцентный цвет

Главное направление — минимализм с акцентом на 1-2 ключевых объектах, чистые фоны, ограниченная палитра (Sostav (4)). Идея: фон молчит, товар и одна выгода кричат.

На практике это выглядит так: спокойный нейтральный фон (бежевый, светло-серый, off-white), товар в центре, одна крупная подпись или иконка с ключевой характеристикой, один акцентный цвет — для подписи, кнопки-якоря, контура иконки. Всё.

У этого тренда есть подвид — «минималистский максимализм»: фон остаётся спокойным, но типографика — крупная, контрастная, иногда экспериментальная по форме (Sostav (4)). Это вариант для категорий, где надо одновременно выглядеть дорого и привлекать внимание — премиум-косметика, нишевый парфюм, аксессуары.

Почему работает: за 3-5 секунд мозгу нужно зацепиться за один сигнал, а не за десять. Минимализм даёт ему этот один.

Тренд 2: Lifestyle + UGC-эффект

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

UGC-эффект работает потому, что обходит «рекламный фильтр» мозга. Покупатель смотрит на студийное фото и думает «реклама»; смотрит на UGC-style — и думает «таких, как я, тоже покупают». Это не означает, что фото должно быть некачественным. Качество остаётся, теряется стерильность.

Где это особенно сильно: одежда, бьюти, товары для дома, детское, еда, аксессуары. Где осторожно: электроника от 5 000 ₽ и премиум — там UGC может считываться как «дешево».

Тренд 3: Инфографика-микс (иконки + цифры + крупная подпись)

Инфографика остаётся главным инструментом конверсии на маркетплейсах: качественная инфографика поднимает CTR в среднем на 25-40% (аналитика WB и Ozon, Sostav (4)). Параллельные данные Content Matrix: +25-50% CTR и +15-30% к конверсии (Content Matrix (5)).

В 2026 году побеждает не «много текста на фото», а инфографика-микс: одна крупная цифра или короткая подпись + 2-3 иконки, расшифровывающие детали. «50 мл» крупно — и три иконки снизу: «без парабенов», «гипоаллергенно», «для всех типов кожи». Глаз сначала ловит цифру, потом сканирует иконки.

Топовые категории по инфографике в 2026 — «Электроника», «Бытовая химия», «Детские товары»: в их топ-выдаче доминируют карточки именно с инфографикой (Sostav (4)). Если вы в этих категориях — без инфографики вы уже проиграли.

Тренд 4: Видеообложка на главном

Я.Маркет показал, что видео в карточке даёт прирост конверсии до 45% (Sostav (4)). WB и Ozon тоже постепенно расширяют возможности видеообложек. В 2026 это уже не «приятный бонус», а серьёзный конкурентный фактор — особенно в категориях, где важна динамика: техника в работе, складная мебель в действии, косметика в нанесении.

Видео в 5-15 секунд, без звука, с одной чёткой демонстрацией главной фичи — формат, который работает на всех трёх площадках. Длиннее — никто не досматривает. Короче — не успевает донести идею.

Тренд 5: Серия как «история»

Brand Analytics фиксирует: структурированная серия кадров поднимает конверсию на 37% (vc.ru (1)). Структурированная — значит, кадры идут в осмысленном порядке, а не «как загрузилось».

Универсальная сценарная схема для серии из 6-7 кадров:

  1. Главное фото — товар + ключевая выгода крупно
  2. Композиция / комплектация — что внутри упаковки
  3. Деталь — материал, текстура, конструктивная особенность
  4. Применение — товар в работе или в обстановке (lifestyle)
  5. Сравнение — размеры, варианты, до/после
  6. Доверие — сертификаты, отзывы, рейтинг (где разрешено правилами)
  7. Дополнительный кадр под категорию — гарантия, инструкция, состав

Перестановка слайдов даёт +10-15% конверсии без замены самих кадров (Content Matrix (5)) — то есть последовательность сама по себе важна как контент.

Правила композиции

Композиция карточки опирается на то, как устроен взгляд человека в выдаче маркетплейса. Подробно про F-pattern, иерархию и центр-точку — отдельная статья про психологию карточки. Здесь — короткая версия специально для дизайна.

F-pattern. Глаз сканирует кадр по F-образной траектории: верхний левый угол → горизонтально вправо → спуск по левой стороне. Значит, ключевая выгода или самая выразительная часть товара — в верхней трети и ближе к левому краю. Правый нижний угол просматривается слабо.

Центр-точка. Сам товар почти всегда — в визуальном центре или чуть выше центра. Если товар «приплюснут» к низу или болтается в углу, мозг считывает это как «непрофессионально».

Иерархия размеров. Один элемент должен быть очевидно главным. Если на карточке три подписи одного размера и три иконки одного размера — глаз не знает, куда смотреть в первую очередь. Правило: один элемент — 100% размера, второй — 60%, третий — 40%. Не наоборот, не поровну.

Воздух. Свободное пространство — это не «пустота, которую надо заполнить». Это инструмент, который выделяет главное. В дизайне 2026 воздуха стало больше, не меньше.

Типографика для карточки маркетплейса

Шрифт делает половину работы дизайнера. Плохой шрифт убивает даже хорошую композицию.

Семейство. Только sans-serif. Засечные шрифты в карточке маркетплейса не читаются на мобильном превью. Рекомендуемые в 2026 году — Inter, Roboto, Manrope, Open Sans (Sky.pro (6), Fabula AI (7)). Все они спроектированы под экраны и хорошо смотрятся в любых кеглях.

Кегли. Основной текст — минимум 16 px на мобильном превью. Заголовки и крупные подписи — от 24 px (Sky.pro (6)). Меньше — не читается, особенно у возрастной аудитории. Если вы в категории, где целевая аудитория старше 35-40 (БАДы, товары для дома, инструменты) — кегли смело увеличивай.

Контраст. Минимум 4.5:1 для основного текста по правилам WB (seller.wildberries.ru (3)). Это не просто рекомендация — это требование площадки. Серый текст по светло-серому фону площадка может отклонить.

Количество шрифтов. Не более 2-3 на одной карточке (Fabula AI (7)). Обычно достаточно одного семейства с разными насыщенностями (Regular для основного, Bold для акцентов, Light для подписей).

Брендинг. Грамотная работа с типографикой и узнаваемым шрифтом даёт прирост CTR до 27% (Fabula AI (7)). Это работает в долгую: если все ваши карточки в магазине набраны одним шрифтом и в одной системе кеглей, серия начинает узнаваться.

Цвет

Цвет в карточке решает две задачи: выделиться в выдаче и сформировать восприятие товара как «дорогого/недорогого», «премиум/масс».

Палитра по категориям. Электроника и инструменты — холодные тона, белый, чёрный, тёмно-синий. Косметика и парфюм — спокойные нейтрали (бежевый, off-white, тёплый серый) для премиум; яркие пастельные — для масс-маркета и молодой аудитории. Детское — пастель, мягкие цвета, белый. Дом и интерьер — тёплые натуральные тона, дерево, лен. Спорт — энергичные акценты (красный, оранжевый, неон) на нейтральной базе.

Правило акцентного цвета. Один цвет на карточке — главный. Все остальные служат фоном. Если акцентов два-три и они равноправны — глаз растеривается. Акцент — это цвет ключевой подписи, иконки, контура. Чаще всего его берут из самого товара или бренда.

Фоны на Ozon. Жёстко регламентированы: #f2f3f5 для одежды, чёрный для белых и прозрачных товаров, белый для остального (docs.ozon.ru (2)). Это касается главного фото — на остальных кадрах фон свободнее.

Фоны на WB. Регламента по конкретным цветам нет, но рабочее правило — нейтральный фон, который не конкурирует с товаром. Цветной фон допустим, если он осознанно работает на категорию (детское, бьюти, сезонные акции) и не мешает контрасту текста.

Что НЕ работает в дизайне 2026

Список того, что в 2026 году уже не вытягивает или вредит карточке.

Перегруз. Восемь подписей, пять иконок, две стрелки, три рамки на одном кадре — это шум, а не дизайн. Мозг за 3 секунды успевает обработать 1-2 элемента, не больше.

Низкий контраст. Бледный текст на цветном фоне, тонкие шрифты на градиенте, серый по серому. Не проходит правило 4.5:1 — карточку может отклонить площадка, не отклонит — её просто не прочитают.

Кликбейтные плашки. «-90%», «Только сегодня!», «Хит продаж!» поверх главного фото — нарушение правил и WB, и Ozon. Площадка может скрыть карточку из выдачи. Эти триггеры — для отдельных кадров серии или для встроенных промо-инструментов площадки, не для рекламных плашек поверх фото.

Смешение стилей серии. Первый кадр студийный, второй — стоковый lifestyle, третий — скриншот из видео, четвёртый — инфографика в другом шрифте. Это убивает доверие сильнее, чем плохое качество одного отдельного фото.

Шрифты с эмоцией не по делу. Рукописный шрифт на карточке электроники, готический — на детских товарах, ультра-современный sans-serif — на товарах «для бабушек». Шрифт должен совпадать с категорией и аудиторией.

Gen Z тренды не в своём месте. Динамичные градиенты, мемы, стикеры, эмодзи, коллажи (Sostav (4)) работают, но только там, где это уместно по аудитории: молодёжная одежда, бьюти для подростков, гаджеты-аксессуары, сладости. Те же приёмы на карточке премиум-косметики или БАДов выглядят неуместно.

AI и дизайн — как Obliq решает рутинные дизайн-задачи

Большая часть работы над дизайном карточки — рутина: пересобрать ту же композицию в новом фоне, перепроверить кадры с другой типографикой, сделать пять вариантов главного фото для A/B-теста, адаптировать карточку под Ozon после WB. Это не творчество — это однотипная работа, которая раньше отнимала часы.

Obliq на модели Nano Banana 2 генерирует кадры карточки и инфографику за ~30 секунд на кадр. Загружаете фото товара, указываете сценарий, получаете серию. Состав пакетов и цены — на странице тарифов. Первая генерация — бесплатно, можно проверить на своём товаре без оплаты.

Где Obliq реально снимает рутину: пересборка серии под другой фон, тесты разных композиций без новой студийной съёмки, быстрая адаптация дизайна под требования Ozon vs WB, генерация инфографических кадров. Это не замена арт-директора и не «магическая кнопка» — это инструмент, который убирает большую часть механической работы и оставляет голове креативные решения. Подробнее про то, как именно AI-инфографика работает на маркетплейсах — в статье «AI-инфографика для маркетплейса: что работает».

И обратная связь по дизайну. Когда сгенерировал 5 вариантов главного фото — следующий шаг не «выбрать красивое», а A/B-тестировать. Дизайн карточки в 2026 — это не «один раз нарисовали и забыли», это итеративный процесс, в котором побеждает тот, кто быстрее проверяет гипотезы.

FAQ

Нужен ли дизайнер для карточки на маркетплейсе в 2026?

Зависит от объёма. Для 1-5 артикулов в нишевой категории — можно справиться без дизайнера, используя шаблоны и AI-инструменты типа Obliq. Для магазина с десятками SKU и серьёзными бюджетами на трафик — дизайнер нужен как минимум на этапе разработки визуальной системы (фон, типографика, палитра, шаблоны серии). Дальше эту систему может тиражировать оператор + AI. Полностью без дизайнерского мышления карточки в премиум-категориях не сделать.

Какие шрифты использовать в инфографике?

Sans-serif: Inter, Roboto, Manrope, Open Sans — все спроектированы под экран, читаются в любом кегле и есть в свободном доступе (Sky.pro (6), Fabula AI (7)). Основной текст — от 16 px на мобильном, заголовки — от 24 px. Не больше 2-3 шрифтов в одной карточке, а лучше — один шрифт с разными насыщенностями (Regular, Bold, Light).

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

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

Можно ли копировать дизайн топовых конкурентов?

Анализировать — обязательно. Копировать — нет. Прямое копирование — это, во-первых, юридический риск (нарушение копирайта на дизайн и фото). Во-вторых, копия всегда проигрывает оригиналу в восприятии: даже если визуально похоже, мозг считывает «вторичное» и доверие падает. Бери из чужих карточек принципы — структуру серии, расположение инфографики, цветовые решения — но реализуй по-своему, под свой товар и аудиторию.

Сколько стоит сделать дизайн карточки через AI?

В Obliq одна генерация — несколько искр (порядок нескольких десятков рублей по актуальным тарифам). На карточку из 6-7 кадров уходит около двух-трёх сотен рублей при условии, что каждый кадр получается с первой генерации. На практике обычно нужно 1-2 переделки на кадр, итого порядок 400-500 ₽ на полную серию. Первая генерация — бесплатно, можно собрать пробную карточку без оплаты и понять, подходит ли формат.

Источники

  1. (1) https://vc.ru/marketing/968137-kak-sozdat-effektivnuyu-infografiku-dlya-kartochek-tovarov-na-wildberries
  2. (2) https://docs.ozon.ru/global/products/upload/adding-content/image-requirements/
  3. (3) https://seller.wildberries.ru/instructions/ru/ru/material/item-photo-rules-recommendations-and-common-mistakes
  4. (4) https://www.sostav.ru/publication/infografika-kotoraya-prodaet-80601.html
  5. (5) https://contentmatrix.ru/blog/ctr-wildberries-15-sposobov/
  6. (6) https://sky.pro/wiki/digital-art/kak-vybrat-shrifty-dlya-kartochek-tovara/
  7. (7) https://fabula-ai.com/blog/fonts