Обучение онлайн лендинг

Время на прочтение

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

Почему сайт + трафик ≠ деньги?

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

Важно понимать, что Ваш продукт будет продаваться только в связке: хороший, качественный продукт + хороший, качественный лендинг + хорошие, качественные каналы трафика. Конечно, что-то может хромать, но не всё. Поэтому нужно тестировать каналы трафика и варианты гипотез для сайта, чтобы найти такую пару: канал/трафик + гипотеза/сайт = максимальный результат. Одни пары будут прибыльны, другие рентабельны, третьи убыточны. Это нормально.

Продажи всегда состоят из лендинг пейджа и канала трафика.

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

Гипотезы нужно проверять на жизнеспособность. И способ только один — сделать сайт с гипотезой и пустить реальный трафик.

Landing Page и трафик приносят прибыль, когда настроены два инструмента. При системном подходе можно найти, что и где не работает, затем заменить. Поэтому в любом случае Вы создадите работающую систему. Единственное, что не известно, так это за какое количество шагов: за 1 или за 10? Но при правильном подходе, которому Вы научитесь в этом руководстве – результат неизбежен.

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

Что было в прошлых частях:

Мы собрали достаточно информации. Пришло время начать создавать лендинг пейдж!

Коротко о структуре Landing Page: поймем, как это работает. Любой лендинг пейдж делится на 2 части:

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

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

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

Почему одностраничники работают в разы лучше, чем обычные сайты?

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

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

Используя Landing Page мы изначально уже в выиграшной ситуации. Если средняя конверсия (процент купивших посетителей) интернет-магазина менее 1%, то у Landing Page она от 1% до 50%. Но если Вы не сделаете правильную структуру, тексты и дизайн, то магии не будет, волшебных продаж из воздуха не бывает.

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

Одностраничник решает задачу выполнения целевого действия в разы лучше

Дизайнер лендингов

Работа на тренажерах.

Вы научитесь делать лендинги в трёх популярных инструментах Tilda, Readymag и Figma, соберете портфолио и подготовиться к первым заказам на фрилансе

3 секунды без права на ошибку

Что такое первый экран? Это высота экрана ваших посетителей, которая в 90% детскопного трафика составляет в среднем 700 пикселей. Все мы сегодня – представители эпохи скроллинга. Вспомните, как мы ищем что-то в интернете?

Аналогичная ситуация с рекламой. Владелец сайта тратит на нее деньги, а пользователь за 3-6 секунд оценивает, как тут круто или как тут совершенно не круто. Первый экран — самое важное, что есть, а потому напрашивается вывод: 70% времени при создании сайта следует тратить именно на него.

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

Курсы с youtube по созданию лендингов

Ниже представлены бесплатные курсы с YouTube по созданию лендингов.

Верстка сайта #7 Создание лендинга для свадебного ведущего

Ссылка на курс

Текст vs. Дизайн? Кто кого?

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

Тому подтверждение – огромное количество сайтов в сети, у которых какой-то дизайн есть, а продаж нет.

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

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

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

Учебный центр Специалист

Специалист — авторизованный учебный центр ведущих IT-компаний мира с лучшими традициями МГТУ им. Н.Э. Баумана, 30-летним опытом и более чем 1000 актуальными курсами.

Курсы по созданию лендингов от «Специалист. ру»

Создание лендингов в конструкторе «Тильда»

Авторизация у трех мировых разработчиков офисных программ

Ведут обучение от простого к сложному

Удачное сочетание теории и практики

Школа больше рассчитана на опытных специалистов

Компетенции у некоторых преподавателей не на уровне профессионалов

Не хватает обратной связи

Графический дизайнер

В любой момент

Figma DesignAdobe PhotoshopAdobe IndesignAdobe After EffectsAdobe IllustratorГрафический дизайнДизайн лендингов

Раздаем подарки за отзывы!

Разработка сайтов без кода

По факту набора потока

Figma DesignДизайн лендингов

Бесплатные тренажеры и блоги по созданию лендингов

Здесь собраны обучающие тренажеры и блоги.

Это блог от агенства Директ Лайн. В статьях разбираются различные аспекты создания интернет-магазинов.

Тренажер по проектированию, оформлению и запуску конверсионных лендингов

Это блог от Tilda в котором собраны полезные статьи о бизнесе, аналитике, стратегиях, рекламе.

Создание сайтов, лендингов на Tilda

Видеоуроки в записи.

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

2 лекции в неделю + практика

