Психология цвета на карточке товара: как поднять CTR на маркетплейсе
19 июня 2026 · Aiviso
Покупатель принимает первое решение за 90 миллисекунд — до того, как прочитает название товара. В этот момент работает только одно: цвет. Разбираем, как правильно выбрать цветовую схему карточки, чтобы выделиться в листинге и не потерять клиентов на этапе просмотра.
Почему цвет — это деньги, а не эстетика
Один из наших клиентов продавал детские бутылочки на Wildberries. Карточки были грамотно оформлены: белый фон, чёткие фото, правильные размеры. CTR держался на уровне 3,1% при среднем по нише 4,8%. После замены фона с белого на пастельно-голубой и добавления зелёного акцента на инфографике CTR вырос до 5,2% за три недели — это плюс 67% кликов при том же объёме показов.
Дело не в «красиво» или «некрасиво». Дело в том, что мозг покупателя ещё до осознанного анализа присваивает карточке эмоциональный тег: «это безопасно для ребёнка», «это дорого», «это для меня». Цвет — главный носитель этого тега.
Как цвет влияет на решение о покупке
Исследование Nielsen Norman Group показывает: 85% потребителей называют цвет главным фактором при первичном выборе товара. Для маркетплейса это переводится в конкретные метрики:
- CTR (клики из листинга) — цвет фона и основного объекта определяет, выделяется ли карточка среди соседей
- Время на карточке — правильное цветовое сочетание удерживает взгляд, человек листает все фото, а не закрывает после первого
- Конверсия в корзину — цвет CTA-зоны в инфографике («Купить», выделение цены) влияет на готовность кликнуть «В корзину»
- Возвраты — если реальный цвет товара отличается от фото из-за неправильной цветокоррекции, растёт процент возвратов
Значение цветов по категориям
Нет универсального «правильного» цвета. Один и тот же красный работает отлично в продуктах питания и убивает конверсию в медицинских товарах. Всё зависит от категории и от того, что ожидает увидеть целевая аудитория.
Одежда и обувь
В этой категории главная задача фото — показать товар максимально честно. Покупатель должен видеть реальный цвет ткани, фактуру, посадку.
- Белый и светло-серый фон — стандарт для базовых вещей. Нейтральный, не перебивает цвет товара, выглядит профессионально.
- Контрастный фон — работает когда сам товар светлый. Белая рубашка на белом фоне теряется, на светло-бежевом или сером — читается чётко.
- Мятый или «грязный» фон — снижает доверие к качеству товара. Если фон выглядит как пыльный подоконник, товар тоже кажется дешевле.
- Lifestyle-фоны (кафе, улица, интерьер) — хорошо работают для молодёжной и casual-одежды, добавляют контекст «куда носить». Для базовой одежды — лишнее.
Косметика и уход
Категория с самой высокой визуальной конкуренцией на Ozon и WB. Здесь важны чистота, свежесть и ощущение «натуральности» или «эффективности» — зависит от позиционирования.
- Белый + пастельные акценты — классика масс-маркет косметики. Чисто, понятно, не пугает ценой.
- Зелёный — сигнал «натуральный состав», «эко», «без химии». Если товар позиционируется как organic — зелёный в деталях фона и подложки обязателен.
- Чёрный и тёмно-синий — премиум-сегмент. Парфюмерия, антивозрастной уход. Показывает «это дорого и работает».
- Розовый и лавандовый — уход для женщин, подарочные наборы. Но аккуратно: переиспользован в категории, легко стать ещё одной «розовой карточкой».
Электроника и гаджеты
Покупатели в этой категории рациональны — им важны характеристики, а не эстетика. Но цвет всё равно работает через восприятие качества и надёжности.
- Белый или чёрный фон — стандарт. Смотрится технологично, не отвлекает от товара.
- Синий — ассоциируется с технологиями, надёжностью. Используется в инфографике для выделения характеристик.
- Яркие поп-арт фоны — работают только для молодёжных гаджетов (наушники, чехлы, портативные колонки). Для «серьёзной» электроники режут конверсию.
Детские товары
Аудитория — молодые родители. Им нужна безопасность и доверие, не «яркость» ради яркости.
- Пастельные тона — голубой, розовый, жёлтый, мятный. Вызывают ощущение нежности и безопасности.
- Насыщенные кричащие цвета — привлекают внимание к товару, но иногда снижают доверие: кажется, что краска может быть небезопасной.
- Белый фон + зелёные акценты — сочетание «чисто + натурально» работает хорошо для питания, посуды, средств гигиены для малышей.
Сравнение: какой фон даёт лучший CTR
| Тип фона | Категория | Средний прирост CTR | Комментарий |
|---|---|---|---|
| Белый нейтральный | Любая | Базовый | Требование WB. Безопасно, но не выделяет. |
| Контрастный акцент (15-20% фото) | Одежда, обувь | +20–35% | Цветная полоса, плашка с текстом |
| Lifestyle-сцена | Одежда, дом | +25–50% | Контекст использования повышает желание |
| Градиентный фон | Косметика, электроника | +15–30% | Глубина, ощущение «premium» |
| Яркий однотонный | Детские товары, аксессуары | +5–15% (зависит от ниши) | Риск выглядеть «дёшево» |
Цветовые ошибки, которые убивают конверсию
Вот что чаще всего встречается при аудите карточек наших клиентов:
- Пересвет и вымытые цвета. Товар на фото светлее, чем в реальности. Покупатель получает более тёмный товар — возврат. Нужна точная цветокалибровка.
- Фон «съедает» товар. Белая кружка на белом фоне, бежевое пальто на бежевом фоне — товара не видно в листинге при маленьком размере превью.
- Слишком много цветов в инфографике. Если на карточке одновременно красный, синий, зелёный и жёлтый — взгляд не знает, куда смотреть. 2-3 цвета максимум.
- Цвет не соответствует категории. Медицинский прибор на ярко-розовом фоне — снижает доверие. Детская пижама на чёрном фоне — пугает родителей.
- Все карточки одного цвета. Если у вас 30 артикулов и все карточки сделаны в одной цветовой схеме — листинг вашего магазина выглядит монотонно, а отдельные товары не выделяются друг от друга.
- Перенасыщение контраста. Инстаграмный «вибрация» — когда насыщенность выкручена на 100%. Товар выглядит ненастоящим, теряется доверие.
Как тестировать цвет карточки без бюджета
Не нужно сразу менять все карточки. Вот простой A/B-подход:
- Выберите 2-3 артикула с похожими продажами. Лучше брать товары из одной категории с сопоставимым ценником.
- Сделайте альтернативный вариант главного фото — другой фон или другой цветовой акцент. Используйте Aiviso чтобы быстро сгенерировать несколько вариантов сцены.
- Загрузите новый вариант на один артикул, оставьте второй как есть. Подождите 7–14 дней.
- Сравните CTR в аналитике (раздел «Воронка» в личном кабинете WB/Ozon). Если разница больше 15% — это статистически значимо для большинства ниш.
- Победителя переносите на весь каталог. Проигравший вариант можно исследовать: возможно, дело не в цвете, а в угле съёмки или тексте инфографики.
Цветовые схемы по задачам
Несколько готовых схем, которые можно применить прямо сейчас:
Если нужно выделиться среди белых карточек
Большинство карточек в любой категории — белый фон. Значит, небольшой цветной акцент сразу даёт преимущество. Добавьте в инфографику плашку с ключевым преимуществом на цветном фоне: мятный (#d1fae5) или светло-фиолетовый (#ede9fe). Займёт 15–20% площади карточки — этого достаточно.
Если у вас сезонный товар
Сезонность работает и в цвете. Летние товары — яркие, насыщенные. Зимние — тёмные, глубокие. Новогодние — красный и золото. Не нужно переснимать весь каталог — достаточно обновить фон через AI-генерацию, сохранив сам товар неизменным.
Если товар сам по себе яркий
Тогда фон должен быть нейтральным — серый 10–20% или тёплый белый. Яркий товар на ярком фоне = визуальный шум. Покупатель не понимает, куда смотреть, и уходит.
Чек-лист по цвету карточки
Проверьте каждую карточку перед публикацией:
- Товар чётко читается на фоне (достаточный контраст)
- Цвет товара на фото совпадает с реальным (не пересвечено, не затемнено)
- В инфографике не более 3 цветов
- Фоновый цвет соответствует категории и аудитории
- Нет мятого, грязного или хаотичного фона
- Главное фото выделяется в листинге среди соседних карточек
- Цвет CTA-элементов в инфографике контрастный (читается с 3 метров)
- Если несколько цветов товара — для каждого своё главное фото, а не одно общее
Как AI помогает с цветом
Раньше попробовать разные цветовые решения стоило времени и денег: новая съёмка, новые декорации, новый фон в редакторе. Сейчас это занимает минуты.
В Aiviso вы загружаете фото товара на белом фоне, выбираете сцену (интерьер, природа, студийный градиент) и получаете готовые варианты в разных цветовых схемах. Можно за 10 минут сгенерировать 5 разных вариантов фона и выбрать тот, который лучше всего читается в вашей нише. Один наш клиент из категории «товары для дома» протестировал таким образом 12 вариантов фона за день и нашёл комбинацию, которая подняла CTR с 2,8% до 4,6%.
Важно: AI сохраняет реальный цвет товара. Если у вас синяя кружка — она останется синей на любом фоне. Это отличает нормальный AI-инструмент от дешёвых фильтров, которые «докрашивают» товар и создают проблемы с возвратами.
Хотите проверить, как ваша карточка смотрится в другом цвете? Попробуйте Aiviso бесплатно — 13 кредитов на старте, без карты. Загрузите фото товара, выберите сцену, получите готовые варианты за 2 минуты.