Лендинг или сайт: что подойдет вашему бизнесу

Содержание

Структура лендинга

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

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

2 этап – осведомленность. Вот он задумался и понял – хм, действительно есть проблема! Только пока не знает, как ее решить. Помогите ему с помощью рассказа о товаре или услуге.

3 этап – сравнение. Клиенту нужно дать на выбор несколько вариантов решения проблемы.

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

5 этап – покупка. Здесь все просто: пусть оставляет заявку в форме заказа, контактные данные – словом, делает то целевое действие, ради которого все и задумывалось.

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

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

1.  Оффер

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

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

2. Данные о товаре или услуге

Это описание того, что вы продаете: характеристики товара, обязательно – фотографии, желательно – видео. Словом, все то, что отличает ваш товар от других. Можно предложить несколько вариантов решения проблемы и отдельно остановиться на вашем продукте.

3. Преимущества товара

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

Пишите не о том, что вы предлагаете, а то, что важно для клиента. Например, если говорим о копирайтинге (раз уж начали) – напишите, что ваши тексты повысят конверсию сайта и привлекут новых клиентов

4. Схема работы

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

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

6. Дипломы, грамоты, сертификаты

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

7. Цены

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

8. Формы заказа

Чтобы мотивировать клиента сделать целевое действие и нажать на кнопку, есть несколько секретных приемов:

  • предложить ему приятный бонус, скидку, полезную информацию. Некоторые компании даже соревнуются, кто больше предложит клиенту;
  • выделить элемент СТА контрастным цветом, чтобы сразу бросалась в глаза;
  • повторить СТА несколько раз. Для одной посадочной страницы достаточно 2-3 кнопок и форм. Все остальное – уже перебор.

9. Специальные элементы

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

10. Контакты

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

Начните с понимания задачи

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

Подготовьте бриф. Вам нужны ответы на три главных вопроса:

Что нужно сделать

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

Для кого

Вам нужно досконально изучить целевую аудиторию. Дизайн для презентации сериала для подростков и стиль для b2b-направления отличаются кардинально.

Как вы это реализуете

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

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

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

Пример лендинга «Звездных войн» — необычный яркий пример с почти незаметным боковым меню.

Лэндинг психолога

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

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

Общая схема создания лэндинга психолога подчиняется обычным законам создания продающих страниц.

Примеры продающих лендингов

Подобрала для вас несколько примеров хороших лендингов. Посмотрим интересные детали и варианты структуры.

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

Обратите внимание, что возможности не просто описаны, но и проиллюстрированы элементами интерфейса из приложения


Лендинг для виртуальной банковской карты

Следующий лендинг посвящен сервису доставки готовой еды по подписке. Классно, как показан товар — реальные блюда и их фотографии с расчетом КБЖУ. Сразу видно, что получает покупатель.

Целый блок отведен под фотографии команды, они живые и сделаны в одном стиле. Есть FAQ, а для проработки сомнений — спецпредложение для заказа пробного дня доставки.


Продающий лендинг сервиса доставки готовой еды по подписке

Следующий лендинг — из сферы B2B, поэтому несколько отличается по подаче. Он продает пластиковые вкладки, с которыми удобно заваривать и пить чай прямо из одноразовых стаканов. Так как продажа нацелена на разные группы бизнесов, то для каждой группы преимущества описаны отдельно: для чайных магазинов, кафе, точек на вынос, АЗС и так далее.

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

Статья по теме: «Создаем форму подписки, как у известных брендов».


Продающий лендинг специальных ситечек для чая

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


Продающий лендинг мастера шаманских бубнов

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


Продающий лендинг мастерской по ремонту обуви и сумок

Примеры успешных одностраничников

Следующие примеры Landing Page будут особенно полезными для начинающих предпринимателей.

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

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

Еще несколько типичных продающих страниц с высокой конверсией:

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

Причины появления лендинга?

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

Все началось с того, что на заре появления Интернет возникли различные сервисы сбора статистики. Например —  Google Analytics и Яндекс Метрика. Эти сервисы отвечают на такие вопросы, как: что искал посетитель, по какому ключевому запросу он пришел на страницу, и даже то, как посетитель смотрел страницу и на что кликал, где останавливался, а где быстрее проматывал скроллером.

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

Можно сказать, что так измеряется эффективность лендинга. В процентном соотношении. Какие же показатели средней эффективности лендинга? Очень хорошей считается конверсия в пределах 20-30%. Но сама конверсия — относительное понятие, которое зависит от многих факторов. Например ниша, под которую сделана страница. В “агрессивных” нишах конверсия в 1-2% считается очень хорошей.

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

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

