21 совет по дизайну домашней страницы, который должен запомнить каждый маркетолог

21 совет по дизайну домашней страницы, который должен запомнить каждый маркетолог
21 совет по дизайну домашней страницы, который должен запомнить каждый маркетолог
Anonim

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

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

1. Сразу поясните, что вы предлагаете

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

Вот 31 пример ценностного предложения, которые помогут показать вам, как все делается правильно.

2. Добавьте призыв к действию вверху страницы

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

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

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

4. Проверьте свой дизайн на мобильных устройствах

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

5. Используйте контрастные цвета

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

6. Добавьте подсказки направления

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

7. Откажитесь от слайдера или карусели

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

8. Используйте пробелы

Вы заметили, что современные домашние страницы стали значительно менее загромождены, чем в прошлом? Это потому, что веб-дизайнеры научились использовать пробелы, и в результате внимание становится более сосредоточенным и дизайн становится более «дружественным».

9. Удалить боковую панель

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

10. Добавьте реальные фотографии товара

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

11. Художественное видео

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

12. Создайте эмоции с помощью цвета

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

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

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

14. Ограничьте количество копий

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

15. Рассмотрим функцию поиска

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

16. Поддерживайте баланс и структуру

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

17. Подчеркните типографику

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

18. Включить основные моменты блога

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

19. Оптимизация времени загрузки

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

20. Используйте умный контент

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

21. Часто обновляйтесь

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

Ваша домашняя страница на должном уровне?

Узнайте это в выпуске «Разоблачение веб-сайта» в этом месяце с нашим особым гостем, бывшим директором по маркетингу HubSpot и венчурным капиталистом,Mike Volpe!

Отправьте свой веб-сайт, чтобы получить возможность получить критику (обмен сообщениями, UX, дизайн, стратегия и многое другое) в прямом эфире от меня, Майка и директора по стратегии IMPACT Тома ДиСципио, а затем подключайтесьСреда, 12 октября, 14:00 по восточному временичтобы услышать, что мы хотим сказать!