Карточка товара на смартфоне: как выглядят ваши слайды и что мешает покупке

Коротко: большинство покупателей маркетплейсов открывают карточку с телефона. Маленький экран меняет то, что видно сразу: часть изображения перекрывает интерфейс площадки, мелкий текст нечитаем, горизонтальные элементы обрезаются. Если слайды делались под десктоп — на мобильном они работают хуже.

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

Мобильный экран — основная точка контакта покупателя

По данным отраслевых аналитиков, более 70% покупок на Wildberries пользователи совершают через мобильное приложение. На Ozon и Яндекс.Маркете доля мобильного трафика в отдельных категориях сопоставима. Это означает: карточку товара в большинстве случаев смотрят не на мониторе с мышью, а на экране 6–7 дюймов, одним большим пальцем, в метро или в очереди.

Поведение на мобильном принципиально иное:

• Первый слайд принимает решение «листать дальше или уйти» за 1–2 секунды.
• Свайп вбок (по слайдам) делается большим пальцем — ошибочный жест уводит на следующий товар.
• Текст, который читается на мониторе, на экране смартфона часто не виден: шрифт меньше 24–28pt по эквиваленту реального размера превращается в серое пятно.

Карточка, спроектированная без учёта мобильного сценария, теряет покупателей молча: они просто уходят, не понимая, почему «что-то не то».

Как маркетплейс показывает карточку на телефоне

На десктопе покупатель видит несколько слайдов сразу — в ряд или в галерее. На мобильном — один слайд занимает почти весь экран, остальные скрыты за свайпом.

Типичный сценарий просмотра в мобильном приложении:

1. В выдаче — только обложка и название. Больше ничего.
2. При открытии карточки — первый слайд во весь экран, цена и кнопка «В корзину» ниже.
3. Второй слайд — только если первый заинтересовал. Третий — если второй убедил листать дальше.

На практике большинство покупателей видят 1–3 слайда. Слайды 4–6 работают на тех, кто сомневается, — но эти люди до них дойдут только если предыдущие слайды дали повод остаться.

Главное фото: зоны, которые перекрывает интерфейс

Один из самых частых промахов при создании слайдов — важные элементы у краёв изображения. На мобильном это критично: интерфейс каждой площадки накладывает поверх фото свои элементы.

Wildberries размещает бейджи акций, плашки рейтинга и наличия по углам и вдоль краёв карточки. Официальные требования WB прямо предписывают: не размещать важные элементы по углам и у краёв — именно потому, что платформа накрывает их своим UI.

Ozon показывает поверх карточки метки «Акция», «Ozon Premium» и другие системные элементы в верхней части изображения. Текст или ключевые детали в верхнем левом углу могут оказаться под системной плашкой.

Яндекс.Маркет в мобильном приложении добавляет бейджи скидок и рейтинга в верхние углы карточки в листинге.

Мегамаркет показывает кнопку «В избранное» и статусные плашки поверх изображения.

Правило безопасной зоны: держите все смысловые элементы (текст, цифры, ключевые детали товара) в центральной части изображения, отступив от каждого края не менее 10–15% от ширины и высоты слайда. Для WB это требование закреплено официально — иначе платформа перекроет важное своим интерфейсом.

Подробнее о фотостандартах WB: Технические требования Wildberries к фото 2026.

Дополнительные слайды: порядок и принцип «один слайд — одна мысль»

На мобильном нет возможности «прочитать всё сразу». Каждый слайд должен доносить одно конкретное сообщение — иначе покупатель не успевает его считать до следующего свайпа.

Рабочий порядок слайдов в фотоворонке карточки товара:

1. Обложка: товар чётко, нейтральный фон. Без текста на главном фото — это требование всех четырёх площадок.
2. Слайд 2 — ключевое преимущество: одна цифра или факт, сразу объясняющие ценность. Например: «Держит тепло 12 часов» или «300 г — легче стакана воды».
3. Слайд 3 — детали и состав: крупный план, характеристики материала, размерная таблица.
4. Слайды 4–5 — применение: сценарий использования, решение конкретной проблемы покупателя.
5. Слайд 6 — комплектация или условия: что входит в набор, гарантия, условия ухода.

Каждый слайд — вертикальный (3:4). Текст — достаточно крупный, чтобы читаться без приближения. Контраст — достаточный для чтения под ярким солнечным светом.

Особенности каждой площадки на мобильном

Wildberries

Формат фото: 3:4 (вертикаль), рекомендуемое разрешение 900×1200 px. Вертикальный формат занимает экран смартфона почти полностью — товар получает максимальное визуальное пространство.

Главное фото — строго без текста, логотипов и декоративных элементов. За нарушение — штраф 25 000 ₽ (источник: перечень штрафов по оферте WB, март 2026).

