Элементы и блоки лендинг пейдж

Здравствуйте!

Если Вы задумываетесь о создании лендинга, то наверняка у Вас в голове проносится табун мыслей, одна из которых “Какие у меня должны быть элементы и блоки лендинг пейдж?”.

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

Сейчас мы с Вами разберём, из каких блоков может состоять landing page, рассмотрим все самые популярные варианты и изучим примеры реализаций.

БЛОКИ ЛЕНДИНГ ПЕЙДЖ

Изучая данный материал, Вы ознакомитесь с 23 блоками, из которых будет состоять Ваш сайт. 

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

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

Блок 1. Первый экран

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

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

1. Контакты;
2. Город;
3. Дескриптор (описание чем Вы занимаетесь);
4. УТП или вкусное предложение (иногда этот блок служит параллельно дескриптором);
5. Изображение;
6. Кнопка действия/форма.

Блок 2. Преимущества

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

Данный блок может расположиться как на одном экране сразу со всеми преимуществами, так и может быть разделён по принципу: один экран - одно преимущество.

Преимущества

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

Блок 3. Добивающие преимущества

Дело в том, что в один блок рекомендуем не размещать более 4 элементов, иначе будет мысленный перегруз. Но что делать, когда преимуществ больше, существенно больше?

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

Добивающие преимущества

Блок 4. О компании

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

Поэтому не уходите в дебри миссии и ценностей компании. Не уходите в дебри - это не значит, что совсем это не нужно делать ;-)

Блок 5. Портфолио/кейсы

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

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

Портфолио

Нюанс. Самые крутые кейсы выглядят в формате ДО/ПОСЛЕ. Подумайте, как Вы можете это реализовать у себя.

Блок 6. Команда

Блок очень похож с “О компании”, ведь люди - это и есть компания. Но в большинстве случаев, лучше выносить команду в отдельный блок, так как люди хотят видеть, с кем работают.

Быть уверенными в том, что Вы не инопланетяне, которые возьмут их деньги и улетят к себе обратно на Марс.

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

Блок 7. Процесс работы/Этапы работы

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

Если же Вашу работу можно разделить на “замер/выбор продукта - договор - ожидание/реализация - получение”, то отправьте этот блок в баню, там ему место, причём где-нибудь в уголке.

Процесс работы

Блок 8. Детально продукт

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

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

О продукте детально

Нюанс. Высшая степень реализации данного блока - это показать продукт в разрезе.

Блок 9. FAQ (Часто задаваемые вопросы)

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

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

Часто задаваемые вопросы

Блок 10. Логотипы клиентов

Работа в сфере B2B подразумевает под собой работу с другими компаниями, так почему бы за счёт их репутации не поднять свою?

ТОЛЬКО пожалуйста, не нужно бежать и лепить логотипы СберБанка, Билайн и других крупных компаний себе на сайт. Это может сработать в противоположную сторону, в негативную.

Логотипы клиентов

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

Блок 11. География

Бывает такое, что клиенты не понимают, что Вы работаете по всей России или даже миру, и номер 8-800 им ни о чём не говорит.

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

География

Блок 12. Калькулятор

“Что это за адская формула? Я не на математика учился!”, - ворчит наш верстальщик, когда мы просим его создать очередной калькулятор.

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

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

Калькулятор

Блок 13. Магнит

Хотите обратить внимание посетителей на то, что Ваше предложение идеально для них подходит?

То так и напишите: “Это для Вас, если...” и далее следует перечисление профессий, социальных положений, желаний клиента.

Блок 14. Толчок

Обратный инструмент пункту 13. Толкните тех, кто Вам не нужен, чтобы опять же тот, кто нужен, понял, что он тот самый. И заодно сказал себе: “Я не такой, я хороший!”

Блок 15. Каталог/Услуги

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

Также этот блок можно назвать “Услуги”, только в данном случае, Вы уже показываете не товары, а услуги, либо сразу перечень, либо по одной с прокруткой с помощью стрелок (слайдера).

Блок 16. Конфигуратор

Ещё один блок для вовлечения клиентов.

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

Конфигуратор

Блок 17. Видео

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

Блок 18. Боль

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

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

Блок 19. Сравнение

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

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

Люди не глупые, они могут проверить. И тогда Вы попадёте в неловкую ситуацию, если вдруг нас не послушались.

Сравнение

Блок 20. Не нашли ответ?/Нужна консультация?

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

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

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

Блок 21. Карта

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

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

Блок 22. Гарантия

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

Гарантия

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

Блок 23. Цены/пакеты/тарифы

Если Вы продаёте одну конкурентную услугу или один товар, то у Вас априори нет каталога в классическом понимании.

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

Тарифы

Кстати говоря, а как Вы считаете, стоит на сайте показывать цены в открытом доступе - или создавать интригу? 

Блок 24. Отзывы

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

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

Важный момент

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

От определения целевой зависит всё. Банально, но факт. Как мы определяем целевую аудиторию для сайтов мы уже писали.

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

КОРОТКО О ГЛАВНОМ

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

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

До новых встреч!