Создаем landing page своими руками

Делать самому или заказывать

Возникает логичный вопрос. Что лучше: заказать landing page или сделать его самому? Все зависит от конкретного случая и ваших возможностей. Например, если вы хотите сделать лендинг недорого, то самый дешевый вариант – взять конструктор и сделать на нем самостоятельно. Разница просто колоссальная.

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

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

#2 – Заменяем картинку на главном экране

Когда скачаете – откройте папку “blue” и внутри вы найдете несколько файлов с расширением html. Кликните два раза на тот, который называется index.html.

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

Теперь нам надо его отредактировать. И удобнее всего это делать с помощью программы Notepad++. Скачайте её и установите себе на компьютер.

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

Укажите размер файла “Большой”. Пока для тренировки можете скачать вот это изображение. Мы как будто делаем лендинг для профессиональных юридических услуг.

Теперь копируйте это изображение в папку “images”. Поменяйте его название на “banner.jpg”. То изображение, которое уже называется “banner.jpg” в этой папке, переименуйте во что-нибудь другое.

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

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

Если все ОК, то переходим к редактированию текста.

Wix — лучший бесплатный конструктор лендингов

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

Шаблоны разбиты на категории. Одностраничные сайты находятся в самом низу. На данный момент в системе всего 29 различных варианта. Это конечно очень мало. Надеюсь со временем будут добавлять новые.

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

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

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

Платных тарифов 4. Цены довольно демократичны (в скобках цена при оплате за год): Connect Domain — 243 руб. в мес. (123 руб. в мес.), Combo — 445 руб. в мес. (249 руб. в мес.), Unlimited — 625 руб. в мес. (375 руб. в мес.), eCommerce — 780 руб. в мес. (488 руб. в мес.).

Способов оплаты мало: Карты Visa и MasterCard, American Express, Diners Club.

Достоинства

• Интуитивно-понятный интерфейс
• Шаблоны адаптированы под мобильные устройства
• Много дополнительный приложений, которые открывают широкие возможности для развития проекта
• Есть полноценный бесплатный тариф

Недостатки

• Свой домен можно подключить только на платных тарифах
• Мало подходящих макетов для лендингов
• Нет возможности оплатить Webmoney или Яндекс Деньгами

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

1. Adobe Muse. Используется чаще всего. Можно делать или редактировать веб-ресурсы в визуальном режиме, писать коды нет необходимости. Программа делает всё сама, надо лишь верно разместить составляющие на странице.
2. Microsoft Expression Studio. Программа используется нечасто, включает в себя пакет из нескольких программ для разработки веб-сайтов и веб-графики.
3. Serif WebPlus. Чтобы создавать и редактировать одностраничники, не надо владеть языками программирования, писать коды не придётся.
4. WebSite X5. Посредством этой программы можно разработать даже сложный сайт. Она поможет даже не разбирающемуся в сайтостроении человеку.
5. WYSIWYG Web Builder. Программа выдаёт нужный код автоматически, так что тут его писать тоже нет нужды.
6. Axure RP Pro. Работать с программой удобно, так как действия наглядны, проходить специальное обучение не требуется.

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

Уделите больше внимания блоку описания продукта

Обязательно учитывайте, что о вашем продукте потенциальный клиент может и не знать. Главный вопрос, на который вы должны ответить в блоке описания: зачем нужно это покупать?

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

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

Пример лендинга с простым контрастным дизайном — он отлично выполнил свою задачу привлечь зрителей.

Как сделать хороший лендинг

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

Есть несколько общих моментов на которые стоит ориентироваться.

Хороший лендинг:

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

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

Альтернативная формула – PMPHS: проблема, ее обострение, надежда, решение. Например. Набрали лишний вес – диеты не помогают, вызывают проблемы с желудком – забудь о диетах диеты – таблетки помогут сбросить от 2 до 7 кг за месяц.

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

Хороший лендинг имеет логическую структуру и закрывает все вопросы пользователя

К счастью, есть более объективные показатели качества landing Page, их можно измерить. Помним, что суть арбитража – получить прибыль. Поэтому смотрим на цифры:

