Контакты

Создание продающей страницы, основные способы. Что такое посадочная страница: как создать своими руками

Главное — конверсия читателя в покупателя. Как сделать правильно продающую страницу или страницы?

Советов в Интернет на эту тему много, особенно — в англоязычном сегменте, но появились гуру и у нас, в Рунете. Если собрать все самое полезное в одном месте, можно написать небольшую статью на эту тему.

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

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

Я написал выше, главное для любого сайта — это конверсия читателя в покупателя, клиента, заказчика, постоянного читателя. Вам нужна качественная продающая страница и вы пока не знаете, как она должна выглядеть? Давайте попробуем ее создать!

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

Каждая секция на странице имеет номер, от одного до девяти. Давайте разберем каждый по очереди.

Примеры продающих страниц: Плохо и очень плохо (список будет пополняться):

http://1popov.ru/disc1/


1 — Не надо много ссылок!

Если у вас на продающей странице в верхнем меню есть ссылки на другие страницы, вашего сайта или внешние ссылки, ведущие на другие ресурсы — это плохо!

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

2 — Заголовки — это призыв и короткая реклама

Все, что вами будет написано ниже — должно соответствовать вашему основному заголовку.

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

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

3 — Четкие и краткие подзаголовки

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

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

4 — Пишите грамотно!

Даже простые очепятки смотрятся некорректно. О грамматических ошибках даже говорить не буду.

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

Используйте лексикон слов, который соответствует вашей основной тематике продающей страницы. Если вы призываете купить инфо-продукт, к примеру, самоучитель игры на 6-струнной гитаре, и ваш основной покупатель — это молодежь от 15-ти и выше, можно подумать о использовании молодежного слэнга, но не сильно, а так, слегка.

Правильно написанный текст — это целая наука.

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

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

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

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

Все должно быть в строгом соответствии всего макета продающей страницы.

6 — Картинки или Видео

Инфографика или видео-контент? Решать вам.

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

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

Дайте им такой медиа-контент, который даст им всю необходимую информацию о вашем продукте.

7 — Доверие надо заработать и не скрывать!

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

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

8 — Используйте призывы к действию!

Из опыта разработчиков браузера Mozilla Firefox: после того, как они изменили призыв — «Попробуйте Firefox 3» на призыв — «Скачать сейчас — бесплатно», конверсия увеличилась на 3,6%, а уровень доверия превысил 99%, что принесло 500 дополнительных скачиваний за время эксперимента.

9 — Все главное без прокрутки!

Конечно, сейчас появилась куча разных девайсов (планшеты, смартфоны, Iphone и прочее). Но я не о них, хотя надо учитывать все.

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

Не согласны? Пишите, будем обсуждать. Только с примерами, ссылками.

10 — Все время тестируйте!

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

Пробуйте A/B тестирование, меняйте картинки, текст, заголовки, призывы к действию.

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

А/В тестирование — это только замена одного параметра и определение его значения на изменение конверсии.

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

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

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

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

Подход уверенного лидера на рынке: главная страница 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-страница сайта крупного сервисного центра:


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

Копия продающей страницы.

Доброго времени суток.

У тебя нет продающей страницы?

Ты хочешь сделать продающую страницу?

Тебе понравилась продающая страница конкурента?

Продающая страница партнерки, зачем нужна копия?

На все вопросы есть ответ на сайте «Инфобизнес».

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

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

Для копии продающих, подписных, других страниц в формате html существует программа HTTrack Website Copier, скачаете в интернете без проблем.

Как она работает?

Скачаете и установите программу.

Настроек программа не требует.

Алгоритм действий:

Выбираем продающую страницу, которую хотим скопировать;

Запускаем программу, жмем на кнопку - Далее ;

Вносим имя нового проекта, у меня – Копия 1, выбираем каталог для сохранения копии, кнопка - Далее ;



В следующем окне ничего не меняем, кнопка - Готово .


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

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

Введение

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

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

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



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

Мы предлагаем несколько способов:

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

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

Онлайн-генераторы

Итак, JustClick — сервис для ведения инфобизнеса, так они сами себя называют. Предлагаемая работа не отличается оригинальностью. Требуется регистрация, затем оплата выбранного тарифа (всего их три), пользователь получает готовый онлайн-сайт, на котором может реализовывать товары/услуги, автоматически принимать платежи, обрабатывать заказы, даже отправлять почтовые рассылки. Обучение предлагают пройти там же.

Узнать подробнее, как создать продающую страницу на JustClick, можно после регистрации на портале.


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


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


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

Функционал интуитивно понятен, поэтому те, кому незнакомо определение продающей страницы (landing page), своими руками могут конструировать ее без лишних проблем. Интегрируйте следующие обязательные составляющие правильной структуры:

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

Один из примеров перед вами.

После конструирования одностраничник сохраняется. Еще одно конкурентное преимущество LPg — немедленное . Через строку пользователя подбирается домен, определяется его уникальность, затем он покупается.

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

Создание лендинг пейдж с помощью готовых шаблонов

Вам может показаться, что этот способ аналогичен предыдущему, но это не совсем так. Существуют определенные сервисы, предлагающие пакет макетов landing page за разовую плату, дальше пользователь «сам себе режиссер».

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

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

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

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


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


Интеграция с социальными сетями

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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