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

Как сделать лендинг самому — подготовка контента

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

• собрать базу для рассылки;
• протестировать идею;
• сделать сайт-визитку;
• создать страницу для события — акции, тренинга, вебинара;
• собрать заявки или продавать товар.

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

Работа над контентом при создании лендинга проходит в несколько этапов.

Этап 1. Сформулировать гипотезу

Если вы решили сделать лендинг, значит, у вас есть идея или представление о странице. Запишите их коротко по плану:

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

Этап 2. Изучить конкурентов

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

Как это сделать? Посмотрите, что предлагают в ответ на запросы поисковики Google или Яндекс.

Затем введите в строку поиска подходящие ключевые слова и изучите страницы конкурентов:

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

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

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

Этап 3. Описать целевую аудиторию и выделить сегменты

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

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

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

Как изучить свою аудиторию и найти сегменты:

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

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

Этап 4. Написать текст лендинга

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

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

Структура лендинга

Теперь время написать текст. Но не спешите открывать конструктор. Создайте прототип страницы в Google Docs, Word или напишите от руки. Так удобнее редактировать текст и лучше видно, где нужно изменить или добавить информацию.

Этап 5. Подобрать картинки, видео, фотографии

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

Фотографии товара можно попросить у поставщика или сфотографировать самому.

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

Начните с понимания задачи

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

Подготовьте бриф. Вам нужны ответы на три главных вопроса:

Что нужно сделать

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

Для кого

Вам нужно досконально изучить целевую аудиторию. Дизайн для презентации сериала для подростков и стиль для b2b-направления отличаются кардинально.

Как вы это реализуете

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

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

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

Пример лендинга «Звездных войн» — необычный яркий пример с почти незаметным боковым меню.

Онлайн конструкторы, чтоб создать лендинг

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

Платные сервисы

Перечислю самые популярные:

1. LPgenerator.ru Самый популярный, среди всех своих конкурентов. Имеет достаточно богатый функционал, позволяющий создать качественный Landing page.
2. LPmotor.ru Можно назвать его аналогом первого. Имеет свои фишки и дополнительные функции.
3. Wix.com Так же популярный конструктор лэндингов и полноценных сайтов в целом. Его рекламу вы может видели даже по телевизору. Позиционирует себя сервис как бесплатный. Правда в этом «бесплатно» почти ничего нет, минимум функций. Приходится платить.
4. Tobiz.net
5. Flexbe.ru

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

Бесплатные сервисы

С бесплатными все намного сложнее. Топ 5 конструкторов для лендингов, что я назвал ранее, имеют бесплатные версии. Но, повторюсь, они ограничены по функционалу + всплывает реклама, которую нельзя отключить.

Тем самым, я выделю конструктор, который больше подходит для опытных пользователей — это темы WordPress с визуальным редактором.

Другими словами. Вордпресс — бесплатный движок для сайтов, на которые устанавливаются различные темы. Таких тем в свободном доступе вполне достаточно, некоторые из них:

• Avada
• Kallyas
• BeTheme
• Massive Dynamic
• И многие другие

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

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

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

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

Как и где создать сайт?

На сегодняшний день создать красивый, читабельный веб-сайт с доступными элементами и графикой не проблема. Существует огномное количество платформ для создания профессиональных целевых страниц, которые не требуют от нас знаний html-кода. Хотя даже в этом случае, существует множество бесплатных шаблонов html, которые можно использовать, например на сайте html5up.net. Далее открыть с помощью популярной программы для редакции html — Notepad++ и действовать пользуясь помощью доступных туториалов в Интернете.

Какие же существуют более простые решения создания лендинга? На помощь придет известная CMS WordPress с плагином Page builder — Elementor, бесплатное приложение Mobirise, или такие бесплатные инструменты, как Wix или Tilda. 

Регистрация и выбор домена

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

Одним из дешевых вариантов является NameCheap, где стоимость годовой подписки для расширений по типу .network или .online составляет около 100 рублей. Эти расширения также являются надежными, поскольку, например, домены определенной страны (.ua, .pl, .ru и т. д.) могут поддерживаться не во всем мире, тем самым ограничивать нам доступ к продвижению

