Как сделать идеальный продающий сайт – лендинг

bez-imeni-1

Всем привет! Совсем недавно я присутствовала на 3-хдневном интенсиве «Лаборатории Бизнес Кейсов» по теме «Продающие сайты». Три спикера в течение трех вечеров рассказывали, как сделать продающий сайт, опираясь на современные тенденции. Я позволю себе в этой статье выделить основные моменты, а за подробностями с большим количеством примеров и за настроем в целом, добро пожаловать в закрытое сообщество ЛБК на их официальный сайт!

Прототип продающего сайта

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

Важные элементы продающего сайта

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

  1. Предложение (оффер). Важное правило для продающих сайтов – ваш оффер должен быть виден на первом экране. Это обязательно тематическая картинка, текст с призывом и контрастная кнопка.

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

Лучший способ минимизировать отказ – это добавить релевантное изображение.

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

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

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

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

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

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

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

Целью данного блока является раскрытие вашей экспертности.

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

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

screenshot_6

  1. Социально доказательство. Это отзывы, но не безликие и придуманные самостоятельно! Самые лучшие отзывы в настоящее время – это кейсы: в плане «было до…», стало «после…».

Идеальны доказательства на клиентах, лучше в картинках. Хорошим примером будут услуги стоматолога (фото зубов клиента до и после), услуги тренера (фото тела клиента до и после), ну и т.д.

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

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

Призыв к действию должен нести явную выгоду клиенту.

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

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

В этом блоке минимизируйте действия до результата: чем меньше полей, тем лучше. Например, доказано, что конверсия подписной формы выше, если там имеется только одно поле «Введите свой email» без поля «Имя».

Дизайн продающего сайта

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

Вот интересный блок с сайта, пример которого привел Евгений Ходченков (мало текста, но есть изображения):

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

Условия идеального дизайна:

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

Фишки эффективного дизайна

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

  • Заголовки. Заголовки заглавными буквами воспринимаются плохо. Их стоит выделять цветом и шрифтами. Удачные шрифты могут помочь улучшить читаемость. Не используйте шрифты впритирку – они не читаются.
  • Фон. В идеале: фото – воспринимается легко, быстро в загрузке. Видео – современно, информативно, но медленно. Может не загружаться при низкой скорости Интернета, как это происходит на моем ноутбуке. Цвет – легко настраивается, но уже давно не уникально.

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

Несколько примеров:

Сайт годовой программы поддержки бизнеса «Самолет»

Лаборатория бизнес кейсов

Клуб Offerinvest

  • Формы. Доказано, что скругленные углы дают большую конверсию. Используйте контраст цветов, яркие кнопки. В формах подписки выделяйте поля цветом и обязательно внутри прописывайте, для чего они.
  • Кнопки. Каждая кнопка на продающем сайте должна быть легко заметна, быстро читаема  и интуитивно понятна. Желательно, чтобы на каждом экране была лишь одна кнопка. На кнопки зеленого цвета люди жмут чаще, чем на все остальные. Красные кнопки «отпугивают» посетителей.
  • Текст. Ориентация контента на сайте: слева направо, так как читает человек. Располагайте блоки по смыслу, включая иконки и картинки. Сейчас большой объем текста выгоден только для поисковиков, но не для вашего продающего сайта!

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

Денежные ручейки

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

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Нажимая кнопку «Отправить комментарий», я принимаю Пользовательское соглашение и подтверждаю, что ознакомлен и согласен с Политикой конфиденциальности этого сайта.