Почему углы — «слепые зоны»

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

Правила первого слайда (TL;DR)

• Оставляйте свободными все четыре угла и нижнюю кромку ~10–14% по высоте.
• Главный оффер/УТП — центр/верх-центр в безопасной зоне, кегль крупный.
• Не пытайтесь «упаковать всё» на 1 слайд — 1 смысл = 1–2 строки текста.
• Избегайте тонких шрифтов и нежного контраста — используйте читаемую контрастную палитру.

Слепые зоны на Ozon

• Правый верхний угол — иконка «Избранное» (постоянно).
• Левый верхний/нижний — промо-плашки и скидки во время акций.
• Низ — служебные надписи/бейджи; закладывайте безопасное поле.

Слепые зоны на Wildberries

• Правый верхний угол — «Избранное» (как и на Ozon).
• Левый нижний — «Хорошая цена», скидки, участие в акциях (может быть несколько плашек).
• Левый верхний — при листании/до открытия карточки может появляться подсказка/бейдж.
• Правый нижний — «Похожие» внутри карточки товара.

Сводная таблица перекрытий

Чек-лист для дизайнера

1. Поставьте направляющие безопасной зоны: углы + нижняя кромка (10–14%).
2. Разместите УТП в центральной безопасной области; 1–2 строки, без «воды».
3. Избегайте мелких пиктограмм в углах — переносите их в центральные зоны.

4. Проверьте карточку на разных масштабах (мобайл/десктоп) и в условиях акций.
5. Сделайте версию без акций и «анти-перекрытий» (fallback-вариант).

Шаблоны плашек для макетов

Скачайте PNG/PSD-набор с зонами перекрытий для Ozon и Wildberries. Используйте как оверлей на первый слайд — это ускоряет проверку и снижает риск «слепых» карточек.

Скачать шаблоны плашек

FAQ