Обучение с ментором

1 663 ₽ / мес

Беспроцентная На 2 года.

Графический дизайнFigma DesignИсследование пользователяРазработка фирменного стиляСоздание баннеровСоздание фирменного стиляДизайн наружной рекламыДизайн лендингов

Часто задаваемые вопросы о курсах по созданию лендингов

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

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

Кому подойдут курсы по созданию лендингов?

Чему я научусь?

Как проходит обучение на курсах по созданию лендингов?

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

В чем минусы бесплатных курсов?

В чем преимущества платных курсов?

Сколько я смогу зарабатывать после курсов по созданию лендингов?

От 10 000 до 200 000 рублей. Средняя стоимость лендинга — 50 000 рублей. Такой диапазон заработка связан с тем, кто заказывает сайт, какие цели преследует, сколько времени займёт разработка и насколько она технически сложна.

Сколько времени займёт обучение?

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

Получу ли я диплом или сертификат?

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

Возможно ли трудоустройство после окончания курсов?

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

Бесплатные курсы по маркетингу

Курсы по маркетингу с трудоустройством

Курсы по маркетингу с сертификатом

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

Качество vs. скорость?

Сайт – это инструмент для конвертации Ваших посетителей в Ваших клиентов. Что тут важнее? Сделать быстрее сайт и протестировать? Или подойти основательно и сделать качественно, а потом протестировать?

Представим, что есть 4 сайта разных по качеству. Один будет изначально убыточен, второй — на грани, третий и четвертый будут зарабатывать. Аналогичный пример можно привести и для настройки и выбора каналов трафика. Одни рекламные каналы и объявления будут убыточны, другие прибыльны. Нужно искать то, что сработает для Вашего бизнеса.

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

Это как продавать разбитую машину. Доказывать с умным видом покупателю, что она целая, а потом удивляться, почему её не покупают.

Чтобы правильно создать сайт, нужно потратить прилично сил и времени, и ещё обязательно приправить “сделано с душой” или “сделано с любовью”. Зато результат, в виде заказов и прибыли, окупит все труды. Давайте делать сразу WOW-эффект!

Школа Яндекс. Практикум

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

Курсы по созданию лендингов от «Яндекс. Практикум»

Большое разнообразие курсов в сфере IT

Возможность трудоустроиться в компанию “Яндекс”

Есть бесплатные курсы

Грамотное сочетание теории и практики

Удобное обучение в собственном личном кабинете

Встречаются технические ошибки

Небольшой процент клиентов отмечают проблему возврата денег

Отсутствие индивидуального подхода в обучении

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

Курсы по созданию лендингов от «Contented»

Профессия «UX/UI-дизайнер с нуля до PRO»

Концентрация на подготовке опытных и квалифицированных дизайнеров

Прохождение стажировки в дизайн-студиях

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

Бессрочная подписка на все пройденные учебные материалы для повторного их изучения в будущем

Высокая сложность программ

Школа больше подходит опытным специалистам, чем новичкам

С 2010 года школа помогает ученикам получить образование по актуальным и востребованным профессиям. За это время из школы выпустились более 100 000 специалистов.

Курсы по созданию лендингов от «Международная школа профессий»

Онлайн-курсы создания и продвижения лендинга на Tilda

Профессия Дизайнер сайтов на Tilda

Школа представлена в 5 странах и более чем 50 городах, поэтому у студентов есть возможность пройти обучение не только в онлайн, но и в оффлайн форматах

Каждый курс школы проработан более чем 600 опытными экспертами-практиками

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

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

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

Беспроцентная рассрочка для оплаты курса

Часть пользователей указывает на устаревшие данные материалов

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

При оффлайн обучении не всегда в одном филиале собирается большая группа

Профессия веб дизайнер

Лекции онлайн, видеоуроки в записи.

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

3-5 часов в неделю

2 819 ₽ / мес

Без переплат на 1 год.

Лекции онлайн,видеоуроки в записи.

На курсе Вы научитесь создавать посадочные страницы и отслеживать их эффективность

NO Code-разработчик, ZeroCoding

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

2 лекции в неделю + практика, 8 уроков

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

10 практических занятий

Уже на 4 месяце обучения на курсе у вас будет достаточно знаний, чтобы взять первый заказ на фрилансе, а после 10 месяца вы сможете претендовать на позицию junior-дизайнера

5-7 часов в неделю

5 493 ₽ / мес

На 2 года.

Идеальный Landing page 3.0

