Меню Закрыть

Дизайн Домашняя страница: что включать (и примеры для подражания)

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

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

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

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

    Нужна графика для вашего заголовка?

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

    Обзор сейчас лопнет

    2. Понятная навигация

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

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

    Люди используют организационные методы запоминания под названием “лязг” при этом информация разбивается на более мелкие ментальные единицы, называемые “куски”.

    Чем меньше куски, тем легче удержания памяти. Во влиятельной статье, опубликованной в 1956 году, профессор психологии Джордж Миллер пришел к выводу, что наша кратковременная память, как правило, может удерживать только семь элементов одновременно.

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

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

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

    Домашняя страница безусловного, например, балансы минимальный навигация и обширный инвентарь с хорошо организованным меню.

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

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

    3. Привлекательные образы

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

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

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

    Изображения с наложенным текстом

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

    Слайдшоу

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

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

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

    Видео

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

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

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

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

    4. Прямой призыв к действию

    Думаю, призыв к действию, как знак выхода на шоссе; оно должно быть коротким, трудно не заметить, и указать правильные драйверы вниз по пути, который они должны принять.

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

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

    Домашняя страница PopSockets, представленный выше, делает отличную работу перемещения пользователя вниз свой идеальный путь преобразования. Блестящее изображение продукта используется, чтобы привлечь внимание пользователя, в то время как призыв к действию является фронт и центр в черный и белый (в контрасте с красочным фоном).

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

    5. Удобный доступ к корзине

    Корзина является неотъемлемой частью домашней страницы для большинства веб-сайтов электронной коммерции.

    Часть делает навигацию интуитивно понятной для ваших клиентов, обеспечение их корзина легко найти. “Липкие” корзина (иногда называемый “выдвижной” корзину, которая доступна в некоторых Shopify темы) представляет собой тележку, которая присутствует и на экране на протяжении всего просмотра, как правило, в правом верхнем углу.

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

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

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

    6. В строке поиска (для больших семейств продуктов)

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

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

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

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

    За фолд: другие элементы страницы, чтобы рассмотреть

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

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

    1. Блоги, видео, и другой контент

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

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

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

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

    2. Социальные доказательства: отзывы клиентов, индоссаментов, и пресс

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

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

    Домашняя страница ErgoDox Ниже приводятся цитаты вытащили из социальных медиа и зачеты от сотрудников известных компаний как свидетельство качества товара. Однако, это ввело к низу после установления, что их продукт делает.

    3. Низким приоритетом и дополнительных продуктов

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

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

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

    4. Низкий приоритет страниц

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

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

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

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

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

    Сохраняя дизайн мобильных домашнюю в виду

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

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

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

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

    Улучшение вашего дизайна главной страницы с течением времени

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

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

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

    • Полное руководство по А/Б тестирования
    • Электронной коммерции аналитика для начинающих
    • Как улучшить UX вашего онлайн магазина
    Secured By miniOrange