Почти весь трафик маркетплейсов — мобильный, и решение о клике принимается по картинке размером в пару сантиметров. Всё, что не читается на этом масштабе, не существует: мелкие детали, тонкий текст, полутона. Проверять карточку надо там же, где её видит покупатель.
Первыми исчезают мелкие элементы: подписи, тонкие линии, фактура на дальнем плане. Дальше — полутона: светлый товар на светлом фоне сливается, тёмный на тёмном превращается в пятно.
Остаются силуэт, контраст и цвет. Именно они и решают, заметят вас в ленте или нет.
Дополнительно мешает окружение: рядом с вашей карточкой в ленте стоят чужие, и глаз выбирает не лучшую, а самую заметную. Поэтому контраст важнее художественности.
Стоит добавить, что на маленьком экране теряется и композиция. Кадр, где товар аккуратно вписан в центр с большими полями, в ленте выглядит пустым: покупатель видит в основном фон. Всё, что не занято товаром, работает против вас.
И теряется глубина: мягкие переходы света, деликатные тени, тонкие градиенты на миниатюре просто не различимы. Работает только явный контраст между предметом и тем, что за ним.
Есть и обратная сторона: на маленьком экране прощаются мелкие огрехи. Небольшой залом на ткани, пылинка на фоне, лёгкая неточность обтравки в ленте не видны совсем — а значит, силы разумнее тратить на крупные решения, а не на вылизывание деталей.
Практические приёмы, которые ничего не стоят на смене, если о них сказать заранее.
И помните про палец: на телефоне карточку листают свайпом, поэтому ключевые кадры должны стоять в начале галереи, а не в конце.
К списку приёмов стоит добавить проверку на месте: попросите снять пробный кадр, уменьшите его прямо на площадке и посмотрите. Переснять на смене — это минуты, переснимать через месяц — это новая логистика товара и новая смена.
И не полагайтесь на монитор при отборе кадров. Тот кадр, который на большом экране кажется лучшим по художественности, в ленте нередко проигрывает более простому и контрастному.
Отдельно про вертикаль: она не только занимает больше места в ленте, но и даёт больше площади самому товару при той же ширине плитки. Это самый дешёвый способ увеличить товар в кадре, не меняя вообще ничего в съёмке.
Текст на слайде должен читаться на телефоне при яркости вполовину и без увеличения. Практически это означает крупный кегль, высокий контраст и не больше одной мысли на слайд.
Хороший тест: посмотрите слайд на телефоне на расстоянии вытянутой руки. Если приходится приближать — переделывайте.
Полезно проверять слайд и в тёмной теме приложения: светлый текст на светлом фоне там теряется совсем, а такие карточки встречаются часто.
Отдельно проверяйте, как слайд выглядит после сжатия площадкой. Тонкие линии и мелкий шрифт после пережатия покрываются артефактами, и текст, идеально читавшийся в исходнике, в карточке становится грязным.
И помните про безопасные поля. Интерфейсы накладывают на изображение свои элементы — значки, подписи, кнопки, — и текст, поставленный у самого края, оказывается частично перекрыт.
Вертикальный формат обязателен: горизонтальный ролик занимает узкую полоску и почти не удерживает внимание. Первые секунды должны показывать товар, а не заставку с логотипом.
Звук чаще всего выключен, поэтому смысл должен считываться без него.
Полезно проверять видео и на слабом интернете: если первые секунды подгружаются долго, зритель уходит раньше, чем увидит товар.
Проверяйте и первый кадр ролика отдельно от самого ролика. Пока видео не подгрузилось — а на мобильном интернете это обычное дело, — покупатель видит именно его, и он должен работать как полноценная обложка.
И держите ролик коротким. В ленте досматривают первые секунды; всё, что вы хотите показать, должно уместиться в них, а не раскрываться к концу.
Раз в месяц открывайте свою категорию на телефоне и смотрите на выдачу глазами покупателя. Это дешевле любой аналитики и почти всегда даёт две-три конкретные правки.
Ещё один быстрый тест — попросить показать вашу карточку в выдаче человека, который её не видел. Если он ищет её дольше пары секунд, работать нужно с обложкой.
Полезно раз в месяц проверять карточку и на чужом телефоне, а не только на своём. Экраны сильно различаются по цветопередаче и яркости, и то, что на вашем аппарате выглядит контрастно, на другом может оказаться блёклым.
И смотрите выдачу в разное время суток. Днём на улице экран уходит в максимальную яркость и теряет полутона, вечером в тёмной теме меняется фон под карточками — обе ситуации нормальны для покупателя и обе стоит проверить.
И заведите привычку смотреть не только свою карточку, но и весь первый экран выдачи. Состав соседей меняется, и обложка, которая полгода назад выделялась, сегодня может оказаться такой же, как у трёх карточек рядом.
Первое — откройте свою категорию в приложении площадки с телефона и найдите свою карточку в общей ленте. Не через прямую ссылку, а именно поиском: только так видно, как она выглядит среди соседей.
Второе — засеките, за сколько вы её находите. Если дольше двух-трёх секунд, обложка не работает, и никакие улучшения внутри карточки этого не компенсируют: до них покупатель не доходит.
Третье — пролистайте галерею большим пальцем в обычном темпе и остановитесь после пятого слайда. Всё, что вы к этому моменту не узнали о товаре, для большинства покупателей останется неизвестным.
И четвёртое — посмотрите то же самое в тёмной теме и при половинной яркости. Это два самых частых реальных условия просмотра, и именно в них разваливаются карточки, безупречные на мониторе в офисе.
Мы используем файлы cookie, Яндекс Метрику и чат поддержки Jivo, чтобы сайт работал корректно и мы понимали, какие страницы полезны. Нажмите «Только необходимые» — и аналитика с чатом на вашем устройстве отключатся. Подробнее — в политике использования cookie и политике обработки персональных данных.