7 практических занятий

Воркшоп по созданию продающего сайта на Tilda

Воркшопы, видеоуроки в записи, офлайн занятия.

На воркшопе Вы создадите главную страницу сайта по всем правилам маркетинга

Освойте конструктор сайтов Tilda с нуля

Лекции онлайн, воркшопы, видеоуроки в записи.

4 125 ₽ / мес

Лекции онлайн, офлайн занятия.

На курсе Вы научитесь проектировать и визуализировать интерфейсы

72 академических часа

5 000 ₽ / мес

Рассрочка на 6 месяцев.

Насколько полезной была информация?

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

Сравнение других курсов по дизайну

Как за месяц научиться создавать лендинги, которые будут собирать лиды

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

Сроки горят, а подрядчик в очередной раз сливает заказ? Дизайнер «из объявления» нарисовал очередную унылую хтонь? Копирайтер принёс макет, но насколько он хорош вы не можете оценить?

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

HTML & CSS

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

Рейтингу, по убыванию

Рейтингу, по возрастанию

Цене, сначала дешевле

Цене, сначала дорогие

Сроку, сначала короткие

Сроку, сначала длинные

Сертификат об окончании

С практическими заданиями

С возвратом средств

С домашними заданиями

Бессрочный доступ к курсу

С пробным периодом

Создание сайтов, лендингов на Tilda

с промокодом kursyonline

75 000 ₽

52 034 ₽

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

с промокодом kursy-online

202 800 ₽

Создание Landing Page в Tilda

Воскресенье с 10.00 до 17.10

Онлайн-университет ProductStar

Команда школы Productstar, основанной директором по продукту Skyeng — Михаилом Карповым, обучает менеджменту и аналитике от практиков рынка.

Курсы по созданию лендингов от «ProductStar»

Высокий уровень подготовки студентов

Гарантия трудоустройства в топовые IT-компании

Государственная образовательная лицензия

Обучение основано на практических кейсах

Предоставление дополнительных материалов для полноценного ознакомления с темой

Встречаются орфографические и неточности в презентациях

Иногда уровень ожиданий ученика не соответствует реальности

Среди небольшого количества пользователей возникла проблема с возвратом средств

Оцениваем бюджет и заряжаемся позитивом.

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

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

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

Посетитель – человек, который попал к Вам на сайт.
Лид (Lead) – потенциальный покупатель, который с Вами связался, оформил заявку на покупку, консультацию, заказал звонок или нажал кнопку купить.
Конверсия (CTR) – количество совершенных действий/деленное на общее число потенциально посетителей, которые могли совершить такое действие. Например на сайт зашло 100 человек, заказал 1, то CTR = 1%, заказало 10 человек, купил 1 CTR = 10%.
Клиент – тот, кто у Вас что-то купил.
Средний чек – сумма, которую приносит один заказ. Не путать с прибылью и маржой на продукт. Если один заказ на 1 руб, а второй на 9 руб. Средний чек – 5 руб.
Выручка – сколько денег Вы всего заработали.
Валовая прибыль – сколько чистыми Вы заработали и можете положить себе в карман или потратить на отпуск, хобби, мечту.
Эффективность бизнеса (ROI) – если больше 100%, то прибыльный, меньше 100% – убыточный. Рассчитывается, как отношение выручки к затратам.

Стоимость лида определяется конверсией Landing Page, вот почему за этот показатель все ни на шутку бьются. Чем выше CTR страницы, тем ниже стоимость лида, следовательно получается больше маржа и прибыль, при тех же затратах на рекламу.

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

Посчитайте, сколько будет стоить лид.
Например 30 р./0.02 = 1 500 руб. Это значит, чтобы получить одну заявку, нужно потратить 1 500 руб. Отсюда посчитайте сколько Вы должны зарабатывать с одной продажи, чтобы получать прибыль. Если Вы продаете мёд по 500 рублей, то конечно данная схема совсем не выгодна. А если Вы занимаетесь проектной документаций, где с одного заказа можно зарабатывать больше 1 000 000 рублей, то это совсем другое дело. Все зависит от конкретного бизнеса.

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

Создание лендингов в программе Adobe Muse

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

1. Очевидное вам — не очевидно аудитории. Допустим, я пишу об онлайн-бухгалтерии для ИП: общаюсь с разработчиками, ищу фишки, погружаюсь в тему. И тут упускаю из виду, что моя аудитория не разбирается в вопросе так, как я. С клиентом нужно говорить на понятном языке, а если тема требует большего понимания, постепенно переходить от простого к сложному.

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

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

