Svg фильтры. Эффекты искажения кнопок с помощью фильтров. Отображение текста в HTML

Посадочная страница… Как Вы думаете, о чем говорит посетителю ее первый экран? Томно шепчет: «Ты пришел по адресу… Нажми, нажми поскорее на эту кнопочку…» Или буквально орет: «Уходи! Уходи поскорее отсюда!!!» Самое интересное, что разница между такими вариантами может оказаться совсем небольшой. Но сумеете ли Вы ее вовремя заметить?

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

Давайте разберем основные элементы первого экрана:

• Заголовок.
• Продающий текст.
• Призыв.
• Кнопка.
• Преимущества.
• Общее (первое) впечатление.

Посадочная страница: заголовок.

Что мы видим? Казалось бы, все хорошо — есть факты, есть цифры. Но чего-то не хватает… Чего? Правильно. Конкретики! Что это за «на 14 дней быстрее»? Быстрее чего? А как Вам нравится «на 16% дороже»? Опять же — дороже чего?

Вот и получается, что заголовок, с первого взгляда, хороший и качественный. А со второго — пустой и непонятный… Сравните с другим вариантом:

Есть разница, правда?

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

Посадочная страница: продающий текст.

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

Мы видим все те же ошибки «Большая» база — что значит большая? Что мне это дает? «Ежедневно обновляемая» база — тот же вопрос: как мне это может помочь при продаже квартиры. Кто входит в эту базу? С какой целью она ежедневно обновляется?

«Оценка стоимости по телефону за 10 минут» — это вообще как? С моих слов? Вбить в поисковике адрес и посмотреть, сколько стоят другие похожие квартиры? Так с этим я и сам справлюсь — в чем преимущество?

«Гарантия безопасности» — сделка может быть еще и опасной для меня? Это как? И в чем гарантия?

В итоге вопросов больше, чем ответов… Да еще и напугали в конце.

Но перейдем ко второму блоку.

Тут, к сожалению, не лучше. На что именно скидка? На услуги агентства? Но почему это не указано?

«Оценка бесплатно» — так про оценку было написано выше… Или та самая «оценка по телефону за 10 минут» могла быть еще и платной? Ужасно…

В общем, сплошное расстройство. Посмотрим на то, как написан продающий текст на втором сайте.

Обратите внимание, здесь текст выступает продолжением заголовка. Он не просто раскрывает посетителям сайта новые выгоды, а обосновывает те преимущества, которые были описаны в заголовке. Почему мы продаем на 20% дороже? За счет системы предпродажной подготовки. Почему мы продаем за 10 дней? За счет использования базы горячих клиентов и потому, что продавать начнем уже через 2 часа. Все просто и ничего лишнего.

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

Посадочная страница: призыв.

Опять бесплатная оценка… Опять все те же вопросы. Впрочем, главный минус не в этом. Главный минус в том, что призыв начинается со слова «Оставьте». Люди не любят оставлять. Люди любят получать. Никогда не используйте в призыве это слово!

Вот «Оформление сделки в подарок» — это хорошо, это сильно. Но, к сожалению, начало все портит…

Здесь все гораздо проще. Слово «Начните» работает гораздо лучше, срочность есть — хороший призыв, хотя и без особых изысков. Твердая «четверка».

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

Посадочная страница: кнопка.

Здесь Вы можете увидеть не просто кнопку. Кроме нее тут еще и два поля, и текст мелкими буковками, и ссылка… Никогда, слышите? никогда! не отвлекайте людей от кнопки! Кнопка — это наше все, дайте возможность посетителям спокойно на нее нажать! Ну а про «Оставьте» я говорил чуть выше, помните?

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

Вывод: кнопка — это очень важно! Кнопка приносит вам заявки! Не отвлекайте от нее посетителей, не распыляйте их внимание. Чем проще — тем лучше!

Посадочная страница: преимущества.

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

Как Вы можете видеть, у всех преимуществ одна главная ошибка — тут есть свойства, но нет выгод. А Вы же помните, что главное — это выгоды, которые получает покупатель, а не свойства, которыми мы хотим перед ним похвастаться, правда?

Отдельно остановлюсь на последнем пункте. Он вроде бы ближе всего к выгоде. Но почему здесь употреблено слово «в среднем»? Сколько уйдет лично у меня? Никого не волнуют средние показатели, зато всех волнует, какие показатели будут при продаже именно их квартиры. И куда пропали обещанные в заголовке «на 14 дней быстрее»? 25 — это уже без 14 дней или все еще с ними?

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

Вывод: преимущества должно быть короткими, четкими и, что самое главное, — выгодными.

Общее (первое) впечатление.

Давайте теперь посмотрим на первые экраны целиком.

Как Вы думаете, много людей в Петербурге продает такие (или хотя бы похожие на эту) квартиры? Мне кажется, что нет…

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

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

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

P.S.: если этот материал был Вам полезен — напишите об этом в комментариях! Я планирую продолжить разбирать различные продающие страницы (а также отдельные их элементы) и буду рад, если Вы пришлете ссылки на те сайты, разбор которых вам хотелось бы увидеть.