Во время создания домена стоит обратить внимание на то, что многие из них не бесплатны и требуют оплаты. Одним из дешевых вариантов является NameCheap, где стоимость годовой подписки для расширений по типу .network или .online составляет около 100 рублей

Эти расширения также являются надежными, поскольку, например, домены определенной страны (.ua, .pl, .ru и т. д.) могут поддерживаться не во всем мире, тем самым ограничивать нам доступ к продвижению.

Школа копирайтинга Юлии Волкодав

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

Почему копирайтеру нужно владеть искусством создания лендингов:

• Высокая оплата! Только оформление лендинга в среднем стоит 7-10 тысяч рублей. Плюс продающий текст для него тысяч 5-6. Сами считайте, насколько выгоднее делать лендинги, нежели писать бесконечные статьи SEO.
• Отличие от конкурентов! Максимум, что могут предложить ваши коллеги, это продающий текст. А вы можете предложить и текст, и оформление, и тестирование до максимальной конверсии. Вы не просто пишете тексты, вы доводите клиентов до результата.
• Продажа собственных услуг! Почему бы не начать с продажи собственных услуг? Сделайте первый лендинг для себя, который расскажет всем, какой вы отличный копирайтер! А может быть, вы захотите продавать и что-то другое: собственный продукт, тренинг, книгу и т. д. И тогда лендинги вам снова пригодятся.

Что вы получите по итогам тренинга:

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

Результат от прохождения тренинга:

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

Не забывайте улучшать навыки

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

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

Я — дизайнер PRO

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

• Живая обратная связь с преподавателями
• Неограниченный доступ к материалам курса
• Стажировка в компаниях-партнёрах
• Дипломный проект от реального заказчика
•  15 работ в ваше портфолио

ЧТО ТАКОЕ ЛЕНДИНГ?

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

Зачем начинать работу с целевой страницей?

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

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

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

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

Создать сайт в бесплатном онлайн конструкторе сайтов LPBuilder.pro

Наш лучший конструктор сайтов – это настоящий подарок для всех, кто мечтает Создать свой уникальный сайт. Конструктор сайтов на русском языке и будет понятен каждому. Определитесь с темой, выберите нужные блоки (которых очень много и доступно более 300 штук), заполните иллюстрациями, текстами, мультимедиа — вот и все, Ваш продукт готов всего за 5 мин! Опубликовать сайт также будет легко: мы поможем разместить его на хостинге, поэтому Вы можете освободить себя от технических подробностей с заливкой сайта, мы сами сделаем это. И самое главное, что все это абсолютно бесплатно и Вам платить ничего не нужно. Создать свой сайт в нашем конструкторе сайтов это удобно, надежно, быстро. Наша квалифицированная поддержка всегда готова помочь с возникшими трудностями.

Сайт Бориса Трушина

Онлайн-курс. Landing Page: построение эффективных посадочных страниц. Цель программы — научить самостоятельно разрабатывать посадочные страницы.

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

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

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

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

Вы научитесь:

• составлять различные типы лендингов: выявлять УТП, оформлять СТА, конструировать с помощью различных сервисов и шаблонов;
• определять эффективность лендинга: показатели конверсии, стоимость лидов, применение UTM-меток;
• анализировать и оптимизировать эффективность;
• наполнять лендинг релевантным контентом: эмоциональным, убедительным и продающим;
• разбираться в ценообразовании.

Дизайн лендинга: основные правила

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

Важно, чтобы landing page был привлекательным и в плане оформления.

Основные правила разработки дизайна лендинга:

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

Соблюдая эти простые правила при дизайне лендинга, он принесет больше целевых действий

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

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

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

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

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

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

Сервис WordPress для создания страницы захвата своими руками

Часто продающая страница делается на WordPress. Особенности плагина для подобной CMS:

• Настройки на русском языке.
• В интернете есть курсы видео, в которых содержится пошаговая инструкция. Такие курсы помогут быстро пройти обучение.
• Много готовых кнопок (соцсети, отзывы, разделители, вставки контента, «Заказать», «Купить»).
• Можно производить сплит-тестирования.
• Доступный интерфейс.

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

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

1. Thrive Landing Page WordPress.

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

1. WP Profit Builder.

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

1. WordPress Landing Pages.

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

1. InstaBuilder.

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

1. OptimizePress.

