Веб-тюнінг. 20 фішок для сайтів б'юті-тематики

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

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

1 Фотографії результату на весь екран

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

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

Приклад великої фотографії на сайті Laroche-Posay:

2 Фільтр, що викликається

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

Приклад реалізації фільтра, що викликається, розміщеного над блоком із товарами, на сайті Skincare:

3 Фото тих, хто додав Wishlist

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

Приклад фотографій тих, хто додав у Wishlist на сайті Garnier:

4 Instagram-стрічка користувацьких фото

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

Приклад Instagram-стрічки з фотографіями від клієнтів на сайті Maybelline:

5 Розширена фільтрація відгуків

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

Приклад розширеної фільтрації відгуків на сайті Garnier:

6 Блог, як глянцевий журнал

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

Приклад дизайну блогу на сайті Lancome:

7 Фильтр під кожну категорію

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

Приклад індивідуальної фільтрації на сайті Maybelline:

8 Спливаюча картка товару

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

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

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

9 Легко про складні інновації

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

Приклад доступної інформації про технології на сайті Біокон:

10 Стилізований слайдер

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

Приклад стилізованого перемикання банерів слайдера на сайті Giorgio Armani:

Приклад нестандартного слайдера на сайті Garnier:

11 Поп-ап із розгорнутою аргументацією

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

Приклад аргументації в поп-апі від Lancome:

12 Бонуси за покупку через інтернет

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

Приклад мотивації покупок через сайт від Avon:

13 Фільтр за потребою

Припустимо, клієнт не знає, що саме йому потрібно, як йому тоді знайти потрібний товар? Запропонуйте йому вибрати косметичний засіб, залежно від проблеми, з якою зіткнулася людина, чи то зморшки, кола під очима, чи то короткі вії.

Приклад фільтра за потребою на сайті Garnier:

14 Максимально розширена фільтрація

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

Приклад розширеної фільтрації в інтернет-магазині Makeup:

15 Візуалізації серії косметичних засобів

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

Приклад реалізації візуалізації властивостей косметичної серії:

16 Помітна форма підписки у футері

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

17 Програма лояльності

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

Приклад програми лояльності у формі закритого клубу від Watsons:

18 Багатофункціональний блок зворотного зв'язку

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

Приклад подібного блоку з контактами Parispresents:

19 Вигоди в першому екрані

Зробіть окремий блок із подарунками та акціями на головній сторінці сайту, закликавши здійснювати вигідні покупки просто зараз. Особливо актуальні такі блоки в періоди свят, наприклад, Нового Року.

Приклад залучаючої пропозиції до новорічних свят від Lancome:

20 Інструкція з використання мобільного додатку

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

Приклад інструкції на сайті Avon:

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