10 актуальных дизайн-акцентов в интернет-магазинах

Друзья, мы начинаем серию публикаций об актуальных дизайн-тенденциях в интернет-магазинах. Сегодня на примере лидеров российской интернет-коммерции мы расскажем о 10 тенденциях, которые актуальны в дизайне и юзабилити продающих сайтов в 2013 году. От слайдера-карусели до фильтрации товара: обратите внимание на успешные находки лидеров отрасли и реализуйте их в своём интернет-магазине.

1. Хорошо оформленная главная страница: яркая и привлекательная «витрина»

Первое, на что смотрит потенциальный покупатель, заходя на сайт интернет-магазина — это главная страница. От того, насколько удачной с точки зрения оформления она будет, насколько верно расставлены акценты, есть ли логика в соотношении элементов, во многом зависит — произойдет сделка или нет.

Новая компоновка главной страницы, напоминающая журнальный разворот — актуальный вариант дизайна. Стильно и практично, потому что ассортимент на виду.

Отличный пример - интернет-магазин скидок и купонов biglion.ru — пятый, по мнению Google, в списке гигантов отечественной электронной коммерции. Ежемесячно он обрабатывает до миллиона заказов.

Что касается дизайна, яркие фотографии заставляют буквально «шарить» взглядом по странице, оценивать товар, в нашем случае - возможность приобрести скидку. И самое главное, яркость и красочное оформление работает не против, а за: визуальные акценты выделяют цену.

2. Слайды-карусель

Ещё один тренд 2013 года — удобная прокрутка товаров. Такая карусель позволяет просмотреть новости, предложения и продукцию, которую реализует магазин. 

Карусель мы можем видеть на сайте крупнейшего интернет-магазина электроники mvideo.ru.С его помощью пользователь не только изучаем ассортимент магазина, но и узнает об актуальных скидках и акциях.

В шаблоне «Dress Collection» от движка для интернет-магазинов AdvantShop карусель движется, демонстрируя акции, скидки и самые ходовые товары онлайн-шопа.

3. Фильтрация товара

Эта опция для покупателей, которые осознанно и основательно подходят к выбору товаров. Фильтрация позволяет не рыться в огромных списках продукции. Можно сразу же обратиться к блоку фильтров и выбрать необходимые параметры и категории товаров.

Посмотрите, как принцип фильтрации товаров реализован на сайте интернет-магазина обуви sapato.ru. Здесь распределяют товары по размеру, цвету, бренду, цене, материалу, высоте каблука и другим параметрам, позволяя покупателям «играть» ими, подбирая свой.

4. Наличие корзины напрямую влияет на конверсию

Очень важно, чтобы на странице можно было легко найти корзину. Размер и уместность расположения напрямую связаны с конверсией: доказано, что наличие корзины увеличивает количество покупок до 20%. Не отказывайтесь от этого способа увеличить доход своего бизнеса, несмотря на то, что он так прост.

Интернет-магазин мобильной техники и аксессуаров sotmarket.ru  установил значок корзины в верхней панели сайта. Взгляд пользователя движется слева — направо, а значит, неминуемо приходит к корзине, которая даёт понять смысл пребывания на сайте.

В нашем шаблоне «Sketchy» от AdvantShop мы также реализовали удобное расположение корзины.

5. Hot-приманки: делайте акцент на распродажах и скидках

Не увидел — не купил. Этими простыми словами можно охарактеризовать необходимость в интернет-магазине горячих предложений, акций и скидок. Яркие и броские предложения будут очень уместны на главной странице вашего интернет-магазина. Не прячьте их, не скупитесь на подобного рода маркетинговые приемы — гиганты индустрии давно ухватили «фишку».

Почти всю главную страницу интернет-магазина одежды lamoda.ru занимают акционные баннеры с оповещением о скидках. Кликая на них, пользователь попадает на страницы, где проходят акции. Сезонные распродажи — очень актуальны в конце лета, поэтому, чем громче сказать о ликвидации, тем больший ажиотаж это вызовет.

