Телефон: +38 (093) 914-20-50
WEB-дизайн и создание продающих сайтов

Секреты создания продающего интернет-магазина

Главная Статьи Секреты создания продающего интернет-магазина

Каким должен быть продающий интернет-магазин?

Для современного человека покупки в интернете становятся обычным занятием. Иногда темп жизни не позволяет выделить время на поход в магазин.

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

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

Главная страница

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

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

Для этого существуют принципы визуализации:
  • 1. Поместить основную информацию по центру.
  • 2. Размещать по значимости разделы слева направо и сверху вниз (ведь именно так читает большинство населения планеты).
  • 3. Сайт должен быть четко структурирован.
  • 4. Основные позиции должны быть ярко выделенными.

Первое, на что обращает внимание человек – это центральная часть страницы. На ней крупно, ярко и лаконично должно быть расположено основное информативное звено. Это может быть услуга, скидки, или просто красивая картинка, которая привлекает глаз и дает общее представление о магазине.

Рассмотрим главные страницы некоторых магазинов, которые объединены общей тематикой:

Указанный вариант знакомит покупателя с видом продукции, со страной, на жителей которой он ориентирован и сразу предлагает услугу расчета стоимости, что вызывает у покупателя доверие и интерес. Даже если человек случайно попадает на этот сайт, он может поддаться соблазну рассчитать стоимость ремонта. Это, ведь его ни к чему не обязывает.

Подобное оформление интерфейса, но еще более заманчивое у другого магазина:

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

Оставьте заявку и узнайте цену, сроки и все детали, которые потребуются для создание вашего сайта прямо сейчас!


Третий сайт – полная противоположность по визуализации:

Вариант, который представлен выше, отличается отсутствием лишнего текста. Все лаконично и отображено в картинках. Центральное изображение – это дизайн-проект. Он уже вдохновляет на творческий подход к оформлению террасы. При 100% масштабе ссылки на категории с картинками, которые находятся под основным изображением, не видны полностью. Это дает возможность покупателю листать вниз по главной странице сайта и набрести на характеристики преимущества немецкого завода древесины. Привлекает внимание возможность связаться с продавцами в виде всплывающих окон «задать вопрос» или «закажите звонок» и активного зеленого телефона в углу страницы.

Что касается других особенностей оформления сайтов и, конечно же, создание интернет-магазина — читая слева направо сверху вниз, покупатель, в первом примере, обращает внимание на фразу «продажа и монтаж», замечает номера телефонов консультантов, а также отчетливо видит корзину, около которой может отображаться сумма покупки.

Во втором магазине стандартно слева фирменный знак, номера телефонов и есть отличительная черта – возможность найти его на картах городов Киев и Одесса. То есть магазин работает не только через интернет, но и в него можно зайти, все потрогать и понюхать.

В третьем примере вниманию покупателя представляется фраза «официальный сайт завода … в России». Это внушает ощущение высокого качества продукции по заводской цене, подсознательно говорит о выгоде осуществления покупки именно здесь. Ниже крупно изображены логотипы полученных заводом наград.
Сайты представленных магазинов, а так же многие другие, стараются в одной строке над центральным изображением разместить основные блоки.

Это такие блоки как:
  • каталог;
  • основная информация о компании;
  • оплата и доставка;
  • контакты.

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

Один из вариантов оформления лицевой страницы.

Это популярный международный сайт продаж. Здесь, как на ладони показаны категории товаров, есть быстрый доступ к корзине, изменению языка и валюты, возможность регистрации и входа от лица постоянного покупателя. Есть доступ к разделам помощи покупателю.
Расчитать стоимость и сроки
Получите бесплатный просчет стоимости и точных сроков создания интернет-магазина!

Оставьте заявку и узнайте цену, сроки и все детали, которые потребуются для создание вашего сайта прямо сейчас!


Оформление страниц категорий товаров


Любой сайт продажи, не способен выставить на витрину весь товар одновременно. Для этого существует разделение на категории. Как должна выглядеть станица категории товара?

Основные принципы это:
  • наглядность;
  • удобство поиска.
Слева или вверху обычно располагают критерии (фильтры), по которым сужается круг поиска необходимого товара.

Например, торгово-строительная компания WoodMart, предоставляет возможность выбрать террасную доску по таким критериям:
  • цена;
  • производитель;
  • материал (дерево, ДПК или термодерево);
  • породу дерева, из которого изготовлено изделие;
  • тип поверхности;
  • способ соединения;
  • критерий повышенной водостойкости.

Здесь все товары представлены изображениями небольшого размера с указанием основных характеристик (материал и цена, наличие на складе). Около каждого изделия есть значок «купить», что позволяет сэкономить время тем, кто уже знаком с его характеристиками. Если нет, есть возможность подробно изучить его, перейдя на карточку товара. Магазин немецкого завода представляет товары одного производителя, поэтому выбор не столь велик.

В данном случае, страница категории выглядит таким образом:

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

Как может выглядеть карточка товара?

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


В приведенном примере покупатель сразу же обращает внимание на наличие скидки. Это привлекает его внимание. К тому же, цена выделена зеленым цветом, что призывает к действию. Это такой приобретенный рефлекс человека идти на зеленый свет. Прием настолько избит, что покупатели могли бы уже на него не вестись, но, все же, метод работает. Ниже под ценой расположен значок «купить»приятного цвета. Под ним — схематические изображения с предлагаемыми услугами «бесплатный(!) замер» (все любят слово «бесплатно»), «рассчитать стоимость», «получить образцы».

