12 главных советов для домашних страниц B2B (как веб-дизайнер)

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

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

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

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

Эта статья основана на одном из наших популярных веб-семинаров, организованном специалистом-дизайнером Articulate Беном Холнессом. Просмотрите видео и загрузите слайды.

1. Создайте своего героя вокруг вашего ценностного предложения

Хорошо, давайте начнем с некоторых определений:

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

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

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

Вот отличный пример от Mosaic. Их герой сочетает в себе панель инструментов с фирменной графикой и четким лаконичным текстом. (Обратите внимание на эти логотипы компаний? Подробнее о них ниже.)

Совет для профессионалов : позвольте части под героем заглянуть в поле зрения — это поможет вызвать предвкушение и любопытство.

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

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

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

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

Как видите, Nexio Projects проделали большую работу, разделив свои разделы на самые важные страницы. Молодцы они!

3. Разложите текст на удобоваримые куски

Не уверены, что у вас есть правильный макет для вашей копии? Золотое правило — ставить функцию на первое место . (Хорошо, есть много золотых правил, но это особенно самородок!) Подумайте о том, чего ваша копия пытается достичь, и это поможет вам решить, что и где должно быть.

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

• Избегайте больших блоков текста. Разбейте основные элементы на маркеры, подзаголовки или карточки со значками.
• Пусть каждый раздел говорит сам за себя. Все должно бороться за свое место на странице. Держите его худощавым и точным.
• Если сомневаетесь, дайте ссылку. Помните, что ваша домашняя страница — это центр!

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

4. Добавляйте призывы к действию

Ах, да, призыв к действию, более известный как CTA. Здесь вы можете сказать пользователю, что вы хотите, чтобы он сделал. Магазин сейчас! Связаться! Закажите звонок!

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

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

Итак, будьте экономны и постарайтесь сделать так, чтобы каждый CTA учитывался:

• Измените текст кнопки. Воспользуйтесь возможностью попробовать другую формулировку — просто убедитесь, что понятно, что на самом деле происходит при нажатии на кнопку.
• Конец с треском. Смелый и привлекательный CTA в нижней части вашей домашней страницы является обязательным. Не заставляйте пользователей искать, куда идти дальше.
• Хорошо используйте верхний и нижний колонтитулы. Они одинаковы на большей части вашего веб-сайта, что делает их отличным местом для CTA.

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

5. Разместите карусель слайд-шоу

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

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

Исключения подтверждают правило. Итак, удалите это слайд-шоу!

6. Помните о мобильных пользователях

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

Чтобы помочь своим мобильным посетителям, вы должны:

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

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

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

7. Используйте картинки, чтобы сказать тысячу слов

Конечно, это клише, но это также правда. На самом деле это клише, потому что это правда! Изображения могут помочь вам передать ваше сообщение просто и эффективно без необходимости в больших блоках текста.

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

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

8. Посмотрите на домашние страницы ваших конкурентов и отклонитесь (в пределах разумного)

Вы хотите выделиться, не так ли? Что ж, самый простой способ — посмотреть, что делают все остальные, а потом заняться… чем-то другим!

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

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

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

9. Добавьте социальное доказательство

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

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

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

10. Продвигайте свой контент

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

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

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

11. Добавьте встроенную интерактивность

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

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

12. Используйте анимацию экономно и целенаправленно

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

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

Нужны дополнительные советы? Связаться!

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

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

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