Контакты

Совет недели: Как сделать идеальную продающую страницу. Как сделать подписную и продающую страницу

Как сделать продающую страницу прямо на сайте и не прогадать?

Зачем продающая страница на сайте?

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

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

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

Главная причина - неэффективные посадочные страницы, изначально не заточенные под продажи. Решений может быть 2: дорабатывать эти страницы на сайте или сделать отдельный лендинг. Здесь решение зависит от потребностей бизнеса, но следует брать в расчет текущий объем трафика на сайт. Если на сайт идет хороший трафик (и денег на рекламу немного) то лучше делать продающую страницу прямо на сайте. Так на ней и без рекламы гарантированно будет трафик.

Проверить, какой трафик идет на страницу и с каких источников, можно с помощью Яндекс Метрики. Переходим в отчет «Содержание → Популярное». Этот отчет показывает все посещения отдельных страниц.

Переключаем вид на «линейный список», находим нужную страницу (можно ввести адрес в поле над списком страниц):

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


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

Ошибки продающих страниц на сайте

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



А как надо?

Изучив основные ошибки, сформируем основные правила посадочной страницы на сайте:

  • содержит постоянные элементы основного сайта: шапка, меню, подвал;
  • выдержана в стиле основного сайта;
  • не содержит излишних анимационных эффектов.

К примеру, вот главная страница сайта по строительству водопадов в интерьере:


А вот внутренняя посадочная страница сайта, посвященная услуге:


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


Посадочная страница на сайте - без проблем:

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

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

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

Как быстро создается продающая страница?

Я буду называть одностраничник продающей страницей и скоро Вы поймете почему.

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

И здесь продающие страницы подходят как нельзя кстати! Вам не нужно знать все теги HTML или CSS, чтобы создать свою продающую страницу с нуля. Здесь лишь нужен правильный подход и оптимальный алгоритм создания продающей страницы. Если уж брать очень грубо среднее время создания продающей страницы, то это в сумме 3-4 часа.

Как работают продающие страницы?

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

Что делать если у Вас
несколько товаров и услуг?

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

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

Какие виды продающих страниц существуют?

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

  • У вас есть бесплатный и платный информационный продукт.
  • Вы создаете «Страницу захвата» и за подписку дарите бесплатный продукт
  • Через несколько дней, на емейл, который Вам оставил посетитель, высылаете письмо с ссылкой на Вашу продающую страницу, где подробно описываете все преимущества платного товара и предлагаете его купить.

В Интернете существует понятие конверсии – это соотношение количества покупателей, на количество посетителей. Проще говоря, статистика.

Так вот от чего зависит конверсия (статистика)?

  1. От качества продающих страниц
  2. От качества копирайта (продающего текста)
  3. От качества самого товара

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

Возникает вопрос. Где и как создавать классные страницы захвата и продающие страницы?

  1. Сделать самому. Хорошо, когда вы классный дизайнер, а если нет?!
  2. Заказать на фрилансе. Это дорого и потом внести любые изменения проблематично.

А как быть если у Вас ко всему нет технических знаний и Вы не сможете даже купленную страницу разместить на своем FTP?

Решение найдено.

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

Окинув взглядом главную страницу, средне-статистический посетитель сайта доверится впечатлению от дизайна, интерфейса, стиля. Оформленное «на коленке» вызовет рефлекторную реакцию закрытия вкладки – такого он не просил! Переселение потребителя в интернет сделало из главной страницы «виртуальную парадную» для современной компании. В чем же продающая особенность страничек, убедительно представляющих топ-бренды? Как оформить главную страницу сайта правильно, чтобы не получить памятник дизайнерской мысли вместо инструмента реализации своих целей?
Мнение исследователя конверсии Брайана Мэсси, о том, как должна выглядеть главная страница интернет-ресурса с коммерческим предложением:

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

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

Правила оформления главной страницы продающего сайта

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

Главные правила начальной страницы

