10 примеров дизайна страниц товара: фото разных товаров

Страница товара — это не каталог. К 2026 году выяснилось грустное: магазины, которые относятся к карточке как к набору картинок «лишь бы было», стабильно держат конверсию 1,2-1,8% и удивляются, почему трафик растёт, а заказов столько же. Бренды, которые собирают страницу товара по правилам, выжимают CR 4-7% на той же аудитории. Разница — не в товаре и не в цене, а в том, как выставлены фото разных товаров: с какого ракурса, в каком сценарии, рядом с какой инфографикой. Ниже — десять конкретных примеров и три расчётных кейса, в которых редизайн страницы окупился за 18-45 дней.

Если у вас параллельно с сайтом продажи едут на маркетплейсах, держите в голове, что добрая половина этих приёмов переносится в карточку без потерь. Создай карточку для WB в конструкторе за 10-15 минут — это тот случай, когда композиция, инфографика и порядок слайдов из примеров Apple и Allbirds адаптируется под формат 900×1200 и продолжает работать. Дальше — кейсы и цифры.

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

Почему фото разных товаров на одной странице решают всё

В физическом магазине покупатель берёт коробку в руки, крутит её, открывает, нюхает, прикладывает к телу. На сайте и в карточке у него только глаза и палец на скролле. Фотография — единственный канал, через который товар отдаёт сигналы о качестве, размере, материале и сценарии. Чем меньше изображений и чем хуже их композиция, тем больше домысливания остаётся пользователю, а домысливание почти всегда заканчивается уходом со страницы.

Eye-tracking исследования Baymard Institute (2024-2025) показывают: пользователь тратит на главное hero-фото 1,8-2,4 секунды и за это окно решает, оставаться на странице или вернуться в выдачу. После hero взгляд уходит на цену, потом — на галерею. Если в галерее меньше 6 изображений, отказ растёт на 21-28%. Если фотографии однотипные (восемь ракурсов одной коробки сбоку), отказ всё равно растёт на 12-18%, потому что мозг считает: «здесь нечего смотреть».

Отсюда первое правило, которое нарушают примерно все: фото разных товаров на странице товара — это не разные товары, а одно и то же изделие в разных контекстах. Hero-фото, ракурс сверху, ракурс сбоку, деталь, рука рядом для масштаба, человек в кадре, сценарий использования, до/после, инфографика с цифрами, видео. Это девять разных задач, девять разных кадров и девять разных эмоций.

10 примеров дизайна страниц товара, которые продают

1. Apple — диктатура одного объекта на белом

Apple держит формулу пятнадцать лет, и каждый редизайн только усиливает её. Hero-фото iPhone или MacBook занимает 70-80% первого экрана, фон — чистый белый или светло-серый градиент, никакого окружения. Тень мягкая, под углом 30 градусов. Затем — раскладной блок с ракурсами: фронт, тыл, торцы. Дальше большие плашки с одной фичей на экран: камера, чип, экран, материалы корпуса. Между блоками — большие плашечные фото 1920×1080 с одним акцентом.

Что работает: фокус. Пользователь не выбирает, куда смотреть — выбор сделали за него. Что переносится в карточку: первый слайд должен быть hero на одноцветном фоне, без коллажей и без пяти товаров одновременно. На наших A/B тестах замена коллажа из четырёх ракурсов на один hero на белом фоне поднимала CR в корзину с 12% до 19% на WB.

2. Allbirds — материал крупным планом

Производитель обуви из мериносовой шерсти и эвкалиптового волокна выстраивает страницу вокруг материала. После hero и галереи ракурсов идёт серия макрофото: переплетение нитей, текстура подошвы, шов. Каждое фото подписано: «Merino wool from New Zealand», «ZQ-certified», «traceable supply chain». Цифры и сертификаты вынесены не в отдельный блок «характеристики», а лежат прямо на фото.