Особая графа справа – список, опять же, зеленого цвета. В нем указаны заманчивые предложения и услуги:
  • снижение цены, в случае, если цена данного товара будет выглядеть завышено по сравнению с другими магазинами;
  • возможность посмотреть на товар в живую, посетив выставочный зал;
  • бесплатный выезд замерщика;
  • хранение товара на складе после покупки (кому не удобно получить его сразу);
  • бесплатная (!) доставка.
Под основной карточкой товара можно прочесть о характеристиках данного изделия в таблице или тексте-описании. Это кому как удобно. В конце прилагаются отзывы и оценка товара. Что касается оформления таблицы характеристик, то все пункты выделены через один голубым и белым цветом.

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

Ниже приведен еще один пример карточки заказа:

Здесь примечательно наличие схематического описания и текстового. Таблицы с характеристиками нет. Слева, по стандарту, расположено изображение товара. Справа от него – варианты осуществления покупки: яркий и крупный значок «оставить заявку» и текстовая ссылка нейтрального цвета «получить бесплатные образцы. Таким образом можно расставить приоритеты. В данном случае магазин не очень заинтересован в рассылке бесплатных образцов, хотя и предлагает такую услугу.

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

Если такого изображения свойств товара недостаточно, ниже приведено текстовое описание изделия для более требовательных покупателей, или новичков.

Существует занятная особенность в расположении кнопки «купить» по отношению к фото. Горький опыт финского интернет-магазина Taloon.com научил многих оформителей продающих сайтов. Как оказалось, положение значка совершения покупки под фото отпугивало покупателей. После того, как карточка заказа стала выглядеть так:


Число покупателей магазина выросло на 11,9%. Сегодня большинство магазинов пользуются именно таким оформлением карточки заказа, которое включает: главное фото, несколько дополнительных снимков, цену, значок заказа и характеристику в любом виде.
Расчитать стоимость и сроки
Получите бесплатный просчет стоимости и точных сроков создания интернет-магазина!

Оставьте заявку и узнайте цену, сроки и все детали, которые потребуются для создание вашего сайта прямо сейчас!


Корзина

Чаще всего корзина является воплощением иллюзии доступности покупки товара. Корзина должна находиться в поле зрения покупателя, а возможность попасть в нее – осуществляться одним кликом на значок «купить» . Ее размещают на верхней панели сайта, которая остается неизменной на любой из страниц. Значок корзины всегда яркий и крупный.

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


Если нажатие на значок «купить», было выполнено по ошибке, у покупателя должна быть возможность отказаться от товара, нажав на крестик. Также должны быть способы изменения количества товара, его цвета (если есть варианты) и т.д.
Самая крупная виртуальная клавиша спокойного, но броского цвета призывает к оформлению заказа. Текст на ней может быть в виде словосочетания «оформить заказ», «оформление заказа», «подтверждение покупки» и т.д.

Принципами дизайна страницы корзины должны быть:
  • строгий порядок;
  • отсутствие лишней информации на теле корзины (допускается реклама внизу или сбоку);
  • возможность изменить содержимое корзины;
  • доступ к странице ознакомления с условиями доставки и оплаты.
Рассмотрим корзину международного магазина электроники. Значок перехода в корзину расположен справа вверху общей панели доступа. Одним нажатием на нее, можно попасть в пустую корзину, а справа появляются предложенные варианты со значками «купить»:

Корзина на таком сайте является полноценной страницей, а не всплывающим окном, которое можно закрыть крестиком справа.
Здесь покупатель буквально атакован выгодными предложениями и качественной продукцией. Причем внимание он обращает на значки «купить», звездочки оценки товара и цену со скидкой. Все эти элементы выполнены в одном цвете, чтобы держать внимание покупателя в рамках критериев цены, качества и возможность купить товар, даже не знакомясь с его характеристиками.

Таким образом, разработка дизайна продающего сайта должна осуществляться путем использования средств психологического воздействия на потенциального покупателя. Это соблюдение законов первого впечатления. Покупателя нельзя отталкивать яркими кричащими цветами или траурными расцветками. Нельзя перегружать информацией и запутанными путями доступа к необходимому товару. Впервые попадая на страницу интернет-магазина, человеку должно быть легко ориентироваться. Именно для этого практически каждый сайт онлайн-покупок оформляется по стандарту.

Вверху – несменная панель информации, которая содержит название магазина, контакты, корзину и основные разделы. Раздел каталога товаров должен включать категории товаров. Заходя на станицу категории или подкатегории, покупателю должны быть доступны параметры, по которым он осуществляет выбор. В карточке товара лаконично излагают характеристики в виде схем и таблиц для облегчения восприятия. Доступ к покупке должен быть всегда: на странице раздела и подраздела, в карточке товара, иногда, на главной странице (если это горящий товар). Рядом с фотографией объекта продажи размещают цену, базовые характеристики и значок «купить».
Удобное и привлекательное оформление интернет-магазина – залог популярности среди покупателей.
Расчитать стоимость и сроки
Получите бесплатный просчет стоимости и точных сроков создания интернет-магазина!

Оставьте заявку и узнайте цену, сроки и все детали, которые потребуются для создание вашего сайта прямо сейчас!


Оцените нашу работу
1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (6 оценок, среднее: 4.67 из 5)
Загрузка...
Skype

Skype: poltorrr

Контакты

+38 (093) 914-20-50
info@poltor.com

Я в соцсетях
Консультация

Бесплатная консультация
Написать мне

© 2017. «Poltor.com». Все права защищены.
Создаем сайты, которые продают!
Остались вопросы?

Заполните форму ниже, и я обязательно свяжусь
с вами в ближайшее время.