Меня зовут Александр, я создатель WBCON.RU и новой Школы WBCON.SCHOOL. Сегодня мы поговорим о визуальных стратегиях для e-commerce. За последние два года алгоритмы Wildberries и Ozon изменились, а вместе с ними — и порог чувствительности покупателя к визуальному шуму. Можно сказать, покупателю надоел дешевый контент, ненужные спецэффекты и раздражающие анимации. То, что работало в 2023 году (яркие рамки, десятки иконок, кричащие скидки), в 2026 году не просто игнорируется, а активно пессимизируется площадками. А в глазах покупателей, карточка «в старом стиле» смотрится дешевле и менее привлекательной.
В этой статье я разберу, какие приемы окончательно устарели, и дам структурированные чек-листы для проверки ваших карточек перед загрузкой.
Что не работает в дизайне 2026 года
Алгоритмы маркетплейсов научились считывать поведение пользователя. Если человек закрывает карточку через 1,5 секунды, система делает вывод о нерелевантности дизайна и опускает товар в выдаче (по крайней мере это наблюдается на Ozon).
- Визуальный перегруз (шум). Восемь подписей, пять иконок, две стрелки и три рамки на одном кадре. Мозг за 3 секунды обрабатывает 1–2 элемента. Если их больше, взгляд теряется, и палец нажимает «Назад».
- Низкий контраст текста. Бледный серый шрифт на цветном градиенте или белый на светло-голубом. Это не проходит правило контраста WCAG 4.5:1 для десктопа и 7:1 для смартфона*. Площадка может не отклонить такую карточку, но её не прочитают 70% пользователей со смартфонов на улице.
- Кликбейтные плашки на главном фото. Надписи «-90%», «Только сегодня», «Хит продаж» поверх главного изображения. В 2026 году это прямое нарушение правил WB и Ozon. Карточка рискует получить пессимизацию или бан. Эти триггеры допустимы только на внутренних баннерах или в инфографике на 3–4 слайде.
- Случайный стиль (визуальный разнобой). Первый слайд — студийный минимализм, второй — стоковое фото с фотостока, третий — скриншот отзыва, четвертый — инфографика другим шрифтом. Бренд рассыпается, доверие падает до нуля.
- 3D ради 3D. Объемные элементы, которые не несут пользы. Если вы крутите кроссовок в 3D, чтобы показать подошву — это работает. Если вы накладываете 3D-плашки с тенями на фото банки крема — это визуальный мусор.
- Слабый первый экран. Обложка не отвечает на вопросы «Что это?», «Для кого?» и «Почему я должен кликнуть?». Если на первом фото только красивая текстура не понятного продукта, вы теряете до 40% трафика из ленты.
- Нечитаемость на мобильном. Текст 14-го кегля, который дизайнер нарисовал на 27-дюймовом мониторе, на экране iPhone превращается в нечитаемую точку.
* Правило контраста WCAG. Правило достаточно простое и означает, что более светлый цвет (например, текст) должен быть как минимум в 4,5 раза ярче, чем более тёмный (фон) или наоборот
Чек-лист: Проверка десктопной версии (20% трафика)
Этот блок отвечает за то, купят ли товар после того, как пользователь уже кликнул зашел в карточку
[ ] Единый визуальный стиль. Все слайды в одной концепции, одинаковых отступах и не более чем в двух шрифтах.
[ ] Правило одного-двух акцентов. На каждом слайде только одно главное преимущество, максимум два. Не пытайтесь продать состав, размер, скидку и подарок на одной картинке.
[ ] Выгоды вместо свойств. Вместо «Нержавеющая сталь» пишем «Не заржавеет даже через год».
[ ] Зона безопасности. Текст не прижат к краям (учтено наложение плашек и значков WB/Ozon).
[ ] Закрытие возражений. В серии есть слайды про доставку, упаковку, гарантию и сравнение с аналогами.
Чек-лист: Проверка мобильной версии (где теряется 80% денег)
Большинство покупок на маркетплейсах совершается со смартфона. Дизайн должен быть адаптирован под большой палец и маленький экран.
[ ] Читаемость в ленте. Главное фото понятно, даже если уменьшить его до иконки 2х3 см.
[ ] Кегль шрифта. Минимум 24–28 pt для основного текста. Заголовки — от 32 pt.
[ ] Вертикальная композиция. Все важные элементы по центру. Ничего важного не обрезается по бокам при скролле.
[ ] Вес файлов. Изображения сжаты до 200–500 КБ. Карточка открывается мгновенно даже в зоне плохого 3G-покрытия. Проверить после загрузки на площадку.
[ ] Тест одной рукой. Карточку удобно листать, держа телефон в одной руке. Палец не перекрывает ключевые цифры. Правило F-pattern и Z-pattern*
[ ] Проверка на яркости 10%. Откройте макет на смартфоне и убавьте яркость до минимума. Текст не должен сливаться с фоном.
*F-pattern и Z-pattern. Буква F и Z показывает как взгляд покупателя идет по картинке
F.A.Q.
Вопрос: Можно ли использовать красный фон на главном фото карточки в 2026 году?
Ответ: Да, если товар относится к категориям, где красный цвет считывается как сигнал к действию (распродажи, 18+, сезонные акции) или является частью айдентики бренда. Однако для нейтральных категорий (домашний текстиль, базовая одежда, продукты питания) красный фон создает визуальный шум и снижает конверсию. Главное правило: фон не должен снижать контраст белого текста ниже коэффициента 4.5:1, иначе площадка может отклонить карточку.
Вопрос: Почему Wildberries или Ozon отклоняют карточку из-за шрифтов, если на картинке всё видно?
Ответ: Алгоритмы площадок накладывают на ваше изображение собственные плашки. Если ваш текст находится слишком близко к краям или сам по себе слишком мелкий (менее 24 pt в эквиваленте), при наложении интерфейса WB/Ozon он становится нечитаемым. Робот считывает это как плохой пользовательский опыт (UX) и ругается. Всегда оставляйте «мертвую зону» в 10–15% от краев кадра.
Вопрос: Сколько слайдов инфографики должно быть в идеальной карточке 2026-2027 года?
Ответ: Оптимальное количество — от 5 до 8 слайдов.
1 слайд: Обложка (товар + главное УТП).
2–3 слайды: Ключевые выгоды и решение проблемы клиента.
4 слайд: Комплектация или технические характеристики.
5 слайд: Социальное доказательство (рейтинг, отзывы, сертификаты).
6–7 слайды: Сценарии использования (Lifestyle).
8 слайд: Призыв к действию (CTA) — «Добавить в корзину».
Больше 10 слайдов пользователи со смартфонов пролистывают редко.
Вопрос: Нужно ли дублировать текст со слайдов в поле «Описание» для SEO?
Ответ: Обязательно. Алгоритмы маркетплейсов и внешние поисковые системы (Яндекс, Google) не умеют на 100% распознавать текст с картинок. Описание — это основной источник семантики для ранжирования. Используйте синонимы и LSI-фразы в описании, а на инфографике оставляйте только короткие, емкие триггеры для человека.
Вопрос: Как проверить, пройдет ли моя карточка правило контрастности 4.5:1?
Ответ: Вы можете использовать бесплатные онлайн-чекеры (например, https://contrastchecker.com/). Введите HEX-код цвета вашего текста и HEX-код цвета фона. Если показатель в графе «Contrast Ratio» ниже 4.5:1 для обычного текста, дизайн необходимо переделать. Для мобильных версий рекомендуется стремиться к коэффициенту 7:1 и выше, так как пользователи часто смотрят товары на улице при ярком солнце.
Вопрос: Что делать, если товар сложный (например, электроника), и на фото нужно показать много характеристик?
Ответ: Не пытайтесь уместить всё на одном фото. Используйте прием «прогрессивного раскрытия»: на первом слайде покажите 3 главных преимущества, на втором — технические детали, на третьем — сравнение с предыдущей моделью, на четвертом — таблицу совместимости. Для сложной техники в 2026 году отлично работают короткие видео (до 15 секунд), встроенные в галерею вместо статичного фото, так как они лучше удерживают внимание в мобильной ленте.
Вопрос: Как часто нужно обновлять дизайн карточек в 2026 году?
Ответ: Рекомендуется проводить аудит визуала раз в 3–4 месяца. Если CTR (кликабельность) в ленте падает более чем на 10–15% при тех же позициях, или если вы видите, что топ-5 конкурентов сменили стиль на более минималистичный — это сигнал к обновлению. Также дизайн нужно обновлять при выходе обновлений интерфейса самих маркетплейсов (когда они меняют размер или расположение своих плашек).