Лучшая иерархия дизайна макета для вашей домашней страницы, чтобы привлечь больше клиентов и продажи

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

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

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

Ваш логотип влево или в центре (и компоненты заголовка)

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

Логотип

расположение логотипа

Начните с вашего логотипа. Хороший дизайн логотипа дает наибольшее значение здесь, но вам нужно убедиться, что он расположен в верхнем левом углу в середине заголовка. Люди читают слева направо, и логотип обычно дает представление о том, что предлагает сайт. Если ваш логотип не сразу объясняет вашу компанию, включите короткий лозунг ниже или в сторону логотипа.

Панель поиска

важность строки поиска

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

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

Поместите это в свой заголовок и дайте ему понять.

Иконка корзины покупок и кнопка

Screen Shot на 2015 06-01-11.25.00 А.М.

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

К сожалению, вы, как правило, придерживаетесь того, что предлагает ваша тема или платформа электронной торговли с точки зрения модуля корзины покупок, но вот руководство, если вы находитесь на рынке для изменения дизайна:

  • Включите значок корзины покупок
  • Включите ссылку или значок, который обеспечивает проверку одним нажатием на любой странице сайта.
  • Покажите номер, указывающий количество элементов в корзине покупок

Объявления о доставке

Screen Shot на 2015 06-01-11.25.09 А.М.

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

На скриншоте выше показан хороший пример того, как компания Kutoa объясняет свою политику доставки, не занимая слишком много места.

Сезонные баннеры

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

Кнопка входа / регистрации

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

Меню навигации с соответствующими вкладками

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

Изображение или слайдер с наложенным вызовом на действие и кнопкой

Ползунки CTA

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

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

Сетка или слайдер для миниатюр продукта

thumbnail как слайдер или сетка

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

Электронная подписка

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

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

Другие магазины предпочитают боковую панель или нижний колонтитул при обмене формой подписки на рассылку новостей. Я заметил, что интернет-магазины обычно размещают формы в нижней части страницы, когда они не отправляют много писем. Они просто пытаются собирать электронные письма для отправки случайных рекламных акций.
Screen Shot на 2015 06-01-11.25.39 А.М.

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

Боковые панели или макеты на основе сетки?

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

компоновка с сеткой

Каковы некоторые твердые компоненты для включения в боковую панель?

  • Кнопка или ссылка на ваш блог
  • Рекламные или сезонные баннеры
  • Медиа-ссылки
  • Социальные модули или ссылки
  • О нас виджет или область, объясняющая, что такое сайт

Последние Tweets

Нижний колонтитул

Большинство ваших клиентов не будут переходить к нижнему колонтитулу, но необходимы несколько важных, но менее срочных ссылок.

Нижний колонтитул

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

  • Связь с нами
  • Отправить ссылку по электронной почте
  • Номер телефона
  • Ссылка на статус заказа
  • Часто задаваемые вопросы
  • Социальные кнопки
  • Ссылка на гарантию
  • Политика конфиденциальности
  • Ссылка для блога
  • Информация о доставке
  • Обратная связь
  • Контактная информация
  • Ссылка на работу

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

Изображение изображения curtsey of Крис Баннистер

Каталин Зорзини

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