В шаблоне «Fashionstyle» от движка для >интернет-магазинов AdVantShop. NET также реализован этот тренд: акционные баннеры движутся и предлагают перейти на страницу распродажи.

6. Выделяйте денежные системы

Вопрос оплаты — критический для многих покупателей интернет-магазинов. Эксперты юзабилити говорят о том, что часть отказов в онлайн-шопах происходит именно потому, что человек не видит приемлемого и удобного для него способа оплатить покупку.

Чтобы избежать подобных казусов, рекомендуется устанавливать логотипы платёжных систем на одном из самых видных мест интернет-магазина.

Продуктовый интернет-магазин utkonos.ru сообщает о способах оплаты сразу же: блок стоит под категоризацией товара и слева от окна регистрации покупок. Покупатель не может пройти мимо.

Обратите внимание на то, как реализована подача значков денежных систем в шаблоне «Dress Collection» от AdVantShop. NET.

7. Быстрое оформление и удобная форма заказа

Процедура оформления заказа может напрочь убить желание приобретать товар в интернет-магазине. Сегодня большинство магазинов упростили до минимума заполнение всевозможных анкет и личных данных. Сегодняшний тренд в маркетинге, а, следовательно, и в дизайне — максимальное упрощение: клиент может указать только номер мобильного, потратив на заказ вдвое меньше времени. Всё тот же sotmarket.ru упростил процесс покупки донельзя, подключив модуль «Обратный звонок» и оформив его в виде телефона.

AdVantShop. NET также реализована функция удобной покупки товара. Функция «Купить в один клик» позволяет человеку заказать звонок менеджера магазина, существенно увеличив скорость заказа.

8. Социальные сети, кнопки и виджеты

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

Кибермаркет ulmart.ru давно понял, что в социальных сетях покупатели есть. Для своих клиентов они сделали не просто кнопки, а полномасштабные виджеты, которые показывают, сколько людей поддерживает компанию в ВКонтакте» и на Facebook.Весомый аргумент, чтобы присоединиться.

Виджеты социальных сетей встроены в шаблоны от AdVantShop. NET по умолчанию, что позволяет проводить эффективный маркетинг в социальных сетях. 

9. Мобильные версии: управление интернет-магазином с помощью пальцев

Планшетные компьютеры, доступ в Интернет почти в каждом телефоне — сегодня совершить покупку современный житель всемирной паутины может в любое время и в любом месте.

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

Гиперамаркет электроники mvideo.ru говорит «Да» мобильному удобству клиентов. На сайте есть специальный раздел «Мобильная версия», кликнув на который, человек перемещается в удобное для мобильного просмотра окно.

10. Сезонное и праздничное оформление интернет-магазинов

Современные виртуальные магазины учитывают сезонность и праздники, а значит, 1-го сентября на сайтах появляются желтеющие листья, а зима оповещает онлайн-шопы, что нужно подключать модуль "Снегопад".

Украшайте сайт, меняйте дизайн в зависимости от времен года, праздников и других громких событий: это развлекает и радует покупателей, повышает лояльность и желание делиться ссылками на ваш интернет-магазин.

У крупнейшего российского интернет-магазина wildberries.ru — лето, что он охотно показывает с помощью подложки из пальм и пляжа. Так оформлена не только главная страница, но и все остальные, которые посещает клиент.

Друзья, все вышеупомянутые интернет-магазины делали свои дизайны за многие тысячи рублей. AdVantShop. NET предлагает приобрести отличные шаблоны дизайнов, в которых реализованы тенденции, актуальные в российской и зарубежной электронной коммерции, каждый из которых стоит всего 1990 рублей. Кроме того, в каждом из них доступен трансформер дизайна, который позволяет менять цветовую схему и фон шаблона, создавая индивидуальный дизайн интернет-магазин.