Виртуальный пиарщик Pressfeed — подберет СМИ под вашу тему, напишет текст, организует выход публикации или интервью. Оплата за результат!

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

5. Большое внимание визуалу. Если ваш продукт можно посмотреть или оценить в работе, пусть лендинг даст такую возможность. Качественные фото и анимации, видео с тест-драйвом или промо. За визуальным повествованием 80% успеха.

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

Эти правила я запомнила благодаря:

1. Школа редакторов Бюро Горбунова. На мой взгляд, лучший курс по работе с текстом, визуальным повествованием и интерфейсами. Учат писать, дизайнить, верстать, и защищать проект перед заказчиком.

2. Книга «Продающие тексты. Модель для сборки», Дмитрий Кот. Книга полностью состоит из схем, по которым легко собрать лендинг. Каждая глава — рассказ об определенном блоке.

3. Книга «Этой кнопке нужен текст. О UX-писательстве коротко и понятно», Кирилл Егерев. Знакомит с термином пользовательского поведения. Учит это поведение замечать и делать интуитивно понятные интерфейсы.

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

5. Книга «Ясно, понятно», Максим Ильяхов. Продолжение «Пиши, сокращай», читать строго по очереди. Это новый уровень понимания текста: больше узнаем о контексте и визуальном повествовании.

6. Книга «Уступите место драме», Людмила Сарычева. Учит писать увлекательные тексты даже на скучные темы. Рассказывает, как строить сюжет.

Пройдите курс для систематизации знаний

Для начала, например, бесплатный:

1. Пошаговый мини курс по Landing page. Состоит из 12 уроков по темам: анализ конкурентов, бриф опрос, сравнение с конкурентами, портреты ЦА, цель лендинга, УТП, интеллект-карта, смысловая схема, подробная схема, копирайтинг, доработка, типовые элементы лендинга.

2. Онлайн-практикум «Специалист по созданию сайтов на Тильде». 44 видеоурока с домашними заданиями. Обещают обратную связью по каждому. Суммарно 5 дней практики, в результате — создадите полноценный сайт с нуля, даже если никогда не делали этого раньше.

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

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

Платные варианты начинаются от 10 тыс. рублей за 1,5 месяца и заканчиваются, например, курсами по графическому дизайну (куда ж без него) за 126 тыс. рублей за 2,5 месяца. Чем глубже в лес, тем толще партизаны — хотите сами стать мэтром, придётся вложиться.

Запомните главное правило: 30% теории и 70% практики. Выходите за рамки дизайна и изучайте смежные области: бизнес, маркетинг, продуктовый подход. У каждого лендинга есть своя задача и чаще всего она бизнесовая. Создавайте, тестируйте, анализируйте ошибки и делайте выводы. А потом снова по кругу.

Константин Маслянников из Tetraform собирает лендинги для HR и Edtech стартапов. Например, одностраничник для «Лидер-клуба» СберУниверситета.

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

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

Бесплатные курсы Tilda Education

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

Работы других дизайнеров

Изучите примеры работ других авторов на сайтах Behance, Dribbble, Awwwards, Pinterest и MadeOnTilda. На этих ресурсах можно найти огромное количество примеров лендингов и интерфейсов. Рассматривая работы других дизайнеров, можно найти интересные решения и прокачать насмотренность. Просто начните коллекционировать понравившиеся примеры и анализируйте их самостоятельно. Ищите правила и закономерности. Большая часть посадочных страниц имеет похожую структуру. Таким образом вы научитесь думать и рассуждать. Задавайте себе вопросы: почему на этих сайтах было выбрано такое решение или почему эти блоки идут в таком порядке.

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

Могу порекомендовать два ютуб-канала

Cтатьи на Medium, VC. ru и в Телеграм-каналах

Ищем мнения представителей бизнеса для РБК, Коммерсантъ и других СМИ. Отвечайте на запрос здесь!

Из полезного могу порекомендовать статьи на VC.ru:

Телеграм-каналы, где выкладывают обучалки, разборы и полезные материалы:

Основной совет: изучайте разную информацию и разные мнения авторов. Ищите закономерности и то, что вам внутренне откликается. Затем внедряйте это в свою дизайнерскую практику.

Академия Pentaschool

Академия дизайн-профессий Pentaschool всего за один год с нуля обучает дизайну до профессионального уровня, благодаря программам от экспертов международного уровня.