1. Прежде, выгоды предложения. Для узнаваемости сайта торговой марки Pepsi-Cola, достаточно одного имени. А вашего? В известной книге «не заставляйте меня думать!» Стив Круг рассуждает: «Вы задержитесь на сайте, не поняв его назначения?» И все же в современном коммерческом секторе, видимо не желая отставать от упомянутого супербренда – все стремятся в первую очередь улучшить потребительское мнение о продукте / компании:

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

Заполнение полей форм, само СТА-действие - это стресс. Преодолеть его помогает интерес к предложению, а не кнопки «Подписаться», «Купить». Смягчите однословную категоричность, что-либо предлагая: Узнай рецепты, Запросить демонстрацию. Краткое информирование не перегружает задачей и не даст почувствовать себя потерянным. Что более важно: вместо «WEB брошюры» сайт становится продающей и лидогенерирующей машиной.

3. Социальные доказательства. Общественная полезность – мерило, по которому принято «оценивать» торговое предложение.


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

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

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

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


4. Эффективный заголовок – это «приманка» . Манящий и цепкий, он ловит внимание пользователя, побуждая остановиться и узнать чуть больше.

Хороший заголовок - как пионер:

  • Всегда готов! – сфокусирован на удобстве для потребителя
  • Всем ребятам пример! – адекватный / «экспертен» / апеллирует к авторитетному мнению, как «Методы оптимизации главной страницы вашего сайта от Matt McGee»

Плохой заголовок - как сосиска:

  • Отваривать нужно
  • Конверсий быстрых не жди – полуфабрикат нуждается в доработке для годности

Стоит ли его нагружать задачами, от которых теряется меткость? Детализировать уникальное предложение можно подзаголовком, применяемым в паре и усиливающим эффект… . Юзабилити-исследование от KISSmetrics:

Идеальный заголовок - 6-ти словный (3+3): в поисковой выдаче беглый взгляд охватывает три слова (с начала или с конца). MOZ называет оптимальным Title в 57-59 знаков

Признаки эффективного заголовка:

  • Синтаксически не перегружен, емко сформулирован – ни убавить, ни добавить!
  • Выражает конкурентные преимущества (выгода пользователю), а не «образцовость» и дельные качества
  • Выглядит конкретным планом – предложением с реальными сроками
  • Психологически внушает доверие – уже является продающим триггером
  • Прямо или косвенно напоминает об имеющемся лимите времени / кол-ва
  • Хорошо придуман: с переформулировкой, цепляющими прилагательными, побуждающими действовать глаголами
  • Провокационен, разжигает интерес и «без условностей» – привычное в новом понимании, с неожиданным противопоставлением и т.д.

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

5. Лаконичный текстовый контент. Стив Круг - юзабилити эксперт с двадцатилетним стажем:

Вам следует удалить половину контента. Затем, оставшееся содержание уменьшите еще на 50%

Текст не убедителен? Не выразителен? Смело исключайте:

  • Банальщину с надоедливым толкованием очевидного
  • Штампы из расхожих фраз
  • Корпоративную белиберду – изобилие канцелярщины и формализма
  • Замысловатые словосочетания / несуразные объёмы / непоследовательность / явно притянутую аргументацию
  • Обобщения, вроде: «всем нравится наша уникальная бизнес-идея»

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


Сайт не изба-читальня - его лишь просматривают:

  • Снижайте текстовую подачу с отдалением от конечной точки конверсии
  • Структурируйте и оптимизируйте главную страницу под быстрый просмотр
  • Упрощайте формулировки – откажитесь от причастных / деепричастных оборотов
  • Попробуйте разбудить воображение пользователя метафорой…
  • Сводите тексты к минимуму, не сбивающему читателя с мысли (15% «воды»)
  • Используйте вечнозеленый контент (затрагивает «обычно волнующее»)
  • Брендированный контент отлично работает на пересечении интересов

Целый раздел с примерами текстов главных страниц - textis: Тексты_на_главную

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