Посадочная страница, она же «landing page», целевая страница или страница приземления - веб-страница направленная на сбор контактных данных целевой аудитории, ее конвертацию в покупателей.

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

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

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

Зачем создавать лендинги

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

Конверсия зависит от нескольких факторов:

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

Как показывает статистика, правильная настройка страницы приземления увеличивает заказы в 5-10 раз.

Из чего состоит landing page

1. Актуальный, соответствующий ожиданиям пользователя, заголовок.
2. Основной посыл, блок с информацией (должен быть перед глазами).
3. Призыв к действию (Call to Action).
4. Наличие контактной информации.

Как сделать посадочную страницу самому

Чтобы сделать качественный «работающий» лендинг, нужно выполнить 4 действия:

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

Примеры посадочных страниц

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

Как можно заметить, на странице нет ничего лишнего.

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

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

Основной посыл находится в самом верху перед глазами: «Загрузите демо-версию, чтобы получить бесплатный доступ на 14 дней». Люди очень любят все бесплатное, поэтому вероятность того, что человек скачает программу, увеличивается в разы.

Две кнопки «Попробовать бесплатно» так и просят: «Нажмите на нас».

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

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

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

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

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

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

Предыстория…

Landing Page как тренд стали активно развиваться в Рунете в 2013 году, на пике популярности тренингов «Бизнес Молодости». Тысячи предпринимателей стали вкладывать деньги в типовые посадочные страницы, и поначалу они давали неплохой результат. Там, где (соотношение покупателей к посетителям) простого сайта была 1-2%, лендинги выдавали 5-7% и выше. Это было просто шикарно! Однако затем рынок все расставил по своим местам.

Все больше людей делали типовые посадочные страницы с шаблонной структурой:

1. Примитивный а-ля «Баня под ключ в Москве»
2. Блок «Наши преимущества»
3. Блок «Как мы работаем»
4. Блок «Отзывы»
5. Карта расположения офиса
6. Контактная форма с типовым призывом «Оставьте заявку»

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

График динамики тренда продающих страниц по данным Google Trends.

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

Суть продающих страниц

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

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

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

Есть страницы, которые «закрывают» аудиторию на заказ товара. Причем это могут быть как страницы интернет-магазинов, так и полноценные лендинги. Второе особенно актуально для продажи товаров из Китая, которые на качественно проработанных страницах разлетаются, как горячие пирожки. Даже с наценкой до 500%.

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

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

«Напарники» продающих страниц

Сами по себе продающие страницы не имеют особой ценности. Их истинная эффективность проявляется только тогда, когда на них приходит аудитория. В интернет-маркетинге это называется «трафик». В зависимости от качества трафика одна и та же продающая страница может иметь конверсию 50% или 0,05%.

Самые популярные источники трафика - это:

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

• Баннерная реклама на тематических площадках
• Тизерная реклама (та самая, которая всех ужасно бесит, но по которой при этом неплохо кликают)
• Реклама на порнографических сайтах (грязный массовый трафик, который ведется в астрономических масштабах на сомнительные продукты в сегментах похудения, увеличения гениталий, привлекательности и прочего; имеет низкую конверсию, но за счет массовости может давать ощутимый прирост продаж)
• Реклама в Email-рассылках, причем как белых, так и спам и т.д. Идею Вы поняли.

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

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

Примеры посадочных страниц

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

Сервис поиска посадочных страниц по ключевым запросам Яндекс.Директ

Создание продающих страниц

Процесс создания продающих страниц условно можно разделить на три этапа.

1. Подготовительный (аналогичен процессу разработке продающего текста, см. )
2. Создание прототипа
3. Дизайн, верстка и программирование.

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

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

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

Стоимость качественного шаблона составляет порядка $13-16 (700-1000 руб). Лично я покупаю большую часть шаблонов на Темфоресте . Их там тысячи. Плюс, работа по интеграции стоит порядка $100-150 (5-10 тыс рублей). Можно, конечно, это делать и своими силами, однако такая работа требует специальных знаний и навыков. Например, я умею это делать, но доверяю партнеру, потому что за то же самое время могу заработать гораздо больше на копирайтинге. Да и не особо люблю ковыряться в верстке.

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

Сервисы и шаблоны лендингов

Говоря о создании лендингов, нужно сказать, что существуют специальные сервисы-конструкторы, а-ля Wix, LPGenerator, «Флексби», LPMotor и других. Они содержат в себе богатый инструментарий и набор готовых шаблонов. И многие новички и предприниматели используют именно их. Однако лично я их не люблю. Хотя бы потому, что мне не нравится, когда страница мне не принадлежит, не нравятся ограничения, которые накладывают сервисы, и не нравится платить постоянно за то, за что можно заплатить только один раз.

Кроме того, весь функционал подобных сервисов легко заменяется связкой HTML-шаблон (с того же Темфореста) + Google Analytics. Да, такой подход требует дополнительных знаний: работы с веб-аналитикой, хостингом, HTML, но позволяет экономить более тысячи долларов в год, что тоже неплохо. Впрочем, здесь уже каждый выбирает, что ему ближе. Даже для простого теста, как я уже говорил, лично мне гораздо проще купить шаблон страницы или тему, вписать в нее разработанный прототип с разными офферами и отправить на тестирование.

