Веб-тюнинг. 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 фишек, которые непременно должны быть на брендовом сайте.