Согласно исследованиям 3M Corporation:

83 % решений принимаемых человеком основаны на визуальной информации. Визуальный образ – то, что скорее запомнится и доверять будут ему. Зрительное воспринимается быстрее текстового в 60 тыс. раз!

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

  • Для оптимизации пользовательского опыта
  • Чтобы общаться на одном языке с нужной аудиторией

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

  • Расположение на странице
  • Пользовательское восприятие (UX)
  • Остальная SEO-стратегия / социальный маркетинг
  • Уровень конкуренции / временной фактор / сама полезность

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

Возрастающее влияние фактора «полезности» вполне ожидаемо:

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

Уделите внимание типу трафика: брендированный / нишевые запросы / long tail, чтобы не упускать важных клиентов.

8. Сделайте главную страницу удобной в пользовании. Юзабилити часть UX и если принести в жертву своей индивидуальности (чего-то еще), интересы посетителя имеющего и другой опыт, он ответит:

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

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

Корректировки-правки повлияют больше на свежую аудиторию. Для ее понимания, нужен анализ достижения пользователями целей в типовых сценариях юзабилити-тестов / АБ-экпериментов. Сквозной аналитикой продаж, вы минимизируете пустые траты на продвижение своего бизнеса. Выбирайте метрики, дающие объективную картину.

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



10. Привлекательная идея vs Проработка элементов. Веб-аудитория оценит привлекательность, явно относящуюся к делу – когда качество элементов безупречно, а их необходимость очевидна.

Лирическое отступление. Древний ваятель на вопрос, как он создает скульптуру:

Беру каменную глыбу, образ божественной формы уже есть в ней. Я просто отсекаю лишнее

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


Гибкие решения от скульптора Хосе Лопес: «открывая гранитную страницу»

Еще раз о важном:

  1. Хороший дизайн не заметен, а ключевые элементы там, где их ожидают увидеть
  2. Чем шире целевая аудитория, тем больше компромисса в оформлении – требуется БОЛЕЕ хороший дизайн

Читайте также: 11 веб-дизайн трендов на 2016 год

Главные страницы сайтов™ прод. брендов

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

Эко Хлеб

Достойное оформление – сайт Эко-Хлеб™ с интернет-магазином:


на гл. страницу

  • Качественная отрисовка элементов и фотосъемка продуктов
  • Уникальность фирменного ретро-стиля с красивым логотипом

Персона

Главная оформлена как промо-страница - сайт торговой марки на Битриксе:


на гл. страницу

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

Крошка Картошка

Интересный вариант оформления - промо-сайт фастфуд бренда:


на гл. страницу

  • Позитивный брендинг с логотипом концептуального блюда
  • HotSpot тултип-подсказки занимают посетителя познавательными описаниями
  • Аудиомаркетинг – послушайте гимн компании

Бургер Кинг

Сайт сети ресторанов быстрого питания с декоративным шрифтом:


на гл. страницу

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

Читайте также: 40+ лучших дизайнов сайтов о еде и кулинарии

Впечатляющее визуальное воздействие

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

Apidura

Главная страница продающего сайта – английский бренд велотоваров:


на гл. страницу

  • Впечатляющие фоны с градиентным переходом к разделяющим иконкам. Стильное полупрозрачное меню, контурные кнопки и
  • Феноминальный способ продвижение бренда дизайном: сайт уже получил 10000 пинов на досках Pinterest!

Code Fuel

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


на гл. страницу

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

Яркий смысл флэт дизайнов

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

Все больше flat-интерфейсов выражают стилистику и особенности позиционирования бренда в интернете / за пределами сети. Смотрите сами, как «упрощения» фирменной индивидуальности сокращает дистанцию между бизнесом и клиентом.

Modulus

Плоский технократический стиль главной страницы - хост-площадка для Node.js:


на гл. страницу

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

Moosend

Пример редизайна главной страницы – позитивный сайт с красивой типографикой:


на гл. страницу

  • Единая гарнитура с одним шрифтом для UI и заголовков делает сайт узнаваемым и облегчает восприятие
  • Доработано оформление: в логотип вложен смысл бренда, поля регистрации вынесены на первый экран, новые анимации

Tribute Media

Американское веб-маркетинговое агентство – лаконичный минимум (CMS Drupal):


на гл. страницу

  • Стрелки и анимированные иконки указывают на выдвижное меню / дублирующую навигацию по вкладкам
  • Призыв размещен в первом экране по F-схеме просмотра: лого> цифры> кнопка


на гл. страницу

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

Эффектные страницы с интересными дизайн-решениями

Сегодня не удивишь wow-эффектом на «Главной». В тренде – полезная анимация.phive.pt – португальский фитнес-сайт с интерактивным дизайном на JS и jQuery.


  • Векторная графика согласует главную с внутренними страницами. Больше чем эстетика! – пользователь увереннее на сайте с четко определенной идентичностью
  • 2-6х фигурная сюжетная сцена прорисовывается анимированной предзагрузкой
  • Ненавязчивые интерфейсные микровзаимодействия, эффект Кена Бернса для картинок и скролл-анимации

Medpraktika

Клиентоориентированный дизайн главной страницы медицинского сайта:


на гл. страницу

  • Лаконичный дизайн. Отрисовкой страницы при минимуме цветов, четко и понятно проиллюстрированы главные предложения организации
  • Нагоняемым рекламой Директа / AdWords, важна заметность четко сформулированного оффера, мотивирующего к конверсионным действиям. УТП-предложение на главной странице должно выглядеть броско, а «визуальное информирование» закрыть смысловые пробелы формулировки.

    Fish Bowl

    Продающий мини-сайт - лендинг на несколько страниц:


    на гл. страницу

    • Поддоменный сайт впечатляет главной страницей с hero-хэдер изображением, огромным заголовком и ярким UI (смелое цветосочетание)
    • В почти плоском дизайне тенью акцентированы конверсионные элементы

    Pop Web Design

    Сайт сербского интерактивного агентства – flat дизайн с красивыми эффектами:


    на гл. стра ницу

    • Рисованные персонажи креативной команды ждут… понаблюдайте за процессом их окрашивания / обесцвечивания
    • Многостраничный лендинг ориентирован на немедленную конверсию – форма заказа в одном клике от главной страницы

    WPMU DEV

    Сайт разработчиков с конверсионным роликом (бизнес-трейлером):


    на гл. ст раницу

    • Для продвижение продукта использованы выигрышные стороны плоского дизайна
    • Мультипликационная продающая видеопрезентация с кнопкой призыва. Анимируя персонажей, ролик «играючи» расширяет воронку конверсии
    • Услуги разделены цветом по секциям с прямым доступом к форме аккаунта

    Chris Ducker

    Пример правильного оформления главной страницы сайта бизнес-инструктора:


    на гл. страницу

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

    Dollar Shave Club

    Еффективный рекламный ролик на главной странице ТОПового e-Commerce сайта:



    на гл. страницу

    • Изысканная небрежность в хипстерско – винтажном стиле: шапка с текстурой под дерево, гранжевый шрифт заголовков
    • Shave time. Shave money – в рекламном каламбуре предложение выгоды: «Время бритья. Экономного бритья». Конкурентам DollarShave так не перефразировать
    • Креативное продающее видео имело феноминальный успех, в день завалив заказами компанию. Просмотры растут, сейчас 23.5 млн.

    Freshdesk

    Приятное флэт-оформление главной страницы с элементами лендинга:


    на гл. страницу

    • Хорошо связуя другие оттенки, зеленый цвет делает заметнее СТА-призывы. Белым по зеленому – это супер контраст! Сравните с freshsales.io , freshchat.io
    • Лид-форма с конверсионным дизайном, цепляет: «Попробуй бесплатно»

    Bench

    Лаконичная домашняя страница – сайт аудиторской фирмы:


    на гл. страницу

    • Вызваться помочь с бухгалтерией лучше налегке – нагруженный интерфейс не воодушевит заказчика аудита
    • Закольцованные ролики в видеоформате COUB знакомят и оживляют атмосферу
    • Тексты и призрачные кнопки в общем пространстве – свежий тренд

    Big Commerce

    SaaS платформа создания eCommerce сайтов:


    на гл. страницу

    • Геометрия в деталях визуального ряда / UI-элементов согласует все страницы. По единому стилю с узорами сайт узнаваем на любом экране
    • Расширенный масштаб предложения оправдывает дополнительные СТА-призывы
    • Оптимизированный под сенсоры интерфейс, удобные для заполнения формы

    Ted Todd Insurance

    Главная – посадочная страница сайта страховой компании:


    на гл. страницу

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

    Дизайнерские сайты и агентства

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

    Web Lounge

    Бельгийская студия со стратегией долгосрочной лояльности:


    на гл. стран ицу

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

    ДоменАРТ

    Динамичный сайт с хорошо структурированным клиентоориентированным дизайном:



    на гл. стран ицу

    • Яркий интерфейс со смелыми контрастами конверсионных элементов и красиво стилизованными формами обратной связи
    • Функционал расчета заказа и блок поддержки будут полезны пользователю-клиенту

    ирсиб.рф

    Сайт веб-студии - нестандартный подход к оформлению и оптимизации:


    на гл. стран ицу

    • Вместо УТП-заголовка, главный экран сходу знакомит с преимуществами и услугами. В центр «вытащено» первое, что интересно заказчику
    • Предложение структурировано по стоимости, формализовано аннотациями
    • Внизу главной «заголовок = ключевая фраза» в H2. Под прочие важные запросы оптимизированы вн. страницы с H1-заголовками (выходят в региональный ТОП)

    Веб Ай Ти

    Эффектный и интересный сайт креативного агентства полного цикла:


    на гл. стран ицу

    • Заголовок-метафора лаконично выражает предложение сайта – образность, она запоминается
    • Вывод в блоки навигации по услугам и обратной связи повысил их доступность
    • Социальных доказательств на полстраницы – уникальностью оформления показан творческий потенциал

    Twenty six digital

    Стильный сайт маркетингового агентства полного цикла:


    на гл. страницу

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

    Adorned Homes

    Главная страница персонального сайта дизайнера интерьеров (CMS WordPress):


    на гл. страницу

    • Серые тона в сочетании с золотисто-бронзовым дарят чувство безмятежности и комфорта
    • Улучшают адаптивность: слайдер отзывов с идеей увеличения фото для меньших экранов, блоки с крупными

    Главные страницы сайтов с развитым маркетингом

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

    Salesforce

    Редизайн сайта с гибким маркетингом - компания-разработчик CRM-систем:


    на гл. ст раницу

    • Начальная страница выглядит просто, при всей глубине перелинковки сайта под маркетинговые каналы. Для сбора потенциальных сделок (лидов) задействованы поддомены, лендинги, мини-сайты
    • Вертикальная навигационная панель, теперь – отличие внутренней страницы

    Пионер Сервис

    Home-страница сайта крупного сервисного центра:


    Выпадающее вверх, своеобразно выделяет главную из остальных страниц

Создание landing page или продающих страниц - занятие весьма популярное у веб-разработчиков.

Продающая страница (синонимы landing page, лендинг, одностраничник, одностраничный сайт) - сайт - продавец, состоящий из одной единственной страницы.

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

Элементы непрофессионального лендинга

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

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

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

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

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

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

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

Компоненты безупречного одностраничного сайта

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

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

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

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

Это не все компоненты безупречного одностраничного сайта, но если есть такие, то это значит, что landing page сделана «с душой».

Вместо заключения

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

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

Высоких вам конверсий!

Понравилась статья? Поделитесь ей