Веб-тюнінг. 20 фішок для інтернет-магазину товарів домашнього затишку

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

У сьогоднішньому "Веб-тюнінгу" ми поговоримо про інтернет-магазини, де ці самі "затишні" дрібниці продаються. Якщо ви представник цього типу бізнесу - обов'язково прочитайте цю статтю, адже в ній ви знайдете 20 фішок, які зроблять процес вибору для відвідувачів вашого веб-проєкту простішим і комфортнішим.

1 У меню фотографії, а не іконки

Ось вже який товар і купують очима, так це елементи декору та дрібнички для дому. Мило, стильно або просто колір гарний - беремо. Тому, представляючи меню навігації за категоріями, замість графічних іконок краще використовуйте якісні фотографії.

Приклад використання фото в категоризаторі:

І ще хороший приклад меню з фотографіями:

2 Заголовок розділу, як в альбомі

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

Приклад оформлення шапки сторінки розділу, схожого з альбомним One Kings Lane:

3 Великі фотографії

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

Використовувати на сайті можна як фото товарів, так і композицій, у яких він бере участь.

Приклад використання великих фотографій Zarahome:

Приклад більший фото на One Kings Lane:

4 Експеримент із розміщенням конверсійних елементів

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

Приклад того, як можна поміняти місцями елементи на сторінці товару One Kings Lane:

5 Блок з ідеями для подарунків

Зазвичай, не знаючи, що б такій людині подарувати, ми обираємо якусь милу дрібничку, якою можна прикрасити будинок. І не тільки на Новий Рік, а й у будь-яке інше свято, аж до дня народження. А це означає, що вам обов'язково потрібно зробити на своєму сайті блоки з ідеями для подарунків, категоризувавши їх за характеристиками одержувача (жінка, чоловік, дитина, друг, коханий, колега тощо), і навіть за ціновим діапазоном.

Приклад подачі блоку з кандидатами в подарунки Dawanda:

Приклад розбивки за ціною Сrateandbarrel:

6 Модуль підбору подарунків

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

Приклад модуля підбору подарунків Dawanda:

7 Тематичні добірки товару

Поєднайте користь для клієнта з комерцією - робіть тематичні добірки з ідеями щодо створення домашнього затишку (наприклад, оформлення домашнього інтер'єру), і додавайте товари, за допомогою яких це можна впровадити.

Приклад тематичних добірок Joss&Main:

8 Тексти з душею

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

Приклад душевного тексту Carambol-Shop:

9 Оригінальна сторінка "Про нас"

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

Приклад цікавого подання інформації про компанію в Carambol-Shop:

10 Підказки

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

Приклад підказки One Kings Lane:

11 Вагомий аргумент для реєстрації

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

Приклад аргументу для реєстрації One Kings Lane:

12 Швидкий перегляд картки товару

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

Приклад спливаючої картки товару:

13 Святкові товари

Робіть блоки з товарами, прив'язані до свят. Це не можуть бути не тільки новорічні прикраси для дому, а й спеціальні дрібнички для Хеллоїна, Великодня, Дня Незалежності тощо. Так, це будуть сезонні добірки, але в сезон вони точно піднімуть ваші продажі.

Приклад святкових добірок H&M Home:

14 Активуючий фільтр

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

Приклад активуючого фільтра при натисканні на нього на H&M Home:

15 Можливість співпраці

Залучайте до співпраці талановитих дизайнерів, декораторів, хендмейдерів. Розмістіть на сайті інформацію про те, що ви пропонуєте і чого очікуєте натомість.

Приклад блоку із закликом до співпраці на Etsy:

16 Докладний футер

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

Приклад докладного футера Dawanda:

І ще приклад:

17 Стильный блог

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

Приклад стильного блогу Canvashomestore:

18 Користувацький контент на картці товару

Замість тисячі слів, запропонуйте клієнтам можливість довантажити на картку товару своє фото. Адже ніщо не характеризує товар краще, ніж його фото в дії.

Приклад користувацьких фотографій Westelm:

19 Безкоштовний каталог за розширені дані

Це щось на кшталт аналога білої книги. Запропонуйте своїм відвідувачам отримати журнал (можна електронний, а можна і друкований) з інформацією про те, як за допомогою ваших товарів створити вдома атмосферу тепла і затишку, в обмін на їхні дані. Зверніть увагу, у цьому випадку ви можете запитувати більше, ніж ім'я та email. Наприклад, якщо ви пропонуєте вислати друковану версію, то вам потрібно дізнатися поштову адресу як мінімум.

Приклад форми для отримання безкоштовного каталогу:

20 Активність в Instagram

У вас може не бути мобільного застосунку, і навіть мобільної версії сайту, але в Instagram ви бути зобов'язані. Користувачі цієї соціальної мережі не тільки фото їжі люблять, а й оригінальні штучки, а вже їх-то у вас повно. Фотографуйте, публікуйте, ставте хештеги, і буде вам щастя у вигляді нових клієнтів :-)

Приклад Instagram-акаунта Ummdecor:

На сьогодні все, через тиждень ми детально розберемо 20 фішок, які неодмінно мають бути на брендовому сайті.