Работают ли landing pages? Как создать продающий лендинг пейдж: правила разработки и типичные ошибки.


Здравствуйте, уважаемые читатели блога сайт. Сегодня мы поговорим о такой важной вещи как посадочная страница , которую очень часто на буржуйский манер называют лендинг пейдж (от английского landing page — целевая страница). Что же это такое и почему это так важно?

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

Что такое лендинг пейдж и почему это так важно

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

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

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

Сам термин «лейдинг пейдж» образован от английской фразы «landing page», в переводе означающей как раз целевую, посадочную (приземляющую) страницу. Лендинги создаются не абы как, а с учетом психологии посетителей. Они должны цеплять и не отпускать их до самого момент покупки (или регистрации), ибо повторно привлечь посетителя будет уже архисложно.

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

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

Примеры лендингов

В зависимости от преследуемых вами целей можно разделить посадочные страницы (лендинги) на несколько типов:


12 шагов по созданию идеального лендинга

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

  1. Каждый лендинг должен быть заточен только под одно целевое (конверсионное) действие — либо подписка, либо продажи. Не надо жадничать, ибо внимание пользователя будет рассеяно и сильно увеличится вероятность его ухода (так ничего и не выбрав из предложенных вариантов). Лучше как можно меньше заставлять клиентов думать и выбирать — путь на landing page должен быть прямым как стрела (очевидным для него) и без каких-либо ответвлений.
  2. На посадочной странице обязательно должен присутствовать призыв к действию (с глаголами в повелительном наклонении — позвони, купи, получи, приди и т.п.). Фразы должны быть короткими и мотивирующими. Например, «купите сейчас», «получить видеокурс» или «подпишись и получи».
  3. Рулят также яркие кнопки и стрелки , создающие на них акцент. Неплохо работают кнопки красных и желтых оттенков, ибо заметны и содержат как бы призыв к действию.

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

    Иногда очень неплохо работают анимированные кнопки (но в любом случае нужно будет проводить тестирование эффективности тех или иных элементов лендинг пейджа):

  4. Если в лендинге используются (на подписных посадочных страницах без них не обойтись, но и на продажниках их довольно часто используют), то озаботьтесь тем, чтобы в них содержалось как можно меньше полей. В идеале, в форме должно быть только одно поле (для ввода Емайл адреса), но для дальнейшего общения (проведения маркетинга) вам понадобится знать и имя пользователя, поэтому два поля являются наиболее распространенным вариантом.Большее количество полей может существенно снизить конверсию. К тому же добавление полей для ввода телефона или адреса вызывает у пользователей настороженность и может привести к отказу от целевого действия.
  5. В статье про я упоминал, что пользователи в интернете тексты не читают — они их просматривают. И самым важным в этом плане является заголовок. Если его нет (или он не выделен соответствующим образом), то это очень сильно снизит конверсию. На лендингах заголовки должны быть обязательно цепляющими , чтобы пользователь склонился к дальнейшему чтению или сразу к свершению конверсионного действию (подписке, заказу, звонку).

  6. На вашей landing page должны быть не только призывы к действию и эффектные заголовки, но и аргументация необходимости подписки, покупки, заказа или звонка. В случае страницы подписки это может быть, например, небольшой видеоролик с описанием и содержанием «халявы», или все то же самое оформлено в виде краткого списка (перечня). В случае продажника это тоже может быть видеоролик с обзором товара, списком тех услуг, которые вы предлагаете (в том числе и ваши конкурентные преимущества).

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

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

  9. Страница landing page может быть довольно длинной, но при просмотре первого экрана (это та область страницы, что видна без использования прокрутки) пользователю должно быть совершенно ясно и понятно, что именно вы хотели ему сказать.
  10. Для стимулирования подписчиков или покупателей некоторых товаров (например, ) можно использовать вариант дополнительных бонусов, которые получит подписчик или покупатель при заказе. Когда пользователь находится на грани принятия решения, то как раз такие «плюшки» могут перевесить чашу весов в вашу пользу.
  11. Ну и, конечно же, стоит делать упор на то, что «только здесь и только в течении нного количества времени» пользователю будет доступно все это великолепие (подписка, специальная цена на товар, дополнительный набор услуг). Как это сделать лучше всего? Правильно, поставить таймер, ведущий обратный отчет времени до часа Х, когда предоставленная возможность будет упущена. Ничто так не стимулирует к принятию решения колеблящегося пользователя, как буквально на глазах убегающие секунды.

    Рядом с таймером неплохо будет расположить форму подписки, заказа или контактный телефон. Это будет работать не всегда, поэтому надо проводить тесты (думаю написать ряд статей про проведение А/Б-тестирования — если не хотите пропустить, то подписывайтесь на рассылку), и возможно, что такой простой и очевидный способ позволит вам увеличить конверсию данной лендинг пейдж и с лихвой окупить деньги, потраченные на продвижение в социальных сетях или контекстной рекламе.

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

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