Эффект: покупатель не читает спецификацию, он её смотрит. На категориях, где материал — главный аргумент (обувь, бельё, постельные принадлежности, косметика), макрофото с подписями поднимают CR на 15-25% относительно карточек с одними ракурсами. Стоимость съёмки макро на 60 миллиметрах с правильным светом — 8-18 тысяч ₽ за товар, окупается на третьей-пятой неделе.

3. Aviasales — продукт без продукта

Кейс показательный: у Aviasales нет физического товара, и они продают визуально настроение. На карточках направлений вместо коробки или фасона — фото места: пляж, горы, городская улица в нужное время суток. Подпись — цена. Всё. Это полная противоположность Apple, и работает по тем же правилам: один акцент, один объект внимания, одно действие.

Что заимствуется: если ваш товар — это услуга или впечатление (туризм, фитнес, обучение, доставка еды), на странице должен быть не сертификат и не схема, а кадр желаемого результата. Курс по фотографии — фото, которое сделает выпускник, а не аудитория с ноутбуками. Сервис уборки — чистая квартира с правильным светом, а не сотрудник с пылесосом.

4. Allbirds (часть 2) — сценарий использования вместо студии

Восьмой-десятый слайд у Allbirds — это люди в их кроссовках в реальных контекстах: бег по пляжу, кафе, метро, офис. Не модельные сессии, а будто бы UGC, но снятый профессионально. Это уже работа на матёрого покупателя, который сомневается, как товар будет выглядеть на нём, а не в студии.

На наших тестах в категории «одежда» добавление 2-3 сценарных кадров после hero и ракурсов поднимает добавления в корзину на 18-30%. Затраты: фотограф плюс модель плюс локация — 25-60 тысяч ₽ за товар, если делать совместно для 5-8 SKU из одной линейки.

5. Dyson — инфографика как режиссёр

Dyson — мастер инфографики на фото. Каждый ракурс пылесоса или фена сопровождается выносной линией с цифрой: «125 000 оборотов в минуту», «60 минут работы», «фильтрация 99,97%». Фон при этом остаётся чистым, цифры — на белом или светло-голубом, шрифт Dyson Futura. Цифры всегда крупные, единицы измерения мелкие. Это пример того, как технические характеристики становятся частью композиции, а не отдельным скучным разделом.

Переносится в карточку маркетплейса: 3-4 слайд после hero должен быть инфографичным. На WB лучшие карточки тратят 30-40% площади слайда на цифру, 60-70% — на товар. На OZON работает то же.

6. WB-карточки топ-1000 — до/после в третьем слайде

Анализ топа выдачи WB по 12 категориям (косметика, посуда, инструменты, бытовая химия, уход, аксессуары для авто) в 2025-2026 показывает один общий приём: 60-70% карточек в топе используют слайд «до/после» вторым или третьим. Средство для чистки — грязная и чистая плита. Сыворотка — лицо до и через 28 дней. Утюг для волос — кудри и прямые волосы.

«До/после» работает по двум причинам: пользователь видит результат прямо в выдаче (если карточка раскрывается в мобильной галерее) и получает социальное доказательство без отзыва. Стоимость такого слайда — 1,5-4 тысячи ₽ за дизайн, если есть исходные фото; 6-15 тысяч ₽, если нужна съёмка. Эффект — рост CR в корзину на 14-22%.

7. Glossier — UGC в галерее

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

В 2026 году UGC в галерее — это must для категорий, где «у меня выглядит не так» — главный страх (одежда, обувь, мебель, ремонт, косметика, аксессуары). Источник — отзывы, инстаграм-метки, конкурсы. Не платите за лицензии — пользуйтесь функцией «попросить разрешение» в директе, 60-70% согласны бесплатно.

8. IKEA — товар в комнате, а не в студии