Такое глубокое изучение поведенческого фактора и привело к появлению лендингов — страниц, где у пользователя только два действия:

  1. Уйти со страницы не сделав целевого действия
  2. Сделать целевое действие, которое было прогнозируемо.

Поэтому еще одно определение того, что такое лендинг, простыми словами можно сформулировать так:

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

Реально бесплатные конструкторы лендинг пейдж

Бесплатные конструкторы landing page действительно существуют, но имеют ряд значимых недостатков:

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

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

Вот перечень из нескольких конструкторов, где можно без пробного периода делать лендинги:

  • LPMotor (без публикации в сети);
  • Wix;
  • Nethouse (1 руб. в месяц);
  • Mobirise (только на ПК, для публикации понадобится хостинг и домен);
  • GUM (в пиратской версии, не подойдет новичкам).

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

Минусы лендинга

О преимуществах рассказали, теперь поговорим о недостатках landing page. Будем честными – они присутствуют.

Например, в отличие от сайта лендинг ограничен определенным объемом. Основное правило такое: меньше текста – больше продающих элементов.

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

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

Разберитесь со структурой

В любой промостранице есть обязательные блоки. Все построено на психологии потенциального клиента:

  • Шапка — меню сайта. В лендингах обычно ставят «якоря» на блоки, указанные ниже. Кликнув по ним, пользователь переносится вниз по странице.
  • Главный блок — суть вашего предложения для будущего покупателя.
  • Преимущества/описание товара или услуги — подробности о продукте. Почему человек должен купить именно ваш продукт?
  • Рекомендации/отзывы — элемент социального доказательства. Если о продукте хорошие отзывы, доверие к компании повышается.
  • Формы захвата — блок, в котором вы собираете персональные данные. Имя пользователя, его телефон или email.
  • Подвал — краткая информация о компании, возможно, еще одна кнопка «купить» или повторение меню.

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

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

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

Простая форма захвата на лендинге нашего курса для веб-дизайнеров.

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

Чем лендинг отличается от сайта

Разная заинтересованность пользователей

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

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

Навигация на сайте

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

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

Цель — удержать внимание посетителя на одном продукте и стимулировать к выполнению целевого действия

Длина страницы и объем информации

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

Пример структуры лендинга для курса по таргетированной рекламе:

  • Шапка сайта.
  • Оффер и описание курса.
  • Старт курса.
  • Навыки, которые вы можете получить после прохождения.
  • Задача курса.
  • Преимущества курса.
  • Описание программы.
  • Кому подойдет курс.
  • Что студенты получат: сертификат, записи уроков, инструментарий для работы.
  • Блок о преподавателях.
  • Отзывы.
  • Стоимость.
  • Гарантии.
  • Варианты для обратной связи.
  • Футер сайта.

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

Структура лендинга

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

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

Пример расположения информации на страницах сайта

Призыв к действию

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

Стоимость разработки сайта

Многостраничный сайт вам обойдется в сумму от 100 — 150 тысяч рублей. Если хотите, чтобы на сайте была система регистрации пользователей или сотрудников компании, это уже будет стоить от 250 тысяч рублей.

Разработка лендинга обойдется вам в среднем в 45 — 60 тысяч рублей. Если вы хотите индивидуальную разработку, не при помощи готовых решений, то стоимость может вырасти до 100 тысяч рублей.

Общая сравнительная таблица: сайт или лендинг


Сравнительная таблица: что лучше — сайт или лендинг

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

Покажите преимущества

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

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

Но людям плевать!

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

Это облегчит мне жизнь?

Хватит хвастаться. Просто ответьте на этот вопрос. Как ваш продукт облегчит жизнь? Что у клиента изменится к лучшему?

HTML-шаблоны landing page + инструкция по установке

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

Структура одностраничника:

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

Для всех известных платформ – Джумла, Вордпресс и других – существуют свои шаблоны посадочных страниц. Хороших и бесплатных landing page для wordpress я не встречал. Более-менее приемлемые варианты продают по 17-25 у.е.

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

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

Инструкция по установки лендинга

Несколько простых шагов как установить одностраничник:

  1. Зайдите на сайт своего хостинг-провайдера. Перейдите в панель управления аккаунтом.
  2. Найдите корневую папку сайта (она должна быть пустой). Название этой папки – заранее купленный вами домен.
  3. Нажмите кнопку загрузки, в появившимся окне выберите архив с шаблоном.
  4. Когда архив скопируется в папку домена, нажмите рядом с ним кнопку «Распаковать».
  5. Подождите секунд 20, пока закончится операция. Обновите страницу.
  6. Лендинг установлен!