• время просмотра страницы;
• процент отказов;
• конверсия.

Оценить эффективность лендинга помогают различные инструменты: встроенная аналитика есть у большинства онлайн-конструкторов и CMS. Более подробную статистику дают специализированные системы. Например: Google Analytics, Яндекс.Метрика, К50, Serpstat, Oribi, SimilarWeb.

Мощные инструменты для аналитики есть у популярных трекеров: CPAtracker, AdsBridge. Оценить CR разных вариантов дизайна можно с помощью A/B-тестирования – сначала показывается один вариант лендинга, потом другой. После сравнивается отклик аудитории. Опция тоже есть у большинства онлайн-конструкторов (bloxy, tilda, GetResponse). Более гибкие тесты можно проводить через специализированные сервисы (например, Kameleoon).

Так выглядит хороший лендбинг

Распространенные ошибки

• Лендинг должен быть длинным – нет. Нужно подробно рассказать о продукте – это означает снять все вопросы, а не породить новые. Идеально – донести суть за один экран.
• Особенный, вкусный текст – иногда это работает, но в популярных конверсионных тематиках (гемблинг, дейтинг, нутра, товарки, финансы) чем проще написано, тем лучше.
• Таймер с обратным отсчетом – когда-то это был железобетонный прием, сейчас пользователи раскусили фишку, счетчики отталкивают, а не мотивируют.
• Расплывчатое УТП – это звучит банально, но юзер должен понимать, что ему продают и что нужно сделать;
• Длинный список из преимуществ – никто его не будет читать, достаточно 3-5 пунктов.
• Много отвлекающих факторов: часы, календарь, блоки с картинками, виджеты, пестрый разноцветный текст с разными шрифтами – такими были сайты из 2000х и они не работают в 2020-х.
• Несколько целевых действий. Этот прием работает на сайтах, у лендинга одна цель и наличие выбора только оттягивает принятие решения, в итоге юзер не сделает ни одного.
• Лендинг не соответствует объявлению. Например, баннер с рекламой “быстрого заработка” перенаправляет пользователя на лендинг “быстрых кредитов” или “онлайн-казино”.
• Сложная форма обратной связи – не просите слишком много, не все юзеры готовы оставить даже номер мобильного. Если вы спросите адрес, семейное положение – ждите отказ. Идеальная форма Имя (без фамилии) и адрес электронной почты при подписке. Номер мобильного, мессенджер для формы продажи.

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

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

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

Страница сбора контактов

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

Само собой, на таком лендинге должен быть функционал сборщика. То есть просто знание HTML и CSS тут не подойдет. Либо придется дописывать специальный скрипт на Java, либо делать такую страницу на другой платформе. Отлично подойдут WordPress и Joomla

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

Товарный лендинг

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

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

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

Сайт-визитка

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

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

Корпоративные визитки призваны рассказать клиентам о компании, истории ее создания и прочих подобных вещах. Там же размещена информация о расценках, раздел с партнерами и выполненными работами.

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

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

Лендинг с услугами

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

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

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

Брендированный лендинг

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

Допустим, тот же Apple. У них все просто и банально. Выходит новинка – iPhone XS MAX. Задача лендинга – представить не только новый продукт, но и повысить узнаваемость бренда компании.

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

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

Tilda

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Учебный центр Unibrains

Интенсивный тренинг по подготовке и продвижению Landing Page. Над разработкой алгоритмов продвижения посадочной страницы работали лучшие эксперты крупных интернет-компаний: BDBD, Kokoc, Sape, Arrow Media.

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

Что вы приобретёте в процессе обучения:

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

uKit

Современный конструктор от разработчиков легендарного uCoz, отлично подойдет для создания одностраничных сайтов. Лендинги здесь делаются с помощью удобного drag and drop редактора по собственному дизайну или на основе предложенных 350+ шаблонов. Далеко не все шаблоны уникальны, но среди них можно найти интересные решения адаптированные под разные тематики: авто, бытовая техника, it-услуги, игры, кафе и рестораны и другое.