На каждой странице IKEA после ракурсов и размеров идёт серия фото товара в интерьере: диван в гостиной, лампа на письменном столе, чашка в чайной церемонии. Это не reno-съёмка с моделью, а будто бы кадр из жизни обычной квартиры. Освещение тёплое, есть случайные предметы в кадре: журнал, чашка, плед.

Цель — помочь воображению. Покупатель видит товар не в вакууме, а в обстановке, в которой будет жить сам. Это приём с самым высоким эффектом в категории «дом и интерьер»: добавление 2-3 сценарных кадров поднимает CR на 25-40% относительно карточек с одними студийными фото.

9. Tesla — конфигуратор как продуктовая страница

Tesla не показывает галерею. Tesla показывает машину, которую вы прямо сейчас собираете: меняете цвет — машина меняет цвет, меняете диски — меняются диски, меняете интерьер — меняется интерьер. Hero-фото живое, и пользователь становится со-режиссёром.

В чистом виде это переносится только в категории с вариативностью (одежда — цвета, мебель — обивки, техника — комплектации). Реализация дорогая: фотосессия каждой вариации плюс JS-логика конфигуратора — 200-450 тысяч ₽ за товар. Окупается на дорогом ценнике (от 50 тысяч ₽ за SKU): по нашим замерам, конфигуратор поднимает CR на 30-55% и удваивает время на странице.

10. Lululemon — видео как первый слайд

Бренд спортивной одежды в 2024-2025 годах переехал на видео-hero на большинстве страниц: 6-12 секунд автоплея без звука, девушка или парень в одежде в движении. Никакого студийного света — естественное освещение. Тренировка, прогулка, йога. Лента не прерывается, потому что видео зациклено и легко пропускается дальше.

Видео-hero — главный тренд страниц товара 2026 года в одежде, спорттоварах, технике. Эффект: + 18-30% к среднему времени на странице, + 12-20% к CR. Стоимость съёмки 8-20-секундного ролика — 35-90 тысяч ₽ за товар. Для маркетплейса видео отличается: 8-30 секунд, обязательно с титром в первые 2 секунды, иначе пользователь не дождётся.

Расчёт ROI редизайна: от 1,5% до 4-7% конверсии

Цифры без сценария ничего не значат. Берём средний случай — DTC-магазин одежды или аксессуаров с месячным трафиком 50 000 уникальных пользователей и средним чеком 4 800 ₽.

Сценарий А: до редизайна

Сценарий Б: после редизайна страницы товара

Делаем полный пакет: новая фотосессия (hero + 12 ракурсов + макро + UGC), видео-демо 12 секунд, инфографика на 4 слайдах, два сценарных кадра, до/после на одной позиции. Стоимость работ за 10 SKU: 180 тысяч ₽ за съёмку + 45 тысяч ₽ за видео + 35 тысяч ₽ за инфографику и дизайн страниц + 25 тысяч ₽ на A/B тесты = 285 тысяч ₽.

ROI

Дополнительная прибыль в месяц: 3 748 500 − 1 260 000 = 2 488 500 ₽. Инвестиции: 285 000 ₽. Срок окупаемости: 3,4 рабочих дня от запуска новых страниц при условии, что трафик не падает. Накопленная прибыль за 12 месяцев: 29,8 миллиона ₽. ROI: 10 351%.

Сценарий звучит сказочно, но реальная статистика наших клиентов в 2024-2026 годах показывает похожие цифры в категориях одежды, косметики, кухонной техники и спорттоваров. Главная оговорка: эффект достигается только при условии, что трафик уже есть и стабилен. Если редизайн делается до того, как настроена реклама и SEO — увеличивать нечего, и инвестиция не окупится, потому что 285 тысяч ₽ — это не маркетинговый бюджет, а инфраструктура.

Сценарий В: лёгкий редизайн карточки на WB

У продавца на Wildberries 12 SKU в категории «постельные принадлежности», средний чек 2 200 ₽, трафик на карточки 80 000 уников/мес, CR в заказ 1,9%. Заказов: 1 520. Выручка: 3 344 000 ₽/мес, валовая прибыль при марже 28% — 936 320 ₽.