Themeforest — основное место для покупки шаблонов Landing Page.

Кому нужны, и кому не нужны Landing Page

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

Сегмент №1: B2C

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

Сегмент №2: B2B

Это сегмент корпоративных товаров и услуг (B2B-сегмент): полиграфия, рекламные услуги, кадровый, бухгалтерский аутсорсинг, доставка питьевой воды, клининг и т.д. В нем продающие страницы тоже работают неплохо, но с гораздо более узким количеством источников трафика. Чаще всего - только с контекстной и, реже, медийной рекламой.

Сегмент №3: B2B+

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

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

Сегмент №4: B2G

Товары и услуги, поставляемые государственным организациям (B2G-сегмент). Например, субподряд на строительство дорог, оснащение школ спортивнм инвентарем или доставка еды в депутатскую столовую. Здесь посадочные страницы вообще не используются, потому что в 99% случаев все услуги с более-менее нормальными чеками (от 100 000 рублей) проходят через тендерные торги.

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

Что делать на рынке Landing Page

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

WHY-формулы и активируя другие .

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

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

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

Попробуйте, это очень просто, но эффект превосходит ожидания.



Посадочные страницы – это страницы сайта, предназначенные для целевых посетителей, перешедших по ссылке. Как правило, это пользователи, попавшие на сайт:

• с поисковых систем;
• с (тизеров);
• по ссылкам (рекомендациям) с других сайтов;
• по контекстным объявлениям.

Простейший и наиболее распространенный пример посадочной страницы – это карточка товара в интернет-магазине.

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

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

Посадочные страницы – основа коммерческого сайта

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

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

Главное – удержать покупателя

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

Особенности разработки посадочных страниц

На каждый товар – своя целевая страница

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

Качественные лэндинги – дорогое удовольствие

Создание оптимизированных, удобных и красивых целевых страниц – очень сложный и кропотливый процесс. Каждая такая страница должна соответствовать как специфике представленного товара, так и особенностям целевой аудитории. Для разработки качественной посадочной страницы необходим ручной труд веб-дизайнера, сео-копирайтера, оптимизатора и веб-мастера. При использовании неавтоматизированной контекстной рекламы понадобятся еще услуги и контент-менеджера – ведь дополнительно придется составлять не только сотни объявлений, но и следить за их соответствием продвигаемым страницам. Для объективной оценки "продажности" целевых страниц серьезные компании содержат штат тестеров или пользуются услугами сторонних компаний и он-лайн сервисов (Google Website Optimizer преименован в Content Experiments ).

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

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

Счетчик – не главное!

Для оценки эффективности посадочных страниц (и сайта в целом) существуют специальные формулы, из которых следуют довольно-таки интересные выводы:

C p – Стоимость трафика на страницу (cost per page) ;
N v – Количество посетителей (number of visitors) ,

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

В итоге для определения качества посадочной страницы нужно учитывать следующие факторы:

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

А как на самом деле?

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

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

Первая, и, пожалуй, наиболее важная, задача - найти четкое УТП (уникальное торговое предложение) товара или услуги, а затем использовать дизайн посадочной страницы, чтобы сосредоточить все на одном основном призыву к действию (СTA). Это может быть предложение посетителю зарегистрироваться или же сделать мгновенную покупку. Какова бы ни была цель, это работа дизайна страницы направить пользователя к ней – будь то за счет использование белого пространства, контрастных цветов или более четких направленных сигналов.

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

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

Таинственная «капля» нарушает большинство правил обычного дизайна посадочной страницы

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

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

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

Каждая панель - это искушение

С его аккуратно расположенной сеткой великолепных изображений, сайт Present & Correct несомненно достигает своей основной аудитории – людей, для которых канцелярские принадлежности являются настоящим фетишем.

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

Лендинг, который рассказывает о силе типографики

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

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

LS Productions заманивает в кавалькаду шикарных мест Шотландии

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

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

O"Neill – страница идеально продающая мечту о снеге и серфинге

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

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

Вы просто не можете пропустить призыв к действию на посадочной странице Bear CSS

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

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

Squarespace знают своих основных заказчиков и создали свою страницу в соответствии с ними

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

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

Выделяющийся золотой призыв GiftRocket к действию привлекает внимание мгновенно

Другая отличная практика и пример того, как использовать формулу «простой заголовок + маркированный список + призыв к действию» от GiftRocket - красиво оформленная целевая страница с иллюстрированным главным образом, который окружен иконками всех различных продуктов и услуг, которые доступны для покупки.

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

Одностраничник показывает, что приложение может предложить

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

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

Не нужны безделушки - теперь Square имеет свое программное обеспечение POS

Посадочная страница используется, чтобы заманить пользователей бесплатным кард-ридером в обмен на подписание на программное обеспечение POS. В результате получилась целенаправленная страница, которая попадает прямо в точку с заголовком «Программное обеспечение POS - это просто, мощно и бесплатно».

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