Тестовый период длится 14 дней, далее для продолжения работы придется перейти на платный тариф. Цены при оплате за месяц начинаются от 5$, презентованные на сайте минимальные 2.5$ в месяц действуют при оплате за 2 года и более. Каждый тариф предполагает создание неограниченного количества landing page и прикрепление доменов. Домены в свою очередь здесь не дешевые, приобретение доменного имени в зоне .ru за первый год обойдется в 11$. Альтернативой может служить создание одностраничников на поддоменах uKit, таких как *.ukit.me, *.usluga.me, *.ulcraft.com или прекрепление своего домена купленного у другого регистратора.

Цены при оплате за месяц:

• минимальный 5$: остается копирайт uKit;
• базовый 10$: есть онлайн чат с техподдержкой.

LPgenerator — конструктор лендингов для профессионалов

В LPgenerator есть абсолютно все, чтобы сделать идеальный лендинг. Звучит немного пафосно, но на самом деле так оно и есть.

Сервис ориентирован на профессионалов. Если у вас уже есть опыт и базовые знания вы освоитесь довольно быстро.

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

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

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

В LPgenerator есть все инструменты, необходимые для интернет маркетолога: управление источниками трафика, подробная аналитика и геостатистика, А/Б-тестирование, построение воронки продаж, собственная CRM.

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

Новому пользователю доступен 7 дневный бесплатный тестовый период. Потом нужно выбрать один из платных тарифов (в скобках цены при оплате за год): Базовый — 799 руб. в мес. ( 559 руб. в мес.), Продвинутый — 2375 руб. в мес. (1662 руб. в мес.), Безлимитный — 3999 руб. в мес. (2799 руб. в мес.), Корпоративный — 15730 руб. в мес.(11011 руб. в мес.).

Тарифная сетка LPgenerator. Цены указаны при оплате за год

Способы оплаты: Безналичный расчет, Web Money, карты Visa, Maestro и MasterCard, Сбербанк Онлайн, «Мир», «Альфа-Банк», «Яндекс.Деньги», Qiwi Wallet, Tele2, Beeline, «Мегафон», МТС, «Евросеть»

Достоинства

• Большой выбор шаблонов.
• Есть возможность создать лендинг с нуля
• Доступ к HTML и CSS
• Сплит-тестирование
• Детальная аналитика и геостатистика
• Собственная CRM
• Телефония для обзвона клиентов из админки

Недостатки

• Цены выше чем в среднем по рынку
• Короткий бесплатный тестовый период — всего 7 дней
• Сложный интерфейс, в котором будет трудно сходу разобраться новичку

Создание сайтов: лендинг на CMS

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

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

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

Этот способ потребует от вас некоторой базы знаний или времени на изучение способа установки CMS и ее настройки. Если ни того ни другого у вас нет, воспользуйтесь следующим вариантом.

Важные моменты

Хороший лендинг имеет адаптивный дизайн, грузится за 1-2 секунды

Скорость

Время загрузки – критический параметр. Если сайт грузится дольше чем 3 секунды, страницу закроет 30-40% пользователей. Если дольше 5 – потеряете до 75% трафика. 75 человек из 100 откажется ждать, поэтому даже самый крутой ленд не даст результата. Но каждый клик добыт большими усилиями, на это затрачен рекламный бюджет. Поэтому внимательно тестируем время загрузки. Помогут инструменты Pingdom, PageSpeed Insights. Если сайт долго грузится – оптимизируем его: чистим код, убираем лишние динамические элементы, визуальные эффекты запускаем через TinyPNG.

Адаптивность

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

Шаблоны для WordPress

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

Как оформить первый экран

1. Логотип (вариантивно),
2. Дескрипт,
3. Контакт,
4. Меню (по необходимости),
5. Заголовок,
6. Подзаголовок (вариативно),
7. Изображение/видео продукта,
8. CTA (Форма или Кнопка),
9. Идентификация,
10. Выгоды (вариативно).