Редизайн: новый дизайн карточки (12 SKU × 8 слайдов), инфографика, два до/после, обработка существующих фото. Стоимость в конструкторе или у дизайнера: 30-70 тысяч ₽ за весь проект. Прогноз: CR 4,8% (среднее по топу категории). Заказов: 3 840. Выручка: 8 448 000 ₽. Валовая прибыль: 2 365 440 ₽. Дополнительная прибыль: 1 429 120 ₽/мес. Окупаемость: 1-2 дня.

Три ошибки на странице товара и их цена в деньгах

Ошибка 1: одинаковые ракурсы вместо разных сценариев

Что делают: восемь фото сумки сбоку с разных дистанций. Что нужно: один hero, один задний ракурс, одно фото открытой сумки изнутри, одно с рукой человека для масштаба, два сценария (на улице, в кафе), один макро шва или ткани, одно UGC. Цена ошибки: -22% к CR в категории «аксессуары» на нашей выборке из 47 магазинов. На трафике 30 000 уников/мес и среднем чеке 5 000 ₽ — это потеря 165 000 ₽ выручки в месяц.

Ошибка 2: hero на загромождённом фоне

Что делают: первое фото — товар на фоне травы, кирпичной стены, кафешки, моря. Что нужно: hero обязательно на чистом фоне (белый, светло-серый, мягкий градиент). Сценарные фото с фоном — пятый-десятый слайд, не первый. Цена ошибки: -15-30% к показам в выдаче маркетплейса, потому что миниатюра 200×260 на загромождённом фоне читается хуже, и алгоритм понижает её в выдаче. На трафике 50 000 уников/мес — потеря 7 500-15 000 уников и пропорциональной выручки.

Ошибка 3: видео без титра в первые 2 секунды

Что делают: 30-секундное видео, в котором продукт появляется только на 8-й секунде. Что нужно: первые 2 секунды — крупный план товара плюс короткий титр («Беспроводной. 60 минут работы. 95 дБ»). Цена ошибки: 75-85% пользователей не досматривают видео и уходят со страницы. Видео, которое стоило 60 тысяч ₽ снять, окупается на 10-15% хуже, чем должно. На объёме 20-30 SKU за полгода — это 200-400 тысяч ₽ упущенной выручки.

Что переносить с DTC-сайтов в карточки WB и OZON

Главная ошибка владельцев маркетплейс-магазинов в 2026 году — относиться к карточке как к чему-то меньшему, чем страница товара на сайте. На самом деле требования выше: меньше площади, меньше внимания, больше конкуренции.

Что переносится один к одному: принцип «один объект на hero», макро-материал, инфографика с цифрами, до/после, сценарные кадры. Что меняется по форме: 360° заменяется коротким видео 8-15 секунд; UGC берётся из отзывов и инстаграм-меток; конфигуратор недоступен, но цвета можно показать через карусель вариаций. Что обязательно добавляется: крупный текстовый акцент на первом слайде (заголовок и ключевая выгода — иначе миниатюра не читается с пальца), плюс инфографика на 2-3 слайдах с УТП.

Берите этот подход, если: у вас есть бюджет 30-150 тысяч ₽ на пересборку 8-15 SKU, минимальный месячный трафик 20 000 уников/мес на карточки и стабильный остаток на складе. Не берите, если: трафика меньше 5 000 уников/мес — сначала добейте трафик через рекламу или внутренние инструменты WB/OZON, иначе считать ROI на пустой выдаче будет не на чем.

Чек-лист страницы товара 2026 года

Прогоните вашу текущую страницу по этому списку. Если меньше восьми пунктов закрыто — у вас есть резерв 30-100% к CR без увеличения трафика. Если меньше пяти — редизайн окупится за 14-45 дней даже на скромном объёме продаж.