Блог TemplateMonster

Как улучшить нижнюю часть главной страницы сайта?

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

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

Если вы не верите, взгляните на эту статистику.

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

Чем проще, тем лучше

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

В подтверждение этому существует ряд особенностей, в том числе:

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

Сократите текст

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

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

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

Применение теории на практике

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

Hive - WordPress шаблон на тему архитектура

Загрузить | Демо

Ismiler - WooCommerce тема магазина мобильной связи

Загрузить | Демо

Elevator- тема WordPress для художественной галереи

Загрузить | Демо

Используйте белое пространство

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

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

Применение теории на практике

Ниже представлены примеры шаблонов, которые будут “работать на вас”.

Outside - WooCommerce шаблон на тему мода

Загрузить | Демо

Siena - WordPress шаблон на тему архитектура

Загрузить | Демо

SiliconBlogger - WordPress шаблон на тему искусство и культура

Загрузить | Демо

Использование выпадающих или всплывающих меню

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

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

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

Применение теории на практике

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

Binec - WordPress шаблон на тему искусство и культура

Загрузить | Демо

TechLoop - WooCommerce шаблон магазина электроники

Загрузить | Демо

Orize - WooCommerce шаблон на тему салон красоты

Загрузить | Демо

Используйте правило 80/20

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

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

Применение теории на практике

Ознакомьтесь с некоторыми, наиболее впечатляющими, примерами тем WordPress, где баланс 80-20 точно соблюдается.

Creatica - WordPress шаблон на тему портфолио фотографа

Загрузить | Демо

Guiding Voice - WordPress шаблон для сайта карьерное образование

Загрузить | Демо

WordPress шаблон на тему консалтинг

Загрузить | Демо

Настройте себя на успех

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

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