Инфографика на слайдах 2–6 допустима. Смысловые элементы — в безопасной центральной зоне, не у краёв.

Ozon

Формат: 3:4 — стандарт с февраля 2025 года для всех категорий (кроме Ozon Fresh, там 1:1). Рекомендуемое разрешение — 900×1200 px и выше.

Для рич-контента в мобильном режиме Ozon рекомендует изображения минимум 640×640 px в формате 1:1. Если готовите отдельные блоки рич-контента, делайте два варианта: для мобильных (1:1, от 640 px) и для десктопа (2:1, от 1416×708 px) (источник: seller-edu.ozon.ru).

Ozon поощряет инфографику на дополнительных фото с деталями состава, преимуществами и размерными таблицами.

Яндекс.Маркет

Минимальное разрешение — 300×300 px, но система автоматически адаптирует изображения к соотношению 3:4 для выдачи и витрины. Товар — не менее 2/3 площади кадра, фон белый или прозрачный.

ЯМ допускает инфографику вместо обычного фото как основное изображение, если она достаточно наглядна. Но это рискованно: если такое фото не пройдёт автоматическую модерацию — карточку отклонят (источник: yandex.ru/support/marketplace).

Мегамаркет

Нет жёсткого требования по соотношению сторон. Для одежды, обуви и аксессуаров рекомендуется 900×1200 px. Минимум — 500×500 px.

Товар в кадре — не менее 80% площади. Инфографика разрешена: Мегамаркет прямо указывает её как исключение из запрета на клипарт и надписи (источник: partner-wiki.megamarket.ru).

7 ошибок, которые делают слайды нечитаемыми на смартфоне

1. Мелкий текст. Надпись, красиво выглядящая на мониторе, на экране 6 дюймов превращается в нечитаемые строчки. Практическое правило: текст на слайде должен читаться, когда изображение уменьшено до 300×400 px — именно так его видит покупатель в мобильной выдаче.

2. Важные элементы у краёв. Логотип в углу, ключевая надпись по периметру — всё это перекрывается системным интерфейсом маркетплейса. Особенно актуально для WB: платформа официально предупреждает о наложении своих элементов на края карточки.

3. Горизонтальный формат. Вертикальный экран смартфона и горизонтальная инфографика — плохая пара. Горизонтальное изображение показывается с пустыми полосами сверху и снизу, теряя значительную часть экранного пространства.

4. Перегруженный слайд. Три преимущества, два размера и формула состава на одном слайде — это не инфографика, а загадка. Каждый слайд — одна ключевая мысль.

5. Низкий контраст. Светлый текст на светлом фоне, белые надписи на бледно-серых формах. На ярком солнечном свете или при пониженной яркости экрана — нечитаемо. О правилах работы с цветом в карточке товара — в отдельном материале.

6. Текст на главном фото. Нарушение требований WB, Ozon и ЯМ — риск штрафа или снижения позиций. Кроме того, на мобильном текст на обложке часто перекрывается системными элементами интерфейса.

7. Сложная инфографика без иерархии. Таблица из 12 строк, мелкие иконки, тонкие линии схем — на мобильном это превращается в серый шум. Инфографика для мобильного: максимум 3–5 элементов, крупные цифры, жирный акцентный шрифт. Об остальных типичных ошибках — в материале «10 ошибок инфографики на маркетплейсах».

Инфографика для мобильного: как не тратить время на ручную доработку

Проверить безопасные зоны, размер текста, контраст, соотношение сторон и требования конкретной площадки для каждой карточки в ассортименте — это рутина, которая при ручной работе занимает часы.

PixSora генерирует слайды в вертикальном формате 3:4 — под стандарт WB, Ozon, Яндекс.Маркет и Мегамаркет. AI анализирует фотографию товара, определяет ключевые преимущества и распределяет их по слайдам: один слайд — один тезис, текст достаточно крупный для мобильного экрана. До 6 готовых PNG-слайдов примерно за 2 минуты без участия дизайнера.

Чек-лист: мобильная оптимизация карточки за 10 пунктов

Перед публикацией пройдитесь по этим пунктам:

• Все слайды вертикальные (3:4, от 900×1200 px)
• На главном фото нет текста, логотипов и декоративных элементов
• Смысловые элементы не у краёв — отступ от каждой стороны минимум 10–15%
• Текст читается при уменьшении слайда до 300×400 px
• Один слайд — одна ключевая мысль
• На слайде не более 3–5 элементов инфографики
• Контраст текст/фон достаточный для чтения при ярком свете
• Нет оценочных слов на слайдах («хит», «лучший», «идеальный») — нарушение правил всех площадок
• Для рич-контента Ozon — отдельный вариант 640×640 px для мобильного просмотра
• Порядок слайдов: обложка → ключевое преимущество → детали → применение → призыв

Мобильный как точка принятия решения

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