Превью карточки на экране 390 px
Карточка, которую видно в ленте
Проектируем обложки и слайды для Wildberries, Ozon и Яндекс Маркета: товар узнают в превью на телефоне, а обложка проходит модерацию без потери рейтинга. Ниже — живая лента: пять товаров, у каждого три обложки для A/B-теста.
Эмуляция ленты для портфолио: цены и оценки — пример, соседние карточки нарисованы студией как типичные для категории.
Та же лента на компьютере
Пять колонок и превью шириной около 220 px. Соседи спорят плашками и градиентами; наша обложка спокойная, и на этом фоне она выделяется. Нажмите на любую карточку бренда, чтобы открыть её.
Окно браузера шире экрана, его можно листать вбок.
Восемь вопросов покупателя — восемь слайдов
Каждый слайд отвечает на один вопрос, в том порядке, в каком он возникает: что это, зачем, как пользоваться, подойдёт ли по размеру, что в коробке, можно ли доверять.
Три обложки — три гипотезы
Для A/B-теста мы делаем разные идеи, а не перекраску. На Wildberries тест делит трафик пополам и сравнивает показы, переходы, корзины и заказы. Рядом с каждой обложкой показано превью в реальном размере 216×288.
Как мы строим карточку
Шесть шагов от выдачи конкурентов до замены обложки победителем теста.
- Разбираем выдачу и правила площадкиСмотрим первые 40 карточек по ключевому запросу, выписываем, чем соседи похожи друг на друга, и сверяем требования WB, Ozon и Маркета к главному фото.
- Собираем вопросы покупателяОтзывы и вопросы к товарам категории превращаются в сценарий: какой слайд на какое сомнение отвечает.
- Делаем товар3D-модель со студийным светом или предметная съёмка. Из одной модели получаем любые ракурсы, разрез и разнесённую схему.
- Проектируем обложку в трёх гипотезахЧистый товар, деталь или механизм, сценарий или цвет. Каждую проверяем в превью 216×288 и в эмуляции ленты.
- Собираем слайды и рич-контентОдна сетка, шрифт и язык иконок для всей линейки бренда; тексты берём из реальных характеристик, без запрещённых слов.
- Запускаем A/B и меняем на победителяТест на WB длится от недели. Решение принимаем по переходам и заказам, а не по вкусу.
Рич-контент для Ozon
Для двух товаров собрали описание из блоков конструктора: баннер, «шахматка», плитки и таблица характеристик. У каждой картинки своя версия для сайта (1416 px) и для приложения (750 px), а тексты набраны текстовыми блоками, чтобы их видел поиск.
- Баннерпервый экран описания: обещание и товар крупно
- Текстовый блокглавное преимущество словами, индексируется поиском Ozon
- «Шахматка»картинка и текст через ряд: кабель, порты, шипы на крышке
- Плиткикороткие факты: 74 Вт·ч, вес, плиты, рецепты
- Таблицахарактеристики, которые сравнивают перед покупкой
Пять брендов — пять систем
У каждого бренда свой шрифт, цвет и язык элементов, но одна логика набора. Так линейку узнают в ленте, а покупатель переходит от товара к товару внутри магазина.
Пять товаров, пятнадцать обложек, тридцать пять слайдов и два описания для Ozon
Каждый файл 1200×1600, 3:4, по требованиям Wildberries, Ozon и Яндекс Маркета.
Обсудить карточки для своего магазина