Курсы по созданию лендингов от «Pentaschool»

Подготовка опытных и квалифицированных дизайнеров

Индивидуальная помощь в составлении портфолио

Курсы подойдут для начинающих и специалистов

Оперативная обратная связь

Разнообразие программ обучения

Быстрый темп процесса обучения

Возникает неудобство в эксплуатации платформы

Недостаточное количество практики

Онлайн-школа маркетинга MyAcademy входит в состав iConText Group, крупнейшей в России digital-группы. Обучение ведется практикующими специалистами с гарантией трудоустройства лучших выпускников.

Курсы по созданию лендингов от «MyAcademy»

Лучшие выпускники получают рекомендацию для трудоустройства в топовые digital-агентства

Большой опыт работы преподавателей в сфере интернет-маркетинга

Прохождение курса от простого к сложному

Наличие бесплатного вводного занятия позволяет Вам понять: нужны ли Вам курсы от “MyAcademy” или нет

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

Подробнее о курсах по созданию лендингов

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

Посадочные страницы и трафик

Система продаж в интернете проста. На начальном этапе у вас есть 2 основных инструмента, это посадочные страницы (или как их ещё называют одностраничники или Landing Page) и трафик. Всё! Больше ничего не нужно. Нужно разобраться, как работают эти инструменты и немножко подумать. Главная цель — создать работающую систему, и здесь я расскажу, как это сделать.

Сравнение школ по созданию лендингов

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

Платформа Skillbox

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

Курсы по созданию лендингов от «Skillbox»

Широкий выбор разнообразных программ в IT-сфере

Индивидуальный подход в обучении

Ориентация на практику

Формирование собственного портфолио

Как для новичков так и для специалистов

Прохождение курсов от простого к сложному

Требуется значительное количество времени, уделяемого на обучение

Недостаточное качество части материалов, доля из которых взята из открытых источников

Относительно высокая цена за курсы

Платформа Interra

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

Курсы по созданию лендингов от «Interra»

Сертификат гос. образца по итогам пройденного обучения

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

Здесь собрано 22 онлайн-курса обучения создания лендингов. 1 раз в неделю мы обновляем информацию о всех курсах

Другие курсы по маркетингу:

Другие категории курсов:

Design PRO. Профессия UX/UI дизайнер с гарантией трудоустройства

от 99 000 ₽

от 74 250 ₽

дешевле на 10% с промокодом.

от 6 188 ₽/месяц

Старт:

Срок обучения:
4 месяца

Профессия “UX/UI-дизайнер с нуля до PRO” + Английский для дизайнеров в подарок

Старт:

Срок обучения:
16 месяцев

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

Старт:

Срок обучения:
14 месяцев

дешевле на 5% с промокодом.

Старт:

Срок обучения:
1 месяц

Профессия Веб-дизайнер + стажировка в студии

дешевле на 7% с промокодом.

Старт:

Срок обучения:
12 месяцев

Старт:

Срок обучения:
2 месяца

Курс по графическому дизайну

от 33 000 ₽

от 8 250 ₽/месяц

Старт:

Срок обучения:
3,5 месяца

Старт:

Срок обучения:
7 месяцев

Дизайнер социальных сетей

Старт:

Срок обучения:
9 месяцев

Настройщик платформы Гет курс. + трудоустройство

дешевле на 25% с промокодом.

Старт:

Срок обучения:
1,25 месяц

Как создать лендинг самостоятельно

дешевле на 35% с промокодом.

Старт:

Срок обучения:
1,5 месяц

Онлайн-буткемп “UX/UI-дизайнер с нуля за 9 недель” + Английский для дизайнеров в подарок

Старт:

Срок обучения:
2,5 месяца

Тренинг “План работы над продающим текстом 3.0”

Старт:

Срок обучения:
0,25 месяцев

Профессия “UX/UI-дизайнер” + Английский для дизайнеров в подарок

Старт:

Срок обучения:
10 месяцев

Стартовый пакет копимаркетолога

Профессия “Веб-дизайнер” + Английский для дизайнеров в подарок

Старт:

Срок обучения:
6 месяцев

Тренинг “Мысли как продавец”

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

Курс с образовательной платформы

Эти же курсы, но подробнее:

Начало:
длительность:
4 месяца

Формат: Видеозанятия в записи, д/з, обратная связь

Особенности: Обучение дизайну от 0 до PRO с гарантированным трудоустройством от наших партнеров. Самый полный курс для дизайнеров. Проверка ДЗ в течение 12 часов.

