Стандарт Белова
Карточка оценивается не по принципу «красиво / некрасиво», а по тому, насколько быстро она продаёт смысл: товар, выгоду, отличие и причину кликнуть.
За 1 секунду понятно, что продается.
Взгляд первым делом идет на товар.
Нет визуального шума, лишних плашек и декоративного мусора.
Преимущества понятны без пояснений.
У элементов есть отступы и визуальное дыхание.
Алгоритм работы над карточкой
Единый порядок нужен, чтобы дизайнер не начинал с «рисования», а сначала понял рынок, покупателя и задачу.
Слепые зоны WB / Ozon
Важный текст нельзя ставить в места, которые могут перекрываться интерфейсом, скидками, рейтингом, кнопками, обрезкой превью или нижними элементами приложения.
Риск перекрытия
Не ставить ключевые слова, размеры, состав, выгоды и логотипы. Здесь часто появляются скидки, иконки и интерфейс.
Нежелательная зона
Подходит только для декора, второстепенных элементов и фона. Важные смыслы лучше поднять выше.
Основное внимание
Товар, главный заголовок, 1-3 преимущества, комплектность и ключевой визуальный акцент.
Проверка 10%
Уменьши изображение до размера превью. Если всё еще понятно — карточка прошла базовую проверку.
Формула главного слайда
Главный слайд — это не обложка ради красоты. Это точка входа в карточку и главный конкурентный удар в выдаче.
70–80% товар
Товар должен быть главным объектом. Текст и плашки помогают, но не забирают роль героя.
Не больше трех преимуществ
Если преимуществ больше, часть переносится в следующие слайды воронки.
2-4 варианта обложки
Тестировать можно фон, цвет, ракурс, плашки и композицию, но не всё одновременно.
Много текста, мелкий товар
Покупатель не успевает считать смысл, а карточка спорит сама с собой.
Один главный акцент
Крупный товар, понятный заголовок, чистая композиция и спокойный фон.
CTR зависит не только от обложки
Главный слайд привлекает внимание, но решение о клике покупатель часто принимает после просмотра следующих изображений прямо в выдаче.
Первые 3–4 слайда должны работать как единая система
Большинство покупателей смотрят карточки со смартфона. В мобильной выдаче они могут пролистать несколько слайдов, не открывая карточку товара. Поэтому нельзя допускать ситуацию, когда обложка цепляет, но следующие 2–3 изображения не усиливают интерес и не подтверждают обещание. В таком случае клика может не быть, а дизайнер или продавец ошибочно решит, что проблема именно в главном слайде.
Тестировать только обложку
Если следующие слайды слабые, непонятные или визуально выбиваются, покупатель может пролистать их в выдаче и не открыть карточку.
Оценивать первые 3–4 слайда
Обложка дает первый крючок, а следующие слайды должны удержать внимание, усилить доверие и довести до клика.
Первые 5 слайдов карточки
Так может выглядеть связка первых изображений: обложка привлекает внимание, а следующие слайды усиливают интерес и подтверждают обещание.
20 правил главного слайда
Главный слайд должен не просто выглядеть красиво, а выигрывать внимание в выдаче и объяснять товар без лишнего напряжения.
1–5. Основа
6–10. Читаемость
11–15. Композиция
16–20. Готовность к тесту
Обработка фотографий товара
Фото должно выглядеть коммерчески, но не искажать товар. Главный принцип: дороже, чище, контрастнее — без пластиковой ретуши и HDR.
Чек-лист обработки
- фон чистый, без мусора и пятен;
- цвет товара не искажен;
- тень мягкая, 5-15%;
- контраст умеренный;
- резкость без перешарпа;
- сохранена форма и фактура.
Универсальные ориентиры
- Texture: +5…+15;
- Clarity: +3…+10;
- Vibrance: +5…+12;
- Highlights: −5…−20;
- Shadows: +5…+20;
- Dehaze: осторожно, не для всего.
Пластик
Чистые блики, ровная форма, аккуратная тень. Не делать слишком глянцевым.
Металл
Контроль бликов и отражений. Показывать фактуру, но не превращать в серый шум.
Ткань
Сохранять структуру волокон, не замыливать. Важны мягкие тени и натуральный цвет.
Еда
Теплее, сочнее, но без кислотности. Главное — аппетитность и правдоподобность.
Система тестирования
Тест нужен не для красоты, а чтобы найти вариант, который лучше собирает клики и не ломает конверсию.
- цвет фона;
- ракурс товара;
- композицию;
- количество текста;
- форму плашек;
- главный заголовок.
- не менять все сразу;
- не тестировать 10 вариантов без гипотезы;
- не сравнивать разные периоды без учета трафика;
- не оставлять вариант только потому, что он «красивее».
Анализ конкурентов
Перед дизайном нужно понять визуальный шум в нише. Цель — не скопировать ТОП, а найти способ выделиться и остаться понятным.
Психология пользы
Покупатель редко покупает «характеристику». Он покупает результат: удобство, безопасность, статус, экономию времени, решение боли.
Комфорт
«Удобно держать», «не натирает», «легко чистить», «не занимает место».
Безопасность
«Не скользит», «без запаха», «безопасно для детей», «надежное крепление».
Экономия времени
«Быстрая установка», «легкая уборка», «сразу готово к использованию».
Статус
«Премиальный вид», «дорогая фактура», «подходит для подарка».
Эмоция
«Уютнее дома», «приятнее пользоваться», «красиво смотрится в интерьере».
Решение проблемы
«Больше не протекает», «не теряется», «не пачкает», «не занимает полку».
Частые ошибки заказчиков
Иногда заказчик просит сделать карточку «информативнее», «ярче» или «побольше всего». Задача дизайнера — не просто выполнить правку, а сохранить продающую структуру.
«Добавьте побольше текста»
Количество текста не равно количеству продаж. Чем больше информации на одном слайде, тем сложнее покупателю быстро понять главное.
«Покажем все преимущества сразу»
Главный слайд должен привлекать внимание, а не заменять всю карточку. Остальные смыслы лучше раскрывать через воронку.
«У конкурентов ярче»
Яркость не гарантирует высокий CTR. Важно выделяться понятностью, чистой композицией и правильным акцентом.
«Добавим еще одну плашку»
Каждая новая плашка забирает внимание у товара. Плашки должны помогать считыванию, а не конкурировать с главным объектом.
«Сделайте логотип крупнее»
Покупатель в первую очередь выбирает товар. Бренд важен, но он не должен становиться главным элементом вместо продукта.
Правка должна усиливать смысл
Если правка делает карточку шумнее, сложнее или менее читаемой — её нужно переосмыслить, а не просто механически выполнить.
Система контраста
Контраст нужен не для красоты, а для быстрого считывания. Покупатель должен видеть товар, заголовок и главный смысл без усилий.
Текст спорит с фоном
Смысл читается сразу
Контраст должен помогать покупателю понять карточку, а не создавать визуальный шум.
Стандарт БеловаАлгоритм поиска преимуществ
Сильные преимущества не придумываются из головы. Их нужно доставать из реальных отзывов, вопросов, возражений и сценариев использования товара.
Что покупателям нравится
Эти фразы часто становятся основой преимуществ: удобно, не протекает, хорошо держится, быстро сохнет, выглядит дорого, легко мыть.
Что вызывает сомнение
Размер, материал, комплектация, запах, крепление, уход, совместимость и реальные сценарии использования — это будущие слайды воронки.
Проверка за 30 секунд
Перед сдачей карточку нужно быстро проверить глазами покупателя: не как дизайнер, а как человек, который видит товар в выдаче впервые.
Если хотя бы на один вопрос ответ «нет» — карточку лучше доработать
Слабое место может быть не в дизайне целиком, а в одном элементе: мелком товаре, лишнем тексте, плохом контрасте, слепой зоне или отсутствии главного смысла.
80% дизайнеров делают наоборот
Многие карточки выглядят сложно не потому, что товар сложный, а потому что дизайнер пытается украсить вместо того, чтобы объяснить.
Красиво ≠ продает
Карточка должна не удивлять дизайнера, а быстро объяснять покупателю, почему товар стоит открыть.
Больше текста ≠ больше информации
Покупатель сканирует изображение взглядом. Если текста слишком много — он не читает ничего.
Ярче ≠ заметнее
Излишняя яркость создает шум. Заметность появляется за счет контраста, структуры и понятного акцента.
Больше элементов ≠ лучше
Каждый новый элемент отнимает часть внимания у товара, заголовка и главного преимущества.
Плашки важнее товара
Плашки — вспомогательный инструмент. Если они становятся главным объектом, карточка теряет фокус.
Копировать конкурентов
Нужно понимать, почему решение работает, а не просто повторять чужой стиль без анализа категории.
Хорошая карточка не должна быть сложной. Она должна быстро объяснять, что это за товар, для кого он и почему именно его стоит открыть среди конкурентов.
Стандарт БеловаЧастые ошибки дизайнеров
Большинство слабых карточек проваливаются не из-за отсутствия красивых элементов, а из-за отсутствия структуры.
Товар слишком мелкий
Плашки, текст и декор забрали внимание у главного объекта.
10 преимуществ
Покупатель не читает всё. Он сканирует и выбирает очевидное.
Нет иерархии
Все элементы одинаково важные, поэтому не важен никто.
Случайные шрифты
Много гарнитур ломают стиль и удешевляют карточку.
Плашки ради плашек
Элемент должен помогать считыванию, а не просто украшать.
Красиво, но не кликабельно
Карточка может быть эстетичной, но проигрывать в выдаче.
Шрифты и цветовая система
Для сохранения целостного визуального стиля рекомендуется придерживаться следующих правил:
Шрифтовая система
- Использовать шрифтовую пару или один шрифт.
- Не более двух разных шрифтов в рамках карточки.
- Не более трёх начертаний (Regular, SemiBold, Bold).
- Заголовки и основной текст должны визуально отличаться.
Цветовая система
- Основная палитра — 3 базовых цвета.
- Допускается 1 акцентный цвет для важных элементов.
- Избегать большого количества ярких цветов.
- Цвета должны поддерживать товар, а не отвлекать от него.
Общая структура
- Единый стиль всех слайдов.
- Одинаковые отступы и радиусы скругления.
- Повторяющиеся элементы должны иметь единое оформление.
- Карточка должна восприниматься как единая система.
