Усі статті
  • Кейси
  • Конверсія

До → Після: картки, що продають

Сім трансформацій карток товару і що саме в них піднімає клік і конверсію.

Редакція Оформи5 хв

Картку товару бачать частіше, ніж будь-що інше про твій бізнес. Вона працює в стрічці, у пошуку, у рекламі й у переліку конкурентів — і майже завжди першою. Тому маленька зміна тут дає більше, ніж новий текст на сайті чи ще одна знижка.

Нижче — сім типових ситуацій «було → стало». Не про красу заради краси, а про те, що саме в кадрі змушує зупинитися й натиснути.

Що робить картку сильною

Сильна картка не «гарна». Вона зрозуміла за пів секунди. Людина гортає стрічку великим пальцем і приймає рішення швидше, ніж встигає прочитати назву. Тож картка має відповісти на три питання ще до тексту:

  • Що це за товар?
  • Чим він кращий за сусідній у стрічці?
  • Чи можна йому довіряти?

Якщо кадр відповідає на всі три — ти виграв клік. Якщо змушує придивлятися — програв, і навіть найкраща ціна цього не врятує.

Картка бореться не за увагу взагалі. Вона бореться за наступні три секунди уваги — рівно стільки, щоб людина перестала гортати.

Тримай це в голові, коли дивишся на приклади нижче. Кожен із них — про те, як прибрати зайве тертя між оком і рішенням.

7 прикладів трансформацій

1. Фон, що не свариться з товаром

До: товар знято на кухонному столі, позаду — чашка, зарядка й край батареї. Око не знає, за що чіплятися.

Після: рівний спокійний фон, товар у центрі, нічого зайвого. Товар нарешті «звучить» голосно.

Найдешевша й найсильніша зміна. Заміни хаос за спиною предмета на чистий фон — і картка одразу виглядає так, ніби її робив магазин, а не сусід.

2. Головне фото вирішує все

До: перше фото — коробка. Красива коробка, але покупець купує не її.

Після: перше фото — сам товар у застосуванні. Куртка на людині, лампа на столі, кавамолка в руці.

Головний кадр — це вітрина. Показуй результат, а не пакування. Коробку й комплектацію залиш на друге-третє фото, туди їх ніхто не сваритиме.

3. Один зрозумілий герой

До: у кадрі три кольори товару, підставка, буклет і ще «щоб було». Складно зрозуміти, що саме продають.

Після: один предмет, один герой, один сенс. Варіанти кольору — окремими мініатюрами.

Одна картка — одна думка. Коли ти намагаєшся показати все одразу, покупець не бачить нічого конкретного.

4. Світло замість блиску

До: різкий спалах, жорсткі тіні, відблиск точно по центру етикетки. Матеріал не читається.

Після: м'яке рівне світло, фактура видно, кольори чесні.

Погане світло краде довіру: покупець підсвідомо читає різкі відблиски як «знято поспіхом». М'яке світло каже протилежне — тут усе під контролем.

5. Масштаб і контекст

До: товар висить у порожнечі. Незрозуміло, це брелок чи валіза.

Після: поруч рука, стіл або звична річ для порівняння. Розмір зчитується миттєво.

Особливо важливо там, де покупця легко розчарувати посилкою «не того розміру». Покажи масштаб у кадрі — і повернень стане менше.

6. Текст на обкладинці

До: на фото — п'ять рядків дрібним шрифтом: склад, гарантія, знижка, слоган і телефон. Не читається взагалі.

Після: одна коротка перевага великими літерами. Решта — в описі, де їй і місце.

Текст на картці працює, коли його один рядок і його видно з мініатюри. Усе інше — шум, який глушить сам товар.

7. Єдина сітка для всіх карток

До: кожне фото зняте по-своєму: різний фон, різний масштаб, різний нахил. Каталог виглядає як барахолка.

Після: усі картки в одному стилі — однаковий фон, відступи, кадрування.

Єдина сітка працює на рівні всього магазину. Людина гортає й відчуває систему, а система читається як «тут серйозний продавець». Це та зміна, яку помічають не свідомо, але яка тримає довіру найдовше.

Що вимірювати

Гарна картка — не питання смаку. Її можна перевірити цифрами. Дивись на три речі й порівнюй до і після заміни:

  • Клікабельність у стрічці. Скільки людей із тих, хто побачив картку, натиснули. Це головний показник роботи головного фото.
  • Конверсія на сторінці. Скільки з тих, хто зайшов, довели до кошика. Тут працюють решта фото, масштаб і чесність кадру.
  • Повернення й питання. Якщо після зйомки поменшало питань «а який розмір?» і повернень «не те, що на фото» — картка стала чеснішою.

Правило просте: міняй щось одне за раз. Заміни спершу головне фото — подивись тиждень. Потім фон — ще тиждень. Інакше ти не зрозумієш, що саме спрацювало, і повторити успіх не вийде.

Не жени за красивими цифрами в вакуумі. Десять кліків із ста показів на дешевому товарі можуть приносити більше, ніж двадцять на дорогому. Дивись на гроші в кінці, а не на відсотки посередині.

Як не переборщити

Легко захопитися й зробити картку «дизайнерською» замість продавальної. Кілька меж, за які краще не заходити:

  • Не прикрашай те, чого немає. Якщо на фото товар яскравіший, ніж насправді, ти купуєш клік ціною повернення й поганого відгуку. Це найдорожчий клік у світі.
  • Не забивай кадр графікою. Стрілки, зірочки, «-50%» навколо всього предмета не додають довіри. Вони кричать «дешево».
  • Не міняй стиль щотижня. Єдина сітка працює тільки тоді, коли вона стабільна. Знайшов формат — тримайся його весь каталог.
  • Не забувай про мініатюру. Твоя картка майже завжди спершу маленька. Якщо на розмірі нігтя нічого не зрозуміло — усі деталі всередині вже не врятують.

Головне памʼятай: картка продає не тим, що вона гарна, а тим, що вона чесна й зрозуміла швидше за сусідню. Забери зайве, покажи товар при нормальному світлі, тримай один стиль — і більшість роботи вже зроблено.

Почни з однієї картки-бестселера. Онови її, поміряй тиждень, а далі прокоти той самий підхід на весь каталог.

Читати ще