2. Дескрипт

• точно описывает то, чем занимается компания с конкретизацией ниши (пример — Конструктор Landing Page, Организация профессиональных конференций);
• указывает на специализацию (пример — Свадебная фотосъемка, Агентство элитной недвижимости);
• может содержать идентификацию (пример — Консультации для начинающих бизнесменов, Тренинги для топ-менеджеров);
• может демонстрировать выгоду (пример — Отдел продаж под ключ)

5. Заголовок или самая важная часть Landing Page

Технология 1. Как сделать продающий заголовок: 4UUsefulness (Полезность)«трех почему»Urgency (Срочность или Актуальность)Uniqueness (Уникальность)докладов Тима ЭшаПроцесс изучения посетителями одностраничникаUltra-specificity (Ультра-специфичность)Пример 1Дизайн интерьеров.
– Разработаем дизайн интерьера, который сделает дом удобнее.– Разработаем дизайн интерьера, в который захочется возвращаться.– Разработаем дизайн интерьера в который вы захотите возвращаться, сэкономив 30% бюджета за 2 недели.– Профессионалы индивидуально разработают дизайн интерьера, в который вы захотите возвращаться, сэкономив 30% бюджета за 2 недели.– Дизайн интерьеров на заказ
– Профессионалы индивидуально разработают дизайн интерьера, в который Вы захотите возвращаться, сэкономив 30% бюджета за 2 неделиПример 2Купить шины.– Увеличьте безопасность автомобиля на дороге.– Увеличьте безопасность автомобиля на дороге на 35%.– Увеличьте безопасность автомобиля на дороге на 35% за 1 час.– Увеличьте безопасность автомобиля на дороге на 35% за 1 час за счет инновационной резины шин «Шинус».– Купить самые лучшие шины у нас
– Увеличьте безопасность автомобиля на дороге на 35% за 1 час за счет инновационной резины шин «Шинус»Технология 2. Как создать продающий заголовок: 3ВПримеры:– Зарабатывайте на 30% больше уже через 1 день после аудита сайта профессионалами
– Делайте молочные коктейли за 1 минуту у себя дома с блендером
– Увеличим прибыль вашего сайта в 2 раза с технологией создания заголовков по 4UТехнология 3. Создание заголовка: 2МПримеры:
– Как продать автомобиль за 3 часа на 10% выгоднее, не выходя из дома
– Как заработать 1000 рублей лежа на диване за 1 день
– Как увеличить конверсию в 2 раза за 10 минут без вложений

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

Пример заголовка на первом экране Landing Page.регистрируйтесь

6. Подзаголовок

Пример:– Заголовок: Зарабатывайте на 30% больше уже через 1 день после аудита сайта профессионалами.
– Подзаголовок: Все еще не хватает на новый Феррари? Звоните прямо сейчас, и мы увеличим ваши продажи.

7. Изображение

Используем четкие, без шумов, яркие картинки.В карточках продукта фон должен быть такой же, как и фон блока. Используем изображения формата .png. Примеры справа конверсию убивают сразу. Разница очевидна.Никогда не накладывайте на фон изображения с фоном. Используем .png изображения, причем лучше брать реальные фото, а не рисунки из фотобанка.unsplash.comallthefreestock.comПример первого экрана для заголовка и изображения Landing Page.

8А. Кнопка

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

Примеры призыва к действиюХорошо:
– Получить консультацию
– Узнать больше
– Получить мой подарок
– Увеличить продажи
– Получить бесплатно
– Принять участие
Плохо:
– Отправить
– Заказать
– Купить

8.Б. Форма

• заголовок;
• подзаголовок;
• поля для ввода;
• кнопка;
• подпись;
• CTA + выгода.

Заголовок формыПодзаголовок формыПоляПоля контактовКнопкаПодпись

9. Идентификация

Примеры:
Для кого подойдет?
– Для владельцев бизнеса
– Для начинающего бизнеса
– Для владельцев веб-студий
Для кого не подойдет?
– Для дачников
– Для домохозяек
– Для автовладельцев