Опишіть ваш проєкт
Наші спеціалісти звʼяжуться з вами найближчим часом
Надіславши запит, ви отримуєте:
  • Лист чи дзвінок від нашого менеджера
  • Оцінку свого проєкту
  • Особисту зустріч, за необхідності
  • Конфіденційність гарантовано!
maxim_kaschjev
Ваш менеджер
Максим Кащєєв
Із задоволенням відповімо на всі ваші запитання
Задати питання
Інтернет-магазинам

Як створити сторінку картки товару для інтернет-магазину?

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

Перейдемо відразу до справи — 10 складових конверсійної сторінки товару:

1 Зображення товару в різних ракурсах

Вже на етапі проектування структури сторінки потрібно закласти місце для великої фотографії товару, а також можливості подивитися товар з усіх боків. За час, поки триває розробка інтернет-магазину, ви встигнете підготувати всі необхідні зображення для кожної позиції в каталозі. З цією метою рекомендуємо звернутися до фотографа, який забере кожну товарну одиницю в потрібних ракурсах. Особливо це стосується інтернет-магазинів одягу, електроніки, або ексклюзивних товарів: букетів квітів, хендмейд виробів, а також інших товарів, які потенційний клієнт захоче "покурити в руках".

N.B. Під час проектування сторінки товару відведіть потрібне місце як для основного фото, так і допоміжних, а також надайте можливість для зручного збільшення зображення, для детальнішого його вивчення.

2 Опис товару не для роботів

Якщо ви думаєте, що про тексти потрібно піклуватися тільки на етапі наповнення інтернет-магазину — то глибоко помиляєтесь. По-перше, для тексту потрібно виділити належну кількість місця вже на момент проектування сторінки товару. По-друге, текст потрібно «дизайн» — розбавляти ілюстраціями, іконками та іншими візуальними елементами для кращого сприйняття. Крім того, для підготовки якісних описів товарів потрібен час — тому вже з початку створення інтернет-магазину потрібно знайти копірайтера, який підготує для вас потрібну кількість текстів, причому якісних, таких, які будуть продавати. Більше про те, якими повинні бути тексти на сторінці товару, читайте тут.

N.B. Не варто нехтувати силою тексту. Виділіть для нього рівно стільки місця, скільки має вистачити для повного опису вигод використання пропонованого вами товару. Розбийте текстовий блок на кілька вкладок, з людським описом, технічними характеристиками та відгуками від клієнтів.

3 Інтерактивні варіації товару

Варто врахувати, що багато товарів мають свої варіації: розмір, колір, візерунок і т.д. Потрібно дати користувачеві можливість інтерактивного вибору потрібного йому варіанта. Ці елементи не повинні займати багато місця, але й ховати їх десь унизу також не потрібно.

4 Привабливий цінник

Ціні на сторінці товару потрібно приділити особливу увагу. Важливо зробити її привабливою. Цього добитися можна як стандартними способами на кшталт «було/стало», позначенням розміру знижки, але і навіть без акцій можна прикрасити ціну товару так, щоб його захотілося купити. Більше про роботу з цінниками дивіться у відео «Великий мозок»:

5 Інформація про доставку

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

Приклад сторінки товару, з блоком інформації про доставку та гарантії:

6 Варіанти оплати

Краще відразу дати відповідь на питання «А як я можу оплатити даний товар?». Покажіть на сторінці товару значки способів оплати — Visa, Master Card, PayPal, а також обов'язково покажіть, що можна сплатити товар готівкою до рук кур'єру, якщо така можливість є. Незважаючи на те, що банківськими переказами зараз користується багато хто, більшість все одно воліє платити не за кота в мішку, а за фактичний товар, який приїхав до рук одержувачу, перевірений щодо якості та інших критеріїв.

7 Кнопка заклику до дії

Безумовно, на сторінці товару потрібно розмістити кнопку заклику до дії — натиснувши яку, людина почне свій шлях до покупки. Рекомендовано називати такі кнопки дієсловами: «Купити», «Замовити», «Купити в один клік», «Додати в кошик».

Кнопка повинна бути помітною, а також розміщуватися в такому місці, де відразу впадає користувачеві в очі.

Приклад сторінки товару з великим зображенням, а також видимою кнопкою заклику до дії:

8 Блоки із супутніми товарами (крос-селінг)

Щоб підвищити середній чек інтернет-магазину, потрібно розміщувати на сторінці товару блоки з супутніми товарами. Для підвищення ефективності, можна пропонувати акцію, на кшталт «Разом дешевше»: до фотоапарата картку пам'яті за знижкою, наприклад. Більше про те, як правильно впровадити на свій інтернет-магазин елементи крос-селлінгу, читайте в цій статті.

9 Відео-огляд

В інтернет-магазині відмінно працюють відео-огляди товару. Звичайно, цей пункт можна обійти, адже створення відео — справа не з легких. Але все ж таки, якщо заморочитися, і відзняти для самих маржинальних позицій відео-огляди, то ви отримаєте ефект, що перевершує традиційні сторінки без відео в рази. Тож. Під час проектування закладіть місце для відеозапису та приступіть до його зйомки. Щоб у момент наповнення інтернет-магазину, у вас була низка хвилинних роликів про товар.

10 Лічильники

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

Як бачите, вже на етапі проектування сторінок інтернет-магазину, важливо врахувати ряд деталей, щоб при передачі прототипів дизайнеру, той зміг приділити більше уваги композиційним моментам, дизайнерським рішенням, а не наново винаходив велосипед.

Поділіться своєю емоцією від статті
Давайте обговоримо Ваш проєкт
Ми з радістю зробимо безкоштовну оцінку вашого проєкту
Або просто завантажте файл з презентацією або описом
Моісєєв Артем
Business Development Manager
Моісєєв Артем