Чтобы отредактировать landing page, перейдите в корневую папку вашего домена и ищите нужный файл. Меняйте текст, картинки, вставляйте видео. Научиться этому можно: прочитайте парочку статей по теме – и вперед, делать деньги.

Tilda

Tilda — еще одна популярная платформа, в которой можно создать лендинг бесплатно самому с нуля. В распоряжении у пользователя свыше 480 визуальных блоков, а также более 180 готовых шаблонов. Дополнительно стоит отметить коллекцию иконок, встроенный редактор изображений и возможность расширенного управления анимацией в Zero Block.

Кратко о конструкторе Tilda в таблице.

Количество шаблонов Более 180
Индивидуальный заказ дизайна Отсутствует
Пробный период 14 дней
Минимальный тариф От 750 руб. в месяц (скидка при оплате сразу за год)
Привязка собственного домена Есть
Адаптивность дизайна 5 экранов
Интеграция CRM, почтовые рассылки, сервисы приема платежей, банковский эквайринг (Альфа-Банк, Сбербанк, Тинькофф)
Аналитика А/Б тестирование, мультилендинги, отчеты в реальном времени, Google Analytics и Яндекс.Метрика
Регистрация доменов Отсутствует, подарочные предоставляются через Reg.ru

Интересный факт: несколько сайтов, созданных пользователями Tilda, были награждены известными премиями. Например, первое место в рамках номинации «Промышленность и оборудование» по версии Рейтинга Рунета 2016, а также победа в Bitrix Design Cup 2016.

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

Перейти на tilda.cc

В какой ситуации подойдет лендинг, а не сайт

Лендинговый сайт создают, чтобы:

Рекламировать товары и услуги.

На странице представлена доставка готовой еды: пицца, закуски, салаты, десерты и так далее. Под каждым товаром есть короткое описание, стоимость и кнопка «Добавить в корзину». В конце есть описание доставки и оплаты заказа.

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

Сайт-лендинг, который рассказывает об акциях компании

Получать новых подписчиков.

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

Лендинг с призывом к действию — «Подписаться»

Размещать лид-магниты. Лендинг сайт — это не только реклама своего продукта, но и благодарность пользователям: чек-лист, бесплатный вебинар или подарок.

Откройте для себя чат-бота

Выстраивайте автоворонки продаж и отвечайте на вопросы пользователей с помощью чат-бота в Facebook, VK и Telegram.

Пример лид-магнита на лендинге — предложение о получении чек-листов «Как привлекать клиентов с помощью YouTube». Это один из отличных вариантов целевого действия, когда посетитель готов предоставить свои контактные данные.

Пример использования лид-магнитов на лендинге

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

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

Что выбрать: сайт-визитку или лендинг

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

Три главных составляющих дизайна продающих страниц

Примеры дизайна хороших продающих страниц включают три общих черты:

Универсальность и оригинальность.

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

Сайт, который оформлен в классическом стиле, останется актуальным во все времена: простые геометрические формы, приглушённые оттенки, отсутствие лишней информации – в итоге он получится действительно продающим.

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

Внимание, заинтересованность, желание, действие (AIDA). Уникальность дизайна – большой плюс

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

Уникальность дизайна – большой плюс. Однако маркетологи разработали эффективно работающие формулы, которые прошли проверку на миллионах покупателей

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

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

Цветовое наполнение страницы.

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

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

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

Что такое лендинг?

Для начала дадим определение: Лендинг (landing page англ. — посадочная страница) — это целевая страница. Называют ее целевой не просто так, а потому, что главная задача лендинга — любым способом добиться от посетителя целевого действия.

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

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

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

Все выше написанное можно иллюстрировать такой картинкой:

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

А что же дальше?  После целевого действия? Тут отдельная история, и, опять же, это будет зависеть от нашей цели. Вам все еще не понятно почему лендинг страницу называют “целевой” страницей? Давайте разберемся подробнее.

Реальные примеры работающих лендингов

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

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

Пример 1. Мастер Климат — компания по установке и продаже климатического оборудования

www.masterclimat.pro — этот сайт мы сделали с другом, когда еще занимались изготовлением сайтов под заказ.

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

Пример 2. Вакансии Альфа-Банка

www.job.alfabank.ru — прокручиваем сайт и видим – как стартует карьера молодого человека в Альфа-Банке. Через некоторое время, наглядевшись на заманчивую визуализацию, посетители сайта наконец-то видят буквы. На странице опубликован годный текст – его качество ничуть не хуже анимированной картинки.

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

Кнопка действия: наверху небольшая и слабозаметная кнопка «отправить резюме» – это минус; в самом низу страницы яркая ссылка «смотреть вакансии» – это плюс.