Посредством этого инструмента можно в считаные минуты сделать одностраничник в WordPress автоматически настроенный под поисковик. При внесении изменений на странице результаты видны сразу.

1. LeadPages.
2. Ultimate Landing Page.

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

1. Parallax Gravity.

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

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

Платные инструменты имеют большее количество функций, поэтому их целесообразно применять, если необходимо реализовывать продукт. Для тестирования спроса на услугу или товар подойдут бесплатные сервисы: WordPress Landing Pages или Ultimate Landing Page.

https://youtube.com/watch?v=r_lTQgwA9PE

Вoплoщaйте свoи идеи, ведь рaбoтaть с кoнструктoрoм сaйтoв и лендингов LPBuilder.pro:

Предельно просто!

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

Невероятно быстро!

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

Безумно увлекательно!

Вы решаете о чем Создать сайт — о своих путешествиях или поделиться с читателями кулинарными хитростями, рассказать миру о своих спортивных достижениях или рекламировать товары и услуги. Мы заботимся о том, чтобы любая ваша идея смогла найти воплощение. Более 170 готовых шаблонов на разные темы!

Стильно и современно!

Чтобы ваш сайт был удобным и современным, достаточно установить на него необходимые плагины. YouTube и фотогалерея, MP3-плеер и карта Google, кнопки для того, чтобы вашим контентом можно было делиться в популярных соцсетях Facebook, Twitter, Vk, и многое другое. Вам доступен любой функционал!

Максимально надежно!

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

Как сделать лендинг — оформляем текст в конструкторе

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

Сделать лендинг бесплатно можно с помощью конструкторов:

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

Зарегистрироваться на сайте и ознакомиться с подсказками

После регистрации сервис сразу предложит вам создать сайт.

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

Придумайте название сайта. Это рабочий вариант, он виден только вам:

Выбрать шаблон

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

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

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

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

Опубликовать сайт

Когда все отредактировано, нажимаем «сохранить» и смотрим результат.

Если результат вас устраивает, ссылки работают, можно публиковать страницу в интернете и запускать рекламу.

На бесплатном тарифе адрес страницы будет иметь такой вид:

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

Как создать одностраничник

Имеется четыре пути создания landing page:

• Воспользоваться бесплатным шаблоном и генератором. Вариант для компаний с небольшим бюджетом, где работают сотрудники, которым знаком дизайн и маркетинг.
• Обратиться к профессионалам: текст напишет копирайтер, дизайн страницы разработает дизайнер, интеграцию сделает программист, работу контролирует маркетолог.
• Аутсорсинг агентства.
• Для создания лэндинга взять на работу в компанию специалистов.

Landing page рассматривается с трёх точек зрения:

Чтобы разработать посадочную страницу правильно самому надо придерживаться правил.

Заголовок

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

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

Если нужно пояснить заголовок или указать преимущества – используют подзаголовок.

Персонализация

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

Верная структура лэндинга

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

Нельзя перенасыщать дизайн landing page графикой или текстом: между ними должен быть оптимальный баланс.

Социальные доказательства

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

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

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

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

Лид-формы

Самостоятельно разработанный landing page содержит лид-форму

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

Счётчики

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

Дизайн landing page рассказывает о предоставляемой услуге. Лэндинг ориентируется на целевую аудиторию.

Переходите на новый уровень

Да, обычно лендинг — это быстро и недорого. Но в любом правиле есть исключения. Например, компания S7 Airlines сделала необычную презентацию нового самолета — это интерактивная картинка гаража с Airbus A320neo. Дизайнер создал 3D-анимацию снятия покрывала с самолета, взлета и возможность прогулки по салону.

Посмотрите проект сайта на Behance.

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

Старайтесь удивлять пользователя. Не обязательно использовать технологии, которые стоят тысячи долларов. Съемка 3D-фотографии, пусть без динамики, сейчас стоит не очень дорого (можно найти варианты от 600–700 рублей), но этот эффект заставит пользователей запомнить ваш лендинг.

Заключение

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

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

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

Если вы хотите создавать не только лендинги, но и информационные проекты для заработка, то я рекомендую вам посетить курс Василия Блинова «Как создать сайт». На нем вы узнаете, как можно сделать крутой сайт и зарабатывать на нем от 20 000 рублей в месяц пассивно.