Как оформить идеальный дизайн главной страницы сайта

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

Какие задачи компании решает основная страница сайта

  1. Задача привлечения клиента.

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

  1. Задача базовой функциональности.

С помощью главной страницы пользователь должен иметь такие возможности, как:

— возможность связаться с компанией по телефону;

— возможность обратного звонка;

— возможность регистрации на сайте;

— возможность быстрой покупки топового продукта компании;

— возможность подписки на рассылку;

— возможность ознакомиться с готовым товаром или услугой.

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

  1. Задача поиска клиентом информации.

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

Какими свойствами обладает идеальная страница

  1. Целостное предложение.

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

  1. Информативность.

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

  1. Визуальная привлекательность.

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

— цветовая гамма;

— размер и цвет шрифта;

— контрастность;

— расположение элементов.

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

  1. Наличие призывов к действию.

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

По какому принципу строится главная страница

Итак, сверху вниз – что мы увидим на главной странице сайта и на что мы обратим внимание:

  1. Шапка.

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

— логотип компании, который расположен в левом верхнем углу (пользователи привыкли к расположению логотипа, не нужно разочаровывать человека в его ожиданиях);

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

— краткая информация о компании, которая располагается рядом с лого и выделяется относительно логотипа и контактов, просто роспись о том, что вообще делает компания, без подробностей;

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

  1. Меню.

Отвечает за навигацию на ресурсе, на который посетитель всё-таки пришёл и зацепился за дизайн и шапку. В меню размещаются ссылки на подгруппы каталогов, новинки, акции, блоки «доставки» и «оплаты». Шапка и меню – дополнения друг друга.

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

  1. Блок с промо-материалами.

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

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

В промо-блоке размещаются:

— товары или услуги, выгодные по стоимости, в сравнении с конкурентами, факт выгоды подчеркнуть;

— уникальные в своём роде товары или услуги, те, которые есть только у Вашей компании;

— самые популярные продукты на сайте или по продажам.

  1. Информационный блок.

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

  1. Подвал.

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

— полноценная контактная информация в расширенном виде, вместе с формами для заказа обратного звонка и почтой «вплоть до последнего майла»;

— ссылки на отзывы, информация о доставке, адреса компании, места, где можно забрать продукт компании, адреса офисов, ссылки на сайты филиалов и многое другое, подвал страницы располагает;

— ссылки на социальные сети, кстати, компании предпочитают размещать в подвале полностью, как и на мессенджеры – в конечном итоге сюда больше влезает;

— ссылка на страницу с политикой конфиденциальности компании и сайта, никаких проблем с законом и бонус к доверию посетителей;

— логотипы известных партнёров и небольшой блок с отзывами клиентов – не полноценная страница, а демонстрационный слайдовый блок.

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

Понравилась статья?

ПОДПИШИСЬ НА НАШИ НОВОСТИ

Добавьте комментарий

Выберите социальную сеть, чтобы оставить комментарий

Комментарии

Комментариев пока нет