Начало:
длительность:
16 месяцев, 5-7 часов в неделю

Формат: Занятия в записи и онлайн, д/з с обратной связью, чат

Начало:
длительность:
14 месяцев, 4 часа в неделю

Формат: Онлайн-вебинары, проверка д/з, чат студентов и обратная связь

Начало:
длительность:
1 месяц

Начало:
длительность:
12 месяцев

Начало:
длительность:
2 месяца, В любое удобное вам время

Формат: Онлайн-вебинары, проверка д/з, эфиры с разбором работ, чат

Особенности: Практический курс для технических специалистов. Научитесь делать красивые лендинги на Getcourse легко и быстро.

Начало:
длительность:
3,5 месяца

Особенности: Научим искать заказы, сводить заказчика и исполнителя, получая за это в среднем 50% от стоимости проекта.

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

Начало:
длительность:
7 месяцев

Формат: Занятия в записи, куратор в чате

Начало:
длительность:
9 месяцев , 3-5 часов в неделю

Начало:
длительность:
1,25 месяц

Формат: Видеоматериалы, практические задания

Особенности: Идеальная программа для тех кто хочет зарабатывать свыше 200 000 рублей в месяц не выходя из дома.

Начало:
длительность:
1 месяц, 2 занятия в неделю

Начало:
длительность:
1,5 месяц, около 6 часов в неделю

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

Начало:
длительность:
2,5 месяца, 5-7 часов в неделю

Особенности: Получите профессию «UX/UI-дизайнер» с нуля всего за 9 недель на уникальном буткемпе от школы дизайна. Уделяя учебе на нашем буткемпе в среднем 30 часов в неделю? студент получит уровень junior UX/UI-дизайнера в несколько раз быстрее, чем на других онлайн-курсах.

Начало:
длительность:
0,25 месяцев

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

Начало:
длительность:
10 месяцев, 5-7 часов в неделю

Особенности: “Стартовый пакет копимаркетолога” состоит из 6-и составляющих, которые помогут правильно стартовать в копимаркетинге: 1. Блиц-курс “Копимаркетинг”, который дает четкий план действий для овладения этой специализацией 2. Консультация копимаркетолога, на которой получишь ответы на все свои вопросы 3. Набор брифов для разных задач 4. Таблицы и интеллект-карты ЦПК-анализа 5. Урок “Как эффектно оформлять портфолио” 6. Образцы инcтрументов убеждения клиентов + урок-инструкция к ним.

Начало:
длительность:
6 месяцев, 5-7 часов в неделю

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

Оцените полезность обзора

Зачем нужен одностраничник?

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

Платформа Нетология

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

Курсы по созданию лендингов от «Нетология»

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

Преподаватели – эксперты в своей сфере

Ежемесячная актуализация материалов

Помощь при трудоустройстве

Сертификат по окончании обучения

Относительная сложность материалов курсов для новичков

Школа Convert Monster

Онлайн-школа Convert Monster создана на базе одноименного агентства по оказанию услуг в области Интернет-маркетинга, помогающая стать востребованным специалистом в ИТ-сфере.

Курсы по созданию лендингов от «Convert Monster»

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

Предоставление дополнительных материалов преподавателями

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

Школа больше подходит новичкам

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

Дизайн сайта портфолио в Photoshop

Adobe PhotoshopДизайн лендингов

Как работает воронка продаж или цифры, которые меняют всё.

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

Расчет бюджета для товаров (средние цифры, для ориентировочных оценок)

Минимально 3 этапа, но может быть и 5, и 10, и 20.

Например, Вы хотите 2 заказа в день. Из 3 лидов, оплачивают 2.
Тогда 30 дней х 3 лида, то есть 90 лидов в месяц по цене к примеру 500 рублей. Чтобы привлечь 90 лидов х 500 руб./лид нужно 45 000 руб. на рекламу. Это принесет 30 дней х 2 заказа = 60 заказов. Дальше все понятно, 1 заказ стоит 750 рублей (45 000 руб./ 60 заказов). Прибавляете расходы и понимаете, сколько Вы можете заработать. Если получается, что не зарабатываете, то нужно искать другой канал рекламы или менять цены. Так Вы изначально уберете и так излишние риски.

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

Ставьте адекватную цель, к которой мы вместе будем идти. Да, если не ставите на данном моменте себе цель, то с курса ничего не вынесете, кроме букв. А они Вам ничего не дадут. Хотите результат? Ставьте цель и мы будем к ней идти. Это единственный вариант получить результат.

Что хотите получить после изучения курса?

Напишите на бумаге и повесьте на холодильник
Я хочу получить ____ лидов по _____ рублей и оформить _____ заявок к ___.___.201__.

Бесплатные курсы по созданию лендингов

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

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

Первый экран традиционно содержит следующие элементы:

Разберемся более детально.

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

Дескрипт входит в категорию триггеров. Он информирует пользователя о том, куда тот попал и чем занимается компания. Иными словами, это описание деятельности, которое нужно уложить в 2-4, максимум в 6 слов. Чек-лист дескрипта:

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

Примеры, как это может выглядеть:

Примеры расположения логотипа, дескрипта, телефона и заказа звонка в верхней части первого экрана

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

Давайте сразу закреплять то, что вы узнали!

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

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

Технология 1. Как сделать продающий заголовок: 4U

Майкл Мастерсон — предприниматель, которой придумал и внедрил данную технику. Он не думал, что она буквально взорвет рынок продаж. С помощью 4U многие предприниматели удваивали, утраивали конверсию сайтов, и увеличивали открываемость писем e-mail рассылок. Они меняли только заголовок! В чем же суть 4U?

Ваше предложение должно быть очевидно полезным для потенциальных клиентов. Люди не любят думать. Напишите, какую выгоду получит человек, если совершит нужное вам действие. Почему только здесь он решит свою проблему, причем решит так, как ему нужно? Продавайте не дрель, а дырку в стене. Помните технику «трех почему»? Единственно, что нужно от вас – дать решение проблемы посетителя. Это 1U.

Urgency (Срочность или Актуальность)

Актуальность есть соответствие заголовка Landing Page и проблемы клиента. Если пользователь что-то начал искать, то, скорее всего, это нужно ему не послезавтра, а сегодня, еще лучше — вчера. Большинству горячих клиентов из рекламного трафика (например, Яндекс Директ, Google Adwords) нужно то, что они ищут, прямо сейчас. Дайте конкретную цифру, когда он получит искомое? Поэтому актуальность и срочность это 2U.

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

Процесс изучения посетителями одностраничника

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

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

Как грамотно создать заголовок? Обратимся к примерам. Это всегда понятнее.

Пример 1
Исходный заголовок: Дизайн интерьеров.

Добавляем пользу. Зачем дизайн? Сэкономить время и деньги и получить уютное и комфортное жилье:
– Разработаем дизайн интерьера, который сделает дом удобнее.

Добавляем уникальности. Объясним, насколько удобнее:
– Разработаем дизайн интерьера, в который захочется возвращаться.

Добавляем срочность:
– Разработаем дизайн интерьера в который вы захотите возвращаться, сэкономив 30% бюджета за 2 недели.

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

Сравним:
– Дизайн интерьеров на заказ
– Профессионалы индивидуально разработают дизайн интерьера, в который Вы захотите возвращаться, сэкономив 30% бюджета за 2 недели
Ощутите разницу. Она огромна. Такова же разница в эффективности продаж.

Пример 2
Исходный заголовок: Купить шины.

Польза — зачем они? Безопасно ездить, или гонять, зависит от целевой аудитории:
– Увеличьте безопасность автомобиля на дороге.

Ультра-специфичность. Насколько безопасно:
– Увеличьте безопасность автомобиля на дороге на 35%.

Срочность. Как быстро:
– Увеличьте безопасность автомобиля на дороге на 35% за 1 час.

Уникальность. Каким образом:
– Увеличьте безопасность автомобиля на дороге на 35% за 1 час за счет инновационной резины шин «Шинус».

Сравним:
– Купить самые лучшие шины у нас
– Увеличьте безопасность автомобиля на дороге на 35% за 1 час за счет инновационной резины шин «Шинус»

Работает магически, не правда ли? Остается думать и тренироваться ради результата. Он вам нужен? Используйте все 4U, а не 1U, 2U или 3U. Вы обойдете 97% конкурентов.

Что сделать:Написать 5 заголовков по технике 4U.Добавить в интеллектуальную карту в раздел заголовок.

Технология 2. Как создать продающий заголовок: 3В

Речь идет о том, что можно просто комбинировать выгоду. Формула выглядит примерно так: Выгода + Выгода + Выгода = Успех.

– Зарабатывайте на 30% больше уже через 1 день после аудита сайта профессионалами
– Делайте молочные коктейли за 1 минуту у себя дома с блендером
– Увеличим прибыль вашего сайта в 2 раза с технологией создания заголовков по 4U

Технология 3. Создание заголовка: 2М

Сделай Минимальные усилия – получи Максимальные результаты.

– Как продать автомобиль за 3 часа на 10% выгоднее, не выходя из дома
– Как заработать 1000 рублей лежа на диване за 1 день
– Как увеличить конверсию в 2 раза за 10 минут без вложений

Итак, мы научились создавать крутые заголовки для первого экрана. Чек-лист хорошего заголовка:

Пример, как это может выглядеть:

Пример заголовка на первом экране Landing Page.

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

Что сделать:Перейти в редакторДобавить заголовок на первый экран

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

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

Что сделать:Перейти в редакторДобавить подзаголовок на первый экран.

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

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

Пример качественных фото и некачественных:

Используем четкие, без шумов, яркие картинки.

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

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

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

Каким характеристикам должна отвечать картинка? Она:

Где искать изображения? Рекомендую бесплатные фото отличного качества:

– unsplash.com;
– allthefreestock.com;
– Поиск в Google картинках на английском (переводим с помощью онлайн-переводчика и вперед!).

Пример первого экрана для заголовка и изображения Landing Page.

Что сделать:Перейти в редакторДобавить изображение на фон или рядом

Это очень важный элемент одностраничника. На кнопке пишется призыв к действию. Именно она конвертирует посетителя в следующий шаг воронки. Чек-лист кнопки:

С кнопкой, вроде бы, все просто. На ней размещается тот призыв к действию (CTA), который мы определили ранее из воронки продаж.

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

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

Пример формы в блоге одного из крутых западных маркетологов Нила Пателя:

– Заголовок формы – это CTA, который сделали раньше. Задайте себе вопрос: что я предлагаю посетителю? Ответьте на него и пишите в заголовок формы.
– Подзаголовок формы – это подтверждение выгоды. Почему важно заполнить форму прямо сейчас? Что ценного получит пользователь? Подзаголовок не является обязательным элементом, если все уложилось в заголовок. Лишнее убирайте.
– Поля – это данные которые критически необходимы для связи с потенциальным клиентом. Помните: чем больше полей, тем ниже конверсия. Лучше 1 поле, оптимально сделать 2 поля – e-mail или телефон + имя (как обращаться).
– Поля контактов (телефон/e-mail/skype/профиль в социальных сетях) Что-то одно может быть обязательным к заполнению. Остальные поля должны быть не обязательными.
– Кнопка – призыв к действию. Она покажет, что получит пользователь, если нажмет на нее, что произойдет после нажатия.
– Подпись – последний шанс развеять сомнения пользователя. Что здесь стоит указать? Социальное доказательство (более 3000 подписчиков), сроки (перезвоним через 5 минут), выгоды (бесплатно), важные детали (14 дней бесплатный период).

Пример формы на первом экране Landing Page

Что сделать:Перейти в редакторДобавить кнопку или форму на свой первый экран

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

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

Что сделать:Перейти в редакторДобавить идентификацию на первый экран

Если осталось место на первом экране и вы использовали фоновое изображение вместо картинки, добавьте еще 2-3 выгоды. Они не помешают.

– С нами вы сильно увеличите продажи! (Сильно — это как?).
– С нами вы увеличите продажи в 2 раза! (Это понятно).
– С нами вы увеличите продажи на 30%! (Сразу понятно, на сколько).

Что сделать:Перейти в редакторДобавить еще 2-3 выгоды

Почему должны присутствовать именно эти элементы?

Все это анализ сотни высококонверсионных сайтов и опыт создания собственных лендингов.

– Во-первых, схема гарантировано работает.
– Во-вторых, к такому построению лендингов уже привыкли клиенты, и это их не отпугнет.

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

На следующем шаге мы создадим карточку продукта, и я раскрою разные «фишки» про цены.

Рады помочь, команда Bloxy — простого редактора для быстрого создания сайтов под Ваши задачи (Landing Page, подписные страницы, мероприятия, конференции, вебинары, персональные страницы, маленькие интернет-магазины и т.д.). Попробовать и создать сайт можно бесплатно, а по любым вопросам мы поможем в тех. поддержке.

Для читателей Хабра мы дарим промокод habr6 – удвоит оплаченный период на любом тарифе. Например, оплати 6 месяцев и 6 месяцев получишь в подарок. Действует 1 неделю с момента публикации.