Карточка товара как витрина: почему дизайн решает всё на Wildberries
Опубликовано: 17.04.2026
Скроллить каталог Wildberries — это как бродить по огромному торговому центру без навигации. Ряды полок, одинаковые ряды лиц, бесконечные белые фоны. Покупатель не читает описания и не смотрит характеристики, пока его что-то не зацепит визуально. Это происходит за доли секунды, и конкуренция здесь нечестная: тот, кто понятнее на картинке, забирает клик.
В этой теме дизайн карточки товара — не про красоту ради красоты. Он про понятность: человек должен мгновенно считать, что перед ним именно то, что ему нужно.
Визуальный пример к этому фрагменту статьи.Главное фото — единственный шанс на первое впечатление
На мобильном экране видно одно изображение. Если оно не справляется с задачей — всё остальное не имеет значения. Характеристики, отзывы, доставка — всё это существует только для тех, кто уже кликнул.
Удачное главное фото отвечает на три вопроса:
- Что это за предмет?
- Какой он в реальности, а не в студийной магии?
- Почему стоит посмотреть именно эту карточку, а не соседнюю?
Чистый белый фон — стандарт платформы, и его стоит соблюдать. Но внутри этого белого квадрата есть пространство для решения. Товар можно поставить ровно по центру, как музейный экспонат. А можно показать в контексте: крем для рук — рядом с красивой кожей, коврик для йоги — в интерьере. Второй вариант работает лучше, потому что мозг сразу примеряет вещь на свою жизнь.
Важный момент — масштаб. Если продавец работает с мелкими товарами — например, с бижутерией или декоративной косметикой, товар должен занимать максимум площади кадра. Мелкая серёжка в центре огромного белого пространства теряется и выглядит дешёво.
Слайды: инфографика вместо галереи случайных кадров
После главного фото покупатель свайпает. И здесь большинство продавцов допускают одну и ту же ошибку: показывают товар с разных ракурсов без объяснений. Пять фотографий одной и той же тарелки под разными углами не несут информации.
Каждый слайд — это конкретный аргумент к покупке. Логика простая:
- Главное фото — привлечение внимания.
- Размеры и масштаб — товар рядом с линейкой, монетой, рукой. Покупатель должен понять габариты без рулетки.
- Детали и текстура — крупный план швов, ткани, поверхности. То, что нельзя увидеть на основном кадре.
- Состав и материалы — иконки или короткий текст прямо на картинке.
- Сценарий использования — товар в действии.
- Упаковка — особенно актуально для подарочных позиций.
Инфографика на слайдах работает потому, что текстовые характеристики люди читают редко. Короткая надпись «100% хлопок» на ярком плашке считывается за мгновение. Плотный абзац в блоке характеристик — нет.
Цвет, шрифты и композиционная грамотность
Визуальный шум на маркетплейсе уже достаточно высок. Добавлять к нему кричащие цвета и витиеватые шрифты — значит конкурировать с этим шумом, а не выделяться из него.
Рабочая схема — один акцентный цвет на всю карточку. Если товар зелёный, плашки и стрелочки на инфографике тоже зеленые, но чуть другого оттенка. Это создаёт визуальное единство: покупатель свайпает слайды и понимает, что всё это — один и тот же товар, одна история.
Со шрифтами осторожнее. Строгий гротеск без засечек читается лучше всего. Декоративные шрифты уместны только если сам товар из категории «праздник», «ручная работа» или «люкс». Во всех остальных случаях они создают ощущение дешёвых вывесок.
Композиция на слайдах строится по принципу чтения: слева направо, сверху вниз. Главное сообщение — в верхней трети кадра. Подробности — ниже. Если перевернуть телефон, текст не должен стать нечитаемым.
Текст на картинках: тонкая грань
Инфографика без текста — просто фото. Но и текста не должно быть слишком много. Правило простое: если на слайде больше пятнадцати слов — это уже не инфографика, а статья, которую никто не будет читать на картинке.
Короткие фразы работают лучше предложений. Не «Наш товар изготовлен из натуральной кожи высокого качества», а «Натуральная кожа». Не «Подходит для использования в домашних условиях и на природе», а «Дом и дача». Покупатель сам додумает остальное, если ему дадить направление.
Размер шрифта — минимум 24 пункта для основного текста на мобильном. Меньше — и это превратится в неразборчивое пятно. Проверить просто: открыть макет на телефоне, отодвинуть на расстояние вытянутой руки. Если читается — порядок.
Ошибки, которые убивают конверсию
Водяные знаки с логотипом магазина на каждом слайде — привычка из прошлых лет, которая сейчас только раздражает. Платформа сама защищает контент, а лишний визуальный элемент снижает доверие.
Несоответствие цвета. Фотографировали при тёплом свете, а в реальности товар холодный оттенок. Покупатель получит не то, что ожидал, и вернёт товар. Отрицательный отзыв обеспечен, а возвраты бьют по ранжированию.
Слишком идеальная ретушь. Если на фото кожа выглядит как пластик, а ткань — как глянцевая бумага, покупатель не поверит. Лёгкая обработка в порядке, но тотальная перерисовка создаёт подозрение, что товар в жизни выглядит значительно хуже.
Отсутствие масштаба — классическая проблема. Красивый подсвечник на белом фоне может оказаться размером с карандаш. И это выяснится только после доставки.
Как понять, что дизайн работает
Метрики на Wildberries дают достаточно данных. Если карточка собирает показы, но не получает клики — проблема в главном фото. Люди видят товар в выдаче, но он их не привлекает.
Если клики есть, но нет добавлений в корзину — скорее всего, слайды не донесли ключевую информацию. Покупатель зашёл, посмотрел, не нашёл ответа на свой вопрос и ушёл.
Самый надёжный способ тестирования — A/B эксперименты. Две разные главные фотографии, остальное без изменений. Через неделю сравнить CTR. Иногда замена одного кадра увеличивает кликабельность на 30–40%, и это не преувеличение.
Дизайн карточки на Wildberries — это не творческий акт, а системная работа с вниманием покупателя. Тот, кто относится к слайдам как к витрине, а не как к формальности, получает больше кликов при тех же затратах на продвижение. И это не магия — просто уважение к времени человека на другой стороне экрана.