Примеры ошибок делающих landing нерабочим

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

  1. Еще раз напоминаю, что в интернете практически никто не читает (во всяком случае вновь открытую страницу), а именно просматривает информацию. Если она окажется действительно стоящей и требующей более детального изучения, то тогда уже доходит дело и до прочтения (в общем-то, так же как и с газетами). Поэтому не допускайте перегруженности лендинга информацией — это может дезориентировать пользователя и вызвать реакцию отторжения еще до того момента, когда он разберется о чем там идет речь.
  2. Текст должен быть небольшого объема, максимально лаконичен и наполнен информацией, а не водой. Пару абзацев «ни о чем» вызовут у пользователя бурное желание закрыть такую посадочную страницу. На landing page также плохо работает мелкий шрифт. В общем-то, его использование и не нужно, ибо для изложения сути много слов не потребуется.
  3. Не обманывайте ожидания пользователя. Если в рекламе или в посте в социальной сети вы говорили об одном, а при попадании на лендинг пользователь видит несколько другое, то происходит утрата доверия и резко снижается конверсия. Очень важно следить за этим соответствием.
  4. Дизайн посадочной страницы на самом деле очень важен. Если он не закончен, сделан непрофессионально или имеет отталкивающий для большинства пользователей вид, то даже соблюдение всех описанных выше правил создания хорошего лейдинга не убережет вас . Если вы сами не обладаете должными умениями и вкусом, или у вас нет в штате фирмы дизайнера, то можно воспользоваться многочисленными конструкторами или же готовыми шаблонами лендинга, которые останется лишь немного переделать под свои нужды.

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

У вас есть еще немного времени? Хотите его провести с пользой? Тогда берите попкорн, садитесь поудобнее и смотрите двухчасовой мастер-класс «Пошаговый алгоритм создания Landing Page» :

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

Что представляет собой посадочная страница?

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

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

Зачем нужна посадочная страница?

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

Для кого необходим Landing page?

Кому в первую очередь нужно завести подобную страницу:

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

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

Структура страницы

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

Заголовок лендинга

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

Информация о продаваемой услуге

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

Отзывы о работе и прямая связь

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

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

Призывы к действию и форма социальных сетей

Главный маркетинговый инструмент - призыв посетителя к действию. На лендинге должны быть мотивирующие заголовки. Помимо блоков с призывом к действию, рекомендуем прописать такие названия кнопок, чтобы мотивировать пользователя нажимать их. Например, "получить консультацию" вместо «заказать звонок». С точки зрения маркетинга на сайте выгодно размещать предложение о получении бесплатного и полезного материала в обмен на контактные данные. Например, лид-магнит. Это может быть призыв получить «10 бесплатных и действенных советов». Материал можно использовать для мотивации к покупке основного продукта.

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

Разновидности лендинга

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

В настоящее время существует порядка четырех разновидностей Landing Page, а именно:

  • long page - длинная посадочная страница;
  • short page - короткая посадочная страница;
  • one step - одношаговая посадочная страница;
  • two step - двухшаговая посадочная страница, где на первой странице закладывается интерес к услуге, а на второй осуществляется призыв к действию.

Стоит отметить, что успех Long- и Short-страницы зависит от того, как тщательно вы будете говорить о собственном продукте или услуге. Другое дело в выборе меж 2 крайними страницами, здесь выбор может быть реализован на вашем желании создать интригу.

Создание посадочной страницы

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

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

Выбор шаблона

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

Есть шаблоны, сразу ориентированные на предпринимательскую деятельность, на них уже установлены виджеты обратной связи и прямой чат-консультации, интегрированы ссылки в социальные сети. Более того, на многих таких биржах есть специальные пакеты “все включено”, в которых предлагается приобрести уже готовый бизнес-проект, то есть полностью настроенный и функционирующий Landing Page, который на 100 % готов к запуску вашего продукта. Все, что остается молодому предпринимателю, так это начать зарабатывать на данной посадочной странице.

Специализированные биржи привлекают множество клиентов благодаря:

  • обширному ассортименту готовых лендинговых шаблонов;
  • экономичным ценам;
  • месячной гарантированной системе поддержки;
  • удобной и быстрой передаче проекта в руки предпринимателя.

Наполнение информационными блоками

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

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

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

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

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

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

Хостинг лендинга

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

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

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

  1. Помните главное: эффективность лендинга зависит от вашего умения выстраивать гипотезы (что может понравиться пользователям?) и проверять их А/В-тестированиями .
  2. Вначале займитесь созданием прототипа лендинга: продумайте его концепцию (что вы предлагаете? как вы предлагаете? почему ваше предложение выгодно потенциальному клиенту?), поразмыслите над формой подачи информации, выстроите «на бумаге» структуру вашего лендинга, набросайте черновые текстовки - и только после этого начинайте делать лендинг «начисто». Правьте тексты в процессе работы над страницей.
  3. Создавайте предельно четкий оффер - у посетителя не должно возникать вопросов, что именно вы предлагаете: отличные зеленые ковры или все-таки два ковра по цене одного до конца текущего месяца.
  4. Грамотно продумайте размещение на странице основных элементов лендинга: оффер, призыв к действию (Call To Action, СTA), форма заказа, блок с преимуществами, продающие триггеры, социальные доказательства (отзывы, например), визуализация вашего предложения (картинка).
  5. «Обычные» тексты (в стилистике статьи), как правило, не работают в лендингах.
  6. Текст лендинга - предельно лаконичен, предельно информативен, предельно плотен.
  7. А главное - он небольшой по объему.
  8. Ближе всего к правде будет высказывание: в лендинге используются не тексты, а «текстовки».
  9. Но! Не смотря на сказанное в предыдущих трех пунктах, не стоит недооценивать возможности текста. Текст - одна из самых эффективных форм выражения вашего коммерческого месседжа. Что еще для людей более важно, чем язык?
  10. Работайте над текстовками лендинга долго и тщательно, выверяя каждое слово.
  11. Не допускайте ошибок - это «смазывает» впечатление от вашего, может быть (не будь ошибок), превосходно работающего лендинга.
  12. «Не кричите» в лендинге. Кто-то думает иначе: чем креативнее и побудительнее текстовки, чем больше в них «рекламных» выражений и «кричащих» фраз (купите прямо сейчас, другой такой возможности у вас не будет, на всех не хватит, спешите, бегите, отдайте скорее нам ваши деньги!), тем эффективнее лендинг. Да, есть такая точка зрения: вся сила рекламы в яркости, экспрессивности и побудительности. Я же лично считаю, что кричат слабые, сильные - убеждают. Экспрессия и навязчивость традиционной рекламы надоела людям. Их нельзя заставить купить, их можно только убедить. Единственный путь - дать максимум полезной для совершения выбора в пользу вашего продукта информцаии, но не навязывать: все равно не подействует.
  13. Не нужно «заманивать» и «интриговать» - пишите по-человечески, чтобы можно было составить абсолютно точное представление о вашем продукте. Колбасу с каким названием вы предпочтете купить для семейного ужина: «Пикантная Снежана» или «Телячья»? Я лично - последнюю.
  14. Человек хорошо запоминает 80 % из того, что видит, и только 20 % - из того, что читает. Именно поэтому так важна визуальная составляющая в лендинге.
  15. Не пытайтесь дать всю инфорацию в текстовом виде. Такой лендинг вряд ли не сконвертит вам клиентов. Активно используйте потенциал вашего дизайнера.
  16. Используйте для передачи информации не только текст, но и графические элементы (знаки, символы, простые таблицы и т.д)
  17. В дизайне главное - не красота, а его функциональность: все части целого должны работать на общую задачу.
  18. Лендинг существует на стыке копирайтинга,

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

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

Мы описали блоки по функциональным возможностям, а не по контенту. В других обзорах вы можете встретить деление блоков на “отзывы”, “снятие возражений”, “УТП”. Давайте условимся, что нужно разделять содержимое (контент) и форму, в которую его можно упаковать. Мы говорим именно о форме.

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

Шапка лендинга. Блок первой зоны.

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

CTA-блок полной ширины (растяжка)

Call-to-Action - призыв к действию может появляться на странице несколько раз, а может быть выделен в отдельный полноценный блок, как в данных случаях:

Карусель

Блок представляет возможность закольцевать любой визуальный или текстовый контент: от изображений товара до отзывов.

Текстовый блок

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

Галерея

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

Таймер

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

Список с буллитами

В качестве буллитов как правило выступают схематичные картинки. Способ быстро и кратко подать информацию и подчеркнуть детали.

Цифры

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

Видео

Может занимать всю ширину страницы или только ее часть.

Карта

Это не просто указание на карте тех мест, где продается ваш продукт или находится ваш офис. Это способ показать картину вашего мира.

Футер

Важный функциональный элемент без которого лендинг не завершен. Место для Last-Minute-Chance CTA.

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







2024 © gtavrl.ru.