Содержание

Этап 1. Подготовка

Цель лендинга

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

1. Продажа товара / услуги (пример: продажа меда, продажа услуг по разработки логотипа, продажа онлайн курса);
2. Получение контакта (пример: подписка на рассылку, заявка на замер);
3. Информирование (пример: приглашение на бесплатное оффлайн мероприятие, промо страница магазина с акциями).

Определяем целевую аудиторию и что для нее важно

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

Как определить ЦА?

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

Смотрим конкурентов (бенчмаркинг)

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

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

Как я это делаю: создаю отдельную папку с названием «Идеи» и делаю скриншоты интересных блоков.

Этап 2. Пишем текст для лендинга

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

Хаос в голове перенесите на бумагу

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

Составляем блоки лендинга

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

Вот основной список блоков, который можно встретить на 90% лендингов:

  1. Первый экран с УТП (уникальным торговым предложением)
  2. Раскрытие продукта (Описание услуги или товара)
  3. Информация об авторе / компании
  4. Отзывы
  5. Кейсы (Истории успеха)
  6. Форма / призыв к действию
  7. FAQ (Ответы на частые вопросы)
  8. Контакты / подвал сайта

Какие еще могут быть блоки на сайте:

  • Факты в цифрах
  • Выгоды (преимущества)
  • Видео
  • Портфолио
  • Для кого
  • Этапы сотрудничества (или Как сделать заказ, Как оставить заявку)
  • Тарифы и цены
  • Партнеры
  • Галерея
  • Расписание
  • Команда
  • Сертификаты, дипломы, благодарственные письма
  • Документы
  • Таймер

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

Советы по составлению текста

  1. Главное ставим в начале. Не нужно в начале сайта писать о себе, покажите сначала свой продукт.
  2. Замените общие слова на факты. Не нужно убеждать посетителей в чем-либо, оставьте это право за ними. (Пример: не пишите, что вы лидеры на рынке которым можно доверять, покажите отзывы компаний, которым вы предоставляли услуги и они остались довольны, в дополнение приложите оригинал отзыва, чтобы не быть голословным).
  3. Проработайте особенно хорошо первый экран и УТП. После захода посетителя на лендинг у вас есть три секунды чтобы захватить его внимание. Если не успели, то человек закроет страницу и будет серфить дальше. Первый экран должен быть максимально релевантным запросу, через который посетитель попал на сайт. (Пример: если человек ищет «Бухгалтерия для ИП», не нужно показывать лендинг с заголовком «Ведение бухгалтерии для ООО»).
  4. УТП (Уникальное торговое предложение). Проще говоря главный заголовок и описание, которое должно емко рассказать о чем данный лендинг. УТП вы можете составить по технологии 4U.
  5. Чем короче тем лучше. Старайтесь писать блоки с текстом как можно короче. Длинные портянки текста никто не читает, сегодня у людей всегда нехватка времени и это нужно учитывать. Если все же нужно предоставить много информации, то разбивайте ее на абзацы, блоки.
  6. Больше заголовков. Абзацы текста не должны быть написаны просто так, без заголовка. Большинство посетителей заходя на сайт, сначала проматывают сайт пытаясь оценить туда они попали или нет. И здесь как раз заголовки играют важную роль, потому что пробегать глазами и оценивать сайт он будет именно по ним.

Не хотите составлять текст самостоятельно? Найдите копирайтера, который сделает это за вас.

Где искать копирайтера

  1. Биржа копирайтинга ContentMonster.ru
  2. Биржа копирайтинга Etxt.biz
  3. Частные компании или специалисты. Их вы можете поискать через поиск или в соцсетях (Вк, Фейсбук, Инстаграм).

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

Этап 3. Составляем прототип

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

  1. Без прототипа потратите больше времени, как ни странно 🙂 На заре своей карьеры я после написания текста, сразу делал дизайн. Я думал что так я сэкономлю время, но на деле оказалось что все тянулось еще дольше, потому что это не удобно сразу придумывать элементы дизайна без каркаса.
  2. Проблемы с заказчиком, если вы делаете лендинг на заказ. Такая ситуация была у всех. Вы утвердили текст и сразу начали делать дизайн, потратили кучу времени, отправляете его клиенту, а он говори что все не так и нужно переделывать, текст поменять местами и пр. Это куда сложнее сделать, когда уже дизайн готов, нежели когда у вас только прототип из текста и кружочков.

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

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

Пример прототипаПример дизайна по прототипу

На прототипе мы указываем:

  • Расположение текста, выделяем заголовки;
  • Где будет находится графика (картинки, иконки);
  • Где будут кнопки;
  • На каком блоке фон будет светлым, а на каком темным.

Сервисы для прототипирования:

  • Photoshop. Я делаю в Фотошопе. После того как прототип утвердим с заказчиком, удобно здесь же по прототипу делать дизайн.
  • Сервис Moqups. Специальный сервис с готовыми элементами, просто перетаскивайте и добавляйте свой текст.
  • На бумаге. Можете от руки набросать прототип, если лендинг не сложный, не хотите сильно заморачиваться.

Я всегда начинаю прототип на бумаге, мне так удобнее. Потом уже переношу в Фотошоп.

Используйте сетку Bootstrap

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

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

Этап 4. Делаем дизайн

Ввсе элементы дизайна лендинга можно разбить на три части, это подбор:

  1. Шрифта
  2. Цвета
  3. Графики (фото, иконки, картинки)

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

Как пример: На сайте по оказанию ритуальных услуг навряд ли будут уместны яркие цвета и девушка с лучезарной улыбкой с надписью крупными буквами АКЦИЯ!. Или же сайт про организацию праздников в серых, блеклых тонах, с черными кнопками и шрифтом с брусковыми засечками, после просмотра которого хочется впасть в депрессию, а не заказать праздник для ребенка. Примеры конечно утрированные, навряд ли вы их встретите в жизни (хотя не исключено), но суть я думаю вы уловили.

Давайте обсудим каждый элемент подробнее.

Шрифт

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

Отталкивайтесь от своей тематики и от того какую эмоцию вы хотите вызвать у посетителей.

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

  • Roboto
  • Open sans
  • Pt sans

Выберите один или два из них и смиксуйте.

Например:

Заголовок — Roboto (Bold)
Текст — Roboto (Light)

Заголовок — Open sans (Bold)
Текст — Roboto (Light)

Заголовок — Pt sans (Regular)
Текст — Open sans (Light)

Где брать шрифты?

Есть бесплатные и платные шрифты. На первых этапах я вам советую использовать бесплатные шрифты от Google Fonts. Там есть хорошие варианты и те, что я описал выше, тоже есть.

Почему я советую именно Гугл шрифты?

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

Если вы делаете сайт для себя, подставите себя, если делаете для заказчика, подставите заказчика.

Цвет

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

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

Пример цвета

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

Посмотрите интересное видео на эту тему

Вам их нужно подобрать также исходя из вашей тематики.

Примеры, какое настроение вызывает каждый цвет:

Материал про цвета взят отсюда.

Графика (фото, иконки, картинки)

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

Если честно я тоже грешил этим раньше, но сейчас прошу (молююю) заказчиков присылать максимум своих «живых» фото товаров, персонала, помещений и пр.

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

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

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

  • Сервис ShopDiz.pro — скачивание картинок со стоков по 0,5-1 доллару.
  • Сервис ShutterStock — самый популярный сток с большим количеством фото, вектора, видео.

Статья по теме — 30 бесплатных фотобанков

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

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

Статья по теме — 65 трендов веб-дизайна 2019 года

Этап 5. Выбираем инструмент для верстки

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

Магазин шаблонов WordPress — ThemeForest

1. CMS WordPress + конструктор WPBakery или Elementor

Устанавливаете CMS WordPress, устанавливаете шаблон, конструктор WPBackery платный, но он идет бесплатно в наборе с 99% шаблонов, которые я рекомендую в своих подборках. Есть и второй удобный конструктор, это Elementor, он бесплатный, но чтобы расширить его функционал, покупается Pro версия Elementor. Для меня оба конструктора удобны, какой-то один посоветовать не могу, у каждого свои плюсы. Посмотрите описание и варианты сайтов с обоими конструкторами и выберите подходящий.

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

Например на данном блоге я использую шаблон The7, в наборе которого идет плагин WPBakery.

Плюсы/минусы инструмента:

  • шаблон все же советую использовать платный, он покупается один раз (стоит в среднем 50$). Я покупаю шаблоны на ThemeForest. Регулярно платите только за хостинг и домен;
  • гибкий вариант, настраивается все, можно адаптировать готовое демо, можно сверстать landing с нуля.

Сайт Tilda.cc

2. Конструктор Tilda

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

Плюсы/минусы инструмента:

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

Сайт LPGenerator.ru

3. Конструктор LPGenerator

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

Плюсы/минусы инструмента:

  • Цена от 800 до 16000 р/месяц;
  • Много инструментов для улучшения конверсии, a/b теста;
  • Менее удобный конструктор чем в Тильде (на мой взгляд);
  • Ваш сайт находится на сервисе, отдельно платить за хостинг не нужно.

4. Ручная верстка

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

Но все равно вот несколько сервисов по поиску исполнителей, где можете найти верстальщика:

  1. Kwork
  2. Work-zilla

Плюсы/минусы инструмента:

  • Нужно дополнительно платить за верстку верстальщику;
  • Трудно вносить правки самостоятельно;
  • Чистый код верстки (если верстальщик толковый);
  • Сайт находится на вашем хостинге.

До недавнего времени еще популярная была программа Adobe Muse. Это программа от Adobe, которая скачивается на компьютер и работаете в ней как в Фотошопе. Самый жирный минус у данного метода в том, что разработчики программу больше не будут развивать, об этом сделали официальное заявление. Поддержку оказывают до 2020 года, но обновлений программы больше не будет. Поэтому если планируете использовать Музу, учитывайте этот момент.

Я верстаю только на WordPress или в Тильде, для меня это лучшие варианты.

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

Этап 8. Прикручиваем дополнительные инструменты

Онлайн чат

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

Пример чата на моем блоге

Обратный звонок

Тоже важный инструмент повышения количества заявок. Человек оставляет свой номер, система связывает вас и клиента за 30+- секунд и вы уже общаетесь. Посетитель приятно удивлен такой скоростью, а у вас новый клиент. Этот инструмент тоже есть у Jivosite. Подробный обзор сервиса от меня .

Метрика

Важно отслеживать показатели сайта, без цифр вы будете как слепой котенок. Важно понимать сколько человек посетило сайт, сколько оставили заявку, какие вообще показатели у сайта, можете даже посмотреть поведение посетителей, как они просматривают сайт. Установить можете Яндекс метрику и/или Google Analytics.

Ретаргетинг

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

CRM

ЦРМ отвечает за то, чтобы ни одна заявка с сайта не пропала, чтобы по каждой заявки вы понимали какое действие нужно сделать (перезвонить, отправить КП, встретиться, напомнить о себе через 14 дней и пр.). Это актуально если у вас поток клиентов, если же 2-3 в месяц, то думаю что CRM вам не нужна.

Наиболее популярные CRM это:

  • AmoCRM (цена 499 — 1499 рублей/месяц)
  • Битрикс24 (цена, от бесплатного тарифа до 11990 рублей/месяц)
  • Таблица Гугл, Exel или ручка с листочком (если нужно совсем бюджетно)

Калькулятор

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

Пример создания калькулятора на сервисе uCalc

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

Сбор базы подписчиков

Ели вы решили собирать контакты клиентов в базу подписчиков, чтобы потом делать емейл или смс рассылку, то нужно использовать специальный сервис. Можете рассмотреть SendPulse, недавно я делал обзор на этот сервис, который можете . У СендПульс есть бесплатный тариф, с помощью которого вы можете протестировать сервис. Если не его, то есть и другие предложения на рынке, например MailerLite, UniSender, JustClick, GetResponse и пр.

Этап 9. Проверка

Итак! Все настроили, подключили, сайт уже в интернете, ура, молодцы. Теперь самое время его проверить. Что именно проверять?

Проверка текста

Обязательно сделайте вычитку текста или обратитесь к корректору/копирайтеру, чтобы это сделал он. Проверяем текст на наличие ошибок, нечаянно скопированных блоков при верстке и пр. Ничто так не портит впечатление от серьезной компании, как ошибки в тексте.

Проверка адаптивности

Обязательно проверьте верстку лендинга с планшета и телефона. Всё ли хорошо адаптируется? Да, иногда бывает что не получается все подстроить идеально, но должно быть хотя бы читабельно и более менее аккуратно. Если какой-то блок не получается нормально адаптировать, тогда нужно сделать два одинаковых блока, один скрыть на компьютерной версии, а второй скрыть на мобильных устройствах. И каждый блок удобно настроить для выбранного разрешения.

Проверка кнопок

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

Проверка форм заявки

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

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

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

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

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

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

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

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

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

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

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

#3 — Редактируем текст на главном экране

Кликайте правой кнопкой мыши по файлу «index.html» и выбирайте «Открыть с помощью — Notepad++».

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

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

Сначала поменяем заголовок. Вместо «Alpha» напишем что-нибудь по нашей теме. Напоминаю, что тут мы продаем юридические услуги. Значит можно сформулировать это примерно так: «Срочная подготовка и сдача налоговой декларации для вашего бизнеса». Вставляем этот текст вот сюда, между тегами <h2></h2>:

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

Получилось не очень симпатично, потому что заголовок большой, и растянулся на весь экран. Попробуйте после слова «налоговой» вставить тег <br/>. Он сработает как разрыв в предложении, и часть текста перенесется на новую строку. Мне кажется, что так получится лучше.

Далее меняем подзаголовок. Чтобы посетитель сразу получил тот минимум информации, который необходим для заказа — прописываем наши конкретные предложения. Например: «Подготовка и сдача отчетности за 4 рабочих дня. Отчет УСН — от 5400р. ЕНВД без сотрудников — от 2100р.» Вставляем этот текст вот сюда:

Теперь меняем текст кнопок таким же образом. Пишем на белой «Заказать», на прозрачной — «Подробнее».

В итоге у нас получается вот такой главный экран лендинга:

Два способа самостоятельного создания одностраничника

Перед тем как приступить к разработке, оцените преимущества и недостатки всех вариантов запуска веб-проекта.

Способ 1. Лендинг на своем хостинге на HTML или CMS: «за» и «против»

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

Единственный способ изменить контент – вручную внести правки в код на сервере: разработка и доработка сайта требует знаний HTML и CSS. К минусам следует также отнести и отсутствие интерактивности.

Что касается преимуществ таких лендингов:

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

Теперь поговорим о landing page, сделанных на CMS (системы управления контентом). Это удобнее чем html-страницы.

Вам наверняка понравится гибкость в настройках (кастомизация) содержания и структуры, интерактивность, удобное управление. Тем не менее, базовые знания html и css, скорее всего, тоже пригодятся.

В обоих случаях, вам нужно будет самостоятельно:

  • выбрать и зарегистрировать домен и хостинг
  • выбрать CMS и найти подходящий шаблон для лендинга
  • установить и отредактировать шаблон под свои товары/услуги
  • настроить формы сбора заявок, способы оплаты и аналитику

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

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

Способ 2. Конструкторы лендингов: «за» и «против»

Благодаря интуитивно-понятному интерфейсу и опциям в стиле «сделай сам» создать landing page на базе конструктора можно всего за несколько часов. С этим справится даже новичок в сайтостроении.

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

Что касается минусов конструкторов:

  • free-аккаунты имеют ограниченный функционал с ограничениями по дисковому пространству, привязке доменного имени 2-го уровня;
  • бесплатные сайты обычно «украшены» рекламой сайтбилдеров;
  • такие проекты обладают низким уровнем кастомизации;

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

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

LPmotor – удобный и многофункциональный

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

LPmotor занимает почетное первое место в нашем списке самых лучших конструкторов целевых страниц.

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

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

Опытным веб-мастерам целесообразнее создать landing page с нуля. Кроме того, дизайн сайта можно собрать с помощью блоков или же выбрать готовый шаблон (всего имеется 114 готовых вариантов).

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

Среди них:

  • шапка сайта;
  • первый экран;
  • преимущества;
  • призыв к действию;
  • текст;
  • товары;
  • галерея;
  • отзывы;
  • контакты;
  • подвал.

Для каждого шаблона есть мобильная версия, которую можно отредактировать отдельно.

Разработчики платформы позаботились также о встроенной CRM (система управления заявками клиентов), автоворонке продаж, корзине и платежной системе. Для дальнейшей оптимизации лендинга предусмотрено А/Б-тестирование и аналитика. Совместные доступы – гарантия удобной работы над проектом целой команды.

К одностраничному сайту можно привязать:

  • систему обработки заявок;
  • Яндекс.Метрику и Google Analytics;
  • сервис почтовой рассылки;
  • онлайн-чат;
  • систему автоматизации бизнеса;
  • конструктор социальных кнопок.

Хозяину веб-проекта доступна интеграция кода. Можно настроить получение уведомлений по sms, Telegram, email, web-push, sms и vk.

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

  • «Мини» за 540 рублей ежемесячно (при оплате за целый год) – позволяет запустить 50 лендингов с прикреплением трех доменов, со всеми интеграциями и защитой от Ddos-атак.
  • «Стандарт» за 720 рублей в месяц – можно создать 100 одностраничников и привязать 10 доменных имен.
  • «Безлимит» за 2400 рублей – владелец аккаунта не ограничен количеством сайтов и доменов.

Способы оплаты тарифов:

  • WebMoney;
  • «Альфа»;
  • безналичный расчет;
  • «Связной»;
  • Qiwi;
  • банковские карты;
  • через телефон;
  • Яндекс.Деньги;
  • «Евросеть».

Преимущества

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

Недостатки

  • нет бесплатного тарифа
  • реклама конструктора во всех тарифах, кроме «Безлимита»

LPgenerator – профессиональный инструмент для лидогенерации

LPgenerator – самый мощный и функциональный русскоязычный конструктор лендингов.

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

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

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

Кроме того, из бесплатных дизайнов можно выбрать:

  • стартапы;
  • конверсионные пути;
  • схематические;
  • мини-сайты;
  • общие;
  • Cover Page;
  • товарные витрины;
  • услуги;
  • товары;
  • портфолио, инфобизнес;
  • благотворительность.

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

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

Предусмотрена интеграция с такими сервисами:

Бесплатный тариф отсутствует. «Базовый» пакет за 799 рублей в месяц (при оплате за год предусмотрена скидка 30%) ориентирован на публикацию трех страниц и привязку одного домена. При выборе этого тарифа в футер будет вставлена реклама конструктора.

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

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

Самым дорогим тарифом (15 730 рублей ежемесячно) является «Корпоративный». Он позволяет создать персональный брендинг и 15 субаккаунтов с разграничением доступа.

Способы оплаты тарифов:

  • «Сбербанк онлайн»;
  • Maestro;
  • Qiwi;
  • МИР;
  • «Альфа-Банк»;
  • банковские карты;
  • WebMoney;
  • Tele2;
  • «Евросеть»;
  • Beeline;
  • МТС;
  • «Мегафон»;
  • Яндекс.Деньги.

Преимущества

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

Недостатки

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

Bloxy – улучшенная защита и расширенный функционал

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

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

Продвинутые веб-мастеры могут запустить одностраничный сайт на базе Bloxy в течение 10 минут.

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

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

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

  • система мотивации клиентов;
  • ретаргетинг;
  • настройка совместного доступа;
  • вставка внешнего кода;
  • функция «мультилендинг»;
  • сервис обратного звонка и др.

Разработчики Bloxy предусмотрели интеграции с почтовыми рассылками, CRM-системами, добавлением сайта в поиск, доменной почтой, приемом платежей, аналитикой и повышением конверсии. В конструкторе реализованы 11 технологий, важных для ранжирования поисковых систем.

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

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

Чтобы параллельно запустить большое количество проектов, стоит выбрать тариф «Развитие бизнеса» с привязкой 10 доменов и возможностью создания 60 интернет-страниц. Этот тарифный план обойдется вам в 2970 рублей ежемесячно (при оплате услуги на год пользователи получают 25% скидку).

Способы оплаты тарифов:

  • банковские карты;
  • «Альфа-клик»;
  • PayPal;
  • наличный и безналичный расчет;
  • WebMoney;
  • Qiwi;
  • Masterpass.

Преимущества

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

Недостатки

  • отсутствие готовых шаблонов;
  • нет бесплатного тарифного плана;
  • функционал сервиса зависит от тарифа.

Примерная структура будущей посадочной страницы

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

  1. Заголовок. Сформируйте и продемонстрируйте клиентам свое уникальное торговое предложение (УТП). В заголовке и подзаголовке надо кратко, но емко убедить аудиторию выбрать именно вас.
  2. Название фирмы/логотип/контакты. Идентифицируйте свою компанию – так вы повысите уровень доверия читателей, улучшите конверсию своего лендинга.
  3. Демонстрация товара или услуги. Никто не хочет покупать кота в мешке. Покажите продукцию в лучшем свете с помощью видео, фотографий и небольшого текстового описания.
  4. Преимущества бренда. Этот блок должен отвечать на потенциальный вопрос пользователя «Зачем мне это надо?», «Какие мои проблемы решит этот товар/услуга?». Главное – сохранить баланс между краткостью и информативностью.
  5. Оффер. Речь идет о четко сформулированном коммерческом предложении с временными рамками. Вашей задачей является демонстрация реальной ценности для целевой аудитории.
  6. Призыв к действию. В этом месте мы мотивируем человека совершить покупку. Можно предложить скидку или дополнительный бонус. Обычно такие предложения имеют временные ограничения с таймером обратного отсчета.
  7. Обратная связь. Сюда входит лид-форма (форма обратной связи). Согласно результатам сплит-тестирований ее лучше размещать в самом низу.
  8. Социальные доказательства. Они необходимы для обработки возражений и доказательства авторитета вашей организации. Социальными доказательствами могут стать цифры, демонстрирующие опыт, количество сотрудников и успешных сотрудников, сертификаты и награды. Хорошо работают отзывы с реальными фотографиями клиентов и их профилями в соцсетях.

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

Пошаговый алгоритм действий таков:

Регистрация на сервисе LPmotor.

Входим в личный кабинет и нажимаем кнопку «Создать сайт».

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

Выбираем категорию и подходящий шаблон для будущего лендинга.

Редактируем шаблон под себя: заменяем тексты и картинки, добавляем нужные элементы, работаем с фоном.

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

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

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

Публикация одностраничника – для этого требуется нажать на соответствующую кнопку во вкладке «Рабочий стол».

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

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

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

25 просмотров всего, 3 просмотров сегодня

Делать самостоятельно или заказать работу «под ключ»?

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

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

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

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

Предположим:

  1. вы новичок в бизнесе;
  2. хотите протестировать новую нишу;
  3. у вас небольшой стартовый капитал.

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

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

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

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

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

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

LPMotor — самый лучший конструктор одностраничников

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

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

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

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

На сайте отсутствует бесплатный тариф. Есть возможность подключить четыре платных тарифа (цены при оплате за год):

При оплате за год вы получите скидку 40%.

Оплатить услуги и тарифы платформы можно с помощью банковской карты, через Сбербанк Онлайн, Альфа-клик, посредством перевода через Связной, Евросеть, МТС, Теле2 и Билайн. Поддерживаются электронные кошельки: Яндекс.Деньги, QIWI, Webmoney.

Достоинства

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

Недостатки

  • Отсутствие бесплатного тарифа

Bloxy — стильный и современный

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

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

Пользователю предлагается три тарифных плана:

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

Сервис позволяет интегрировать ваш одностраничник с популярными сервисами: amoCRM, Битрикс 24, Робокасса, Яндекс Касса, Google Analytics, Яндекс Метрика, Mail Chimp и др.

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

Достоинства

  • Понятный интерфейс
  • Интеграции со всеми необходимыми ресурсами для ведение бизнеса в интернете
  • Удобный конструктор для создания собственного одностраничника

Недостатки

  • Нет готовых шаблонов
  • Стоит дороже конкурентов

LPgenerator — самый функциональный конструктор

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

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

На сайте собраны необходимые инструменты для создания и управления лендингом: управление каналами трафика, подробная аналитика и статистика, удобное сплит-тестирование, построение воронки продаж, собственная CRM и LP Телефония и т.д.

Кроме того, вы можете интегрировать lpgenerator с различными онлайн-сервисами: Robokassa, Битрикс 24, AmoCRM, Мегаплан, Dropbox, SmartResponder и др.

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

Бесплатный тариф отсутствует, оценить все преимущества и недостатки сервиса можно с помощью семидневного бесплатного пробного периода. Далее подключается один из платных тарифов (цены в месяц): «Базовый» (799 рублей), «Продвинутый» (2375 рублей), «Безлимитный» (3999 рублей), «Корпоративный» (15730 рублей).

При оплате за год, вы получаете 30% скидку:

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

Достоинства

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

Недостатки

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

Ucraft — бесплатный конструктор посадочных страниц

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

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

К готовому лендингу можно подключить следующие сервисы: Google Analytics, Mail Chimp, Google Maps, Twitter, Instagram, You Tube, Disqus.

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

Платные тарифы можно оплатить с помощью Visa, Mastercard, Pay Pal.

Достоинства

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

Недостатки

  • Мало готовых шаблонов

Рейтинг самых лучших конструкторов landing page: обзор и сравнение вариантов

Разработка структуры одностраничного сайта

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

1. Заголовок

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

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

2. Логотип, название фирмы и контактная информация

Логотип позволяет пользователям идентифицировать вашу компанию и повысить уровень доверия.

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

3. Данные о предоставляемом продукте или услуге

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

  1. Реальные фотографии продукта;
  2. Видеозапись (данному контенту потенциальные потребители доверяют больше всего).

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

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

4. Преимущества бренда

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

5. Обратная связь с клиентами

Форма для обратной связи с помощью которой клиент сможет связаться с вами и оставить заявку. Чем больше каналов связи вы оставите, тем лучше. Помимо обычной формы, можно оставить контакты в соц. сетях и мессенджерах: Skype, WhatsApp, Viber и т.д.

Пример создания лендинга своими руками помощью сервиса LPmotor

Давайте попробуем для примера создать одностраничный сайт самостоятельно в конструкторе LPmotor.

Первое, что нам нужно сделать это зарегистрироваться в LPmotor.

В личном кабинете кликаем на зеленую кнопку «Создать сайт».

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

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

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

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

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

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

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

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

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

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

Самое первое, что нужно сделать, это изменить домен.

Вы можете выбрать любой домен третьего уровня (sitename.lpmotortest.com) или купить домен второго уровня (sitename.com). Если у вас уже есть доменное имя, зарегистрированное у стороннего регистратора, вы можете подключить этот домен к вашему сайту.

Следующий шаг — подключение счетчиков посещаемости Яндекс Метрика или Google Analytics.

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

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

В разделе «Аналитика» вы можете посмотреть посещаемость сайта по разным каналам трафика и воронку конверсии.

В разделе «Расширения» вы сможете подключить к сайту необходимы дополнительные сервисы и виджеты: корзину товаров, геотаргетинг, CRM, Яндекс касса и т.д.

Самый последний шаг — публикация сайта.

Для этого нужно перейти на вкладку «Рабочий стол» и нажать кнопку «Опубликовать». С этого момента ваш сайт будет доступен пользователям по всему миру.

Я рассказал только о самых важных функциях конструктора. Наверняка, у вас еще возникнут вопросы: что такое A/B тесты, для чего нужны SEO настройки, как настроить анти-спам фильтр и т.д. На этот случай предусмотрены обучающие видео. Посмотреть их вы можете по ссылке «Обучение» в верхнем правом углу экрана. Если возникнут какие-нибудь вопросы, смело пишите в службу поддержки. Кроме того, можете также написать в комментариях к этой статье. Обязательно отвечу всем.

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

16 лучших конструкторов для Landing Page

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

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

Лучше попробовать 3-4 площадки, которые на первый взгляд вам понравились. Потратить пару часов на то, чтобы покликать по ним и понять, что удобнее конкретно для вас.

А теперь к обзору на конструкторы лендингов.

LPGenerator

Считается одним из лучших (для некоторых лучшим) конструктором для Лендингов во всей сети.

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

Казалось бы, это минус, но если присмотреться внимательнее – наоборот, это одна из самых сильных сторон.

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

  • Количество шаблонов: более 500.
  • Можно ли менять структуру и добавлять свой дизайн: Да.
  • Покупка доменов: Да.
  • Цены: 7-дневный пробный период. Самый дешевый тариф – 50 лендингов, 2150 рублей в месяц.

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

PlatformaLP

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

Хороший вариант для тех, кто хочет «не как у всех».

  • Количество шаблонов: около 50 + 8 дизайнов для каждого отдельного блока.
  • Можно ли менять структуру и добавлять свой дизайн: Да.
  • Покупка доменов: Да.
  • Цены: пробный период 14 дней. Минимальный тариф – 5 лендингов, 100 смс – 590 рублей в месяц, 5900 в год. Стандарт – 25/300 – 990 рублей в месяц.

Итог: Отлично подойдет как бюджетная и более гибкая версия LPGenerator. Не подойдет для вебмастеров, которые захотят создать более 50 лендингов, а для всех остальных категорий – идеальное, простое и гибкое решение проблем.

LPMotor

К концу 2015-ого года на основе этого сервиса было создано более 200 тысяч одностраничных сайтов. Достаточно неплохой показатель для России, особенно если учесть, что стартовал этот сервис на СНГ рынке всего лишь в 2013-м, не имея под собой особой рекламной почвы, в отличие от многих других.

Сейчас это один из самых амбициозных и интересных сервисов, которые ставят на первое место качество собственной продукции.

Рекомендуем к прочтению:

Как создать одностраничный сайт (Landing Page) самому и бесплатно на LPmotor.

  • Количество шаблонов: есть 46 узконаправленных готовых шаблонов. Качество в этом случае далеко не самый первый показатель. Именно поэтому лучше разрабатывать лендинги самостоятельно и с нуля.
  • Можно ли менять структуру и добавлять свой дизайн: Да.
  • Покупка доменов: Да.
  • Цены: Тестовый период неограничен. Но в поисковой системе лендинг появится только после оплаты одного из тарифов. Минимальная цена – 300 рублей в месяц за 1 лендинг. Оптимально – 10 лендингов, 1200 рублей в месяц.

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

Ukit

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

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

  • Количество шаблонов: есть 25 тем. К каждой теме есть свое количество шаблонов + 3 цветовые гаммы. Встречаются и очень качественные бесплатные шаблоны, и откровенно плохие. Но в рамках одной темы есть из чего выбирать.
  • Можно ли менять структуру и добавлять свой дизайн: Да.
  • Покупка доменов: Да.
  • Цены: Неограниченный бесплатный период. Платные тарифы начинаются от 4$. За 4 доллара в месяц можно избавиться от всей рекламы на сайте и получить свободное дисковое пространство.

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

Flexbe

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

Но, Flexbe рассчитана на новичков среди новичков. Если вы ни разу не занимались сайтами, но очень хотите сделать свой первый лендинг, тогда flexbe – отличный выбор.

  • Количество шаблонов: сразу разочарование. Лишь 13 готовых шаблонов. Каждый можно адаптировать и менять под свои нужды.
  • Можно ли менять структуру и добавлять свой дизайн: Да.
  • Покупка доменов: Да.
  • Цены: 14-дневный бесплатный период. От 750 рублей в месяц на платных тарифах.

Итог: На самом деле, кроме явного плюса в простоте, у этого лендинга никаких особенностей больше и нет. Никакой гибкости, никаких особых настроек. Простота и шаблонность.

Bloxy

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

  • Количество шаблонов: более 300. Но как и в большинстве других, дизайн блочный. Каждый блок можно кастомизировать: сменить цвет, выбрать новый фон, заменить шрифты, добавить новые картинки.
  • Можно ли менять структуру и добавлять свой дизайн: Да.
  • Покупка доменов: Да.
  • Цены: С ними здесь явные проблемы. На тест отводится каких-то 24 часа, а потом нужно платить. 970 рублей/мес. за 1 страницу и 1 нишу, 1970/мес. за 3 ниши и 20 страниц, 10 проектов и 60 страниц – 3970/мес. Настройка рекламной компании также входит в основные услуги – Гугл/Яндекс – 9990 рублей, ВК – 7490.

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

LPTrend

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

Если бы не было той самой отзывчивой техподдержки, которая 24/7 отвечает на вопросы в течение 5 минут, LPTrend был бы уверенным середняком. Но она есть, и именно поэтому он занимает одни из самых высоких строчек в разных топах конструкторов.

Рекомендуем к прочтению:

Как сделать Landing Page самому бесплатно на LPTREND.

  • Количество шаблонов: более 60-ти. При этом лендинги сделаны по интересным шаблонам, которые делали опытные маркетологи. Конверсия на таких одностраничниках достаточно высока.
  • Можно ли менять структуру и добавлять свой дизайн: Да.
  • Покупка доменов: Да.
  • Цены: Сразу после регистрации активируется бесплатный тариф на 8 дней. После пробного периода предлагается взять один из тарифов, которые отличаются лишь количеством создаваемых одностраничников: за 1 – 500 руб./мес; за 10 – 1000 руб./мес; За 10+ – 2000 руб./мес. А еще сервис предлагает создавать тематическое продающее видео за 7900 руб./минуту ролика и создание лендинга под ключ за 6900.

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

Tobiz

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

Тобиз – как раз тот вариант. За 2 года работы сервиса создатели сумели найти свою аудиторию, которая на данный момент составляет более 1500 тысяч вебмастеров.

  • Количество шаблонов: более 270 шаблонов самых разных тематик. При этом большинство из них выгодно использовать как образец – сайты создаются из отдельных блоков.
  • Можно ли менять структуру и добавлять свой дизайн: Да.
  • Покупка доменов: Да.
  • Цены: тестовый 14-дневный период, после завершения которого будет доступно несколько тарифов, самый дешевый из которых – 450 рублей в месяц.

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

Wix

Говорить что-то о популярности этого конструктора просто бессмысленно. Реклама по ТВ для IT продукта не то чтобы нова, но есть много других, более дешевых каналов продвижения.

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

  • Количество шаблонов: 17 + есть возможность полного изменения каждого из шаблонов.
  • Можно ли менять структуру и добавлять свой дизайн: Да.
  • Покупка доменов: Да.
  • Цены: Тестовый период неограничен, но работать придется с рекламой и без своего домена. Создавать лендинги без рекламы можно по цене 99 долларов в год, но если поймать акцию – по 49.

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

Umi

К концу 2015-го года, количество сайтов, созданных на конструкторе Umi, перевалило за 1 миллион. Достаточно солидный показатель за работу с 2011-го года.

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

  • Количество шаблонов: Более 550 макетов, часть из которых адаптивны.
  • Можно ли менять структуру и добавлять свой дизайн: Да.
  • Покупка доменов: Да.
  • Цены: Сначала активируется 15-дневный режим бесплатного пользования, после чего стоимость пользования сервисом для создания лендингов будет составлять 490 рублей за месяц использования.

Итог: Для создания и запуска первого лендинга, Юми подходит просто идеально. Сначала можно будет пользоваться лишь бесплатными виджетами, а с течением времени и увеличением потребности, прикручивать различные платные примочки. В соотношении цена/качество – один из самых интересных вариантов.

Nethouse

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

  • Количество шаблонов: 5 секций для сайтов, в которых до 40 разных шаблонов. Говоря откровенно – негусто. Радует только возможность сделать самостоятельный дизайн.
  • Можно ли менять структуру и добавлять свой дизайн: Да.
  • Покупка доменов: Да.
  • Цены: одни из самых демократичных – 248 и 415 рублей за месяц использования. Бесплатный тестовый период неограничен.

Итог: Лучше всего работать с Nethouse при создании интернет-магазина. Для лендинга довольно средний функционал и количество шаблонов. Но если вы хотите «дешево» и топорно – работать с Nethouse достаточно просто и выгодно.

Diafan

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

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

  • Количество шаблонов: Тут все очень печально. Для лендингов есть лишь 6 готовых шаблонов, которые можно кастомизировать, но это будет очень сложно.
  • Можно ли менять структуру и добавлять свой дизайн: Да.
  • Покупка доменов: Да, можно даже выкупить сайт и перенести его на другой сервис.
  • Цены: Тестовый период в размере 21 дня, после которого достаточно демократичные тарифы – 480 и 980 рублей в месяц.

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

Ucraft

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

  • Количество шаблонов: 15 (+1 каждую неделю) и 42 платных, которые открываются после покупки любого премиум тарифа.
  • Можно ли менять структуру и добавлять свой дизайн: Да.
  • Покупка доменов: Да.
  • Цены: Пробный период в 14 дней со всем функционалом сервиса. После этого либо оставаться на урезанном бесплатном, либо покупать за 8$ в месяц или 77$ в год. Удобно то, что на бесплатной версии можно подключить свой домен.

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

Q-page

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

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

  • Количество шаблонов: более 115 продающих шаблонов с возможностью кастомизации каждого из них. Интерфейс кастомизации достаточно простой и удобный.
  • Можно ли менять структуру и добавлять свой дизайн: Да.
  • Покупка доменов: Да.
  • Цены: После регистрации дается тестовый период на 14 дней, после которого необходимо выбрать платный тариф. Цены не то что бы кусаются, но демократичностью уж точно не отличаются. За 1 лендинг придется заплатить 10$ в месяц. За 10 – 35$, а за 500 – 220$. Радует то, что при годовой оплате скидка составит 40% от стоимости.

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

Landingi

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

  • Количество шаблонов: Более 100 различных шаблонов + обычные, универсальные макеты. Правда, есть одно НО. До регистрации шаблоны размещены по тематикам, специальностям и даже цветам. Но после регистрации можно сортировать только по дате добавления и популярности.
  • Можно ли менять структуру и добавлять свой дизайн: Да.
  • Покупка доменов: Да.
  • Цены: Есть бесплатный тариф, но с ограничениями: не более 100 посетителей в месяц + реклама сервиса. Платные тарифы: lite – 2 аккаунта и 5 страниц; standart – 1790 руб./мес.

Итог: Ничего необычного. Среднестатистический конструктор. Есть большое количество шаблонов, есть макеты, небольшой косяк в сортировке, но его скоро уберут. Как и большинство своих собратьев, имеет удобный интерфейс, простоту в освоении и быстрый запуск. Все бы было хорошо, если бы не один, огромный недостаток: на самом дорогом тарифе есть ограничение в 5000 пользователей в месяц. 167 посетителей в день. Катастрофически мало, если вы действительно хотите наладить свои продажи. Для нормального бизнеса однозначно не подходит. Для мелкой торговли куда ни шло, но есть варианты и получше.

A5

Если верить счетчику на главной странице сайта, то этот конструктор выбрали более 1 миллиона 900 тысяч человек. Это внушительная цифра, особенно если учитывать, что крупные аналоги вроде Wix и Ukit могут похвастаться цифрами ненамного большими – 3-4 миллиона пользователей.

Количество клиентов говорит само за себя и перечислять все плюсы этого конструктора просто бессмысленно. Лучше поговорим о конкретике.

  • Количество шаблонов: Более 300 разбитых по разным тематическим категориям. Как заявляют вебмастера, которые работают с А5 – все шаблоны высокого качества. Откровенной халтуры нет.
  • Можно ли менять структуру и добавлять свой дизайн: Да.
  • Покупка доменов: Да.
  • Цены: Есть бесплатный тариф, но все возможности раскрываются именно в платных. Интересно, что цена на платные тарифы измеряется в оплате за день. Минимальный тариф будет стоит 3 рубля в день, максимальный 5 рублей.

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

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

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

Что больше нравится, где удобнее – там и будет ваше место. Откровенно плохих конструкторов в этом ТОПе нет.

Как создать продающий лендинг: 5 советов

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

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

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

Совет 1. Ведите клиента по воронке продаж.

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

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

Представьте, что вы проектируете лабиринт. Только очень простой. В котором всего один путь – от начала страницы до кнопки заказа. И ваша задача – провести клиента по лабиринту так, чтобы у него не осталось иного выбора, кроме как кликнуть по этой кнопке.

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

Рекомендуем к прочтению:

Воронка продаж: что это, этапы построения, анализ и особенности работы с воронкой продаж.

Совет 2. Используйте четкую структуру.

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

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

Примерная структура лендинга такова:

  • Выявление проблемы клиента;
  • Предложение решений;
  • Ответ на вопросы клиента;
  • Вывод, что компания предлагает решение проблемы клиента;
  • Результаты работы компании;
  • Отзывы;
  • Кнопка заказа.

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

Совет 3. Если есть возможность – используйте уникальный дизайн.

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

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

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

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

Совет 4. Внимательно относитесь к рекламе.

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

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

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

От того, насколько грамотно вы подберете картинку к своему рекламному объявлению, может зависеть кликнет по нему 30 человек или 300. Именно поэтому прежде чем пенять на то, что лендинг не продает, позаботьтесь о том, чтобы ваша реклама работала на все 100%.

Рекомендуем к прочтению:

Реклама в интернете — ТОП-15 видов, стоимость и расчет эффективности.

Совет 5. Анализируйте работу вашего лендинга.

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

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

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

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

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

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

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

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

На всякий случай или этап 0

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

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

По теме: Отличие лендинга от сайта многостраничника.

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

  1. Получить новые заявки на товары/услуги;
  2. Увеличить узнаваемость бренда;
  3. Информировать о предоставлении товаров/услуг;
  4. Предоставить консультацию по услугам;
  5. Получить резюме от кандидатов;
  6. Привлечь партнеров, дилеров, представителей;
  7. Обеспечить доступ к сервису;
  8. И прочее.

Перед тем, как начать творить, Вам нужно запомнить, что на одном сайте пытаться и продать товар, и привлечь дилеров нельзя. А все потому что это разные задачи, а это значит разные landing page.

Важно. Перед созданием Вам нужно чётко определить цель Вашего лендинга. И запомните — цель должна быть одна.

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

Нужен готовый Landing page? Закажите разработку
в нашем агентстве Посмотреть стоимость Сделайте сами
на конструкторе

ЭТАП 1 — Отдать или сделать самому

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

Что же делать… Что же делать

И выбираться будут они на основании Ваших денежных и временных ресурсов. Рассмотрим каждое из них с плюсами и минусами.

Конструктор

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

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

А всё это произошло потому, что он нашёл в интернете конструктор лендингов и узнал, что всё можно сделать самому, потратив на это буквально 5-6 часов, и заплатив при этом не больше 1 000 рублей в месяц.

Но мы то с Вами понимаем, что можно собрать и “машину” самостоятельно, но насколько она далеко поедет, насколько будет индивидуальный дизайн landing page, насколько будет корректное техническое оснащение…

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

Плюсы:

  • Дешево. Прям очень. 500-1000 рублей в месяц и Вы — счастливый владелец одностраничного сайта;
  • Просто. Вам не нужно думать о верстке, адаптации под мобильные устройства, подключении смс-оповещений о новых заявках на Ваш телефон. Все это уже есть и сделано для Вашего удобства;
  • Быстро. Сделать и настроить можно реально всё быстро. Причём, внести изменения тоже не составит труда;
  • Техническая поддержка. У Вас есть вопрос? Вам ответят на него максимально быстро и подробно. Огромный плюс;
  • Бесплатный тестовый период. Сейчас практически у всех конструкторов лендинг пейдж 14 дней бесплатного тестового периода. Регистрируетесь и…

Небольшая жизненная правда. “14 дней халявы! За это время заработаю денег с помощью лендинга на конструкторе и закажу красивый сайт в агентстве”, — думали они.

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

Минусы:

  • Знания. Вам нужно знать какие блоки нужно использовать, их последовательность и прочее.
    Решили подглядеть у конкурентов? Отлично! Только откуда Вы знаете, что у конкурентов эффективный лендинг и показывает хорошие показатели?
  • Дизайн. Если Вы работаете с конструктором первый раз, то на дизайн landing page по окончании работ “без слез не взглянешь”.
    Даже если это далеко не первый вариант. Крутого дизайна, такого, чтоб “Вау!”, не ждите.
  • Ограниченность. Количество готовых блоков ограниченно, как и их функционал. Дизайнерские решения тоже представлены не в самом широком ассортименте.
    Поэтому если Вы хотите, чтобы вот тут вылетала птичка, когда человек оставляет заявку (как будто его заявка улетела к Вам с почтовыми голубями), можете забыть о такой идее.

Лично мы можем посоветовать этот landing page конструктор. Обычно мы отправляем к ним клиентов, которые только начинают или тестируют нишу.

И всё это не на правах рекламы, просто нам он реально нравится. Идеальное сочетание на наш взгляд цены/качества/функционала.

Фрилансеры

Давайте сразу по делу и из опыта. Найти фрилансера, который в одиночку создаст продающий лендинг с нуля и “под ключ” — НЕВОЗМОЖНО. Ну правда.

Возможно найти отдельных специалистов: дизайнера, который создаст дизайн будущего сайта, или программиста, который его сверстает, но монстра, который КАЧЕСТВЕННО сможет сделать сайт от и до, не существует.

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

Поэтому идеальная схема работы с фрилансером, это когда Вы самостоятельно всё анализируете, собираете, готовите.

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

Плюсы:

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

Минусы:

  • Ответственность. Если сайт не будет работать, то никто кроме Вас не виноват. Так как Вы являетесь тем, кто ими управляет и говорит как нужно.
    Поиски. Вам нужны специальные знания где их искать, как ставить им задания и… нужно также заполнять бриф, показывать ТЗ и прочее.
  • Время и нервы. Время, чтобы найти фрилансера, время на создание задач, время, чтобы сделать прототип лендинга, время на контроль. Потратите очень много времени и нервов.
    В большинстве своем фрилансеры-разгильдяи (извиняюсь, но так и есть), поэтому затягивание сроков, периодические потери с радаров связи будут.
    И это минимум, который можно ожидать, когда хотите сделать лендинг пейдж недорого.
  • Деньги. Вам придётся раскошелиться, так как хороший специалист без “связей” стоит не мало.
    Дизайн среднего качества выйдет в районе 8-10 тысяч, вёрстка тоже в районе этой суммы. Опять же всё зависит от сложности проекта и самих исполнителей.
  • Кидалы. Работа строится следующим образом: 50 на 50. Предоплата и потом оставшаяся оплата после завершения проекта.
    Не хочу никого обижать, но среди фрилансеров очень много людей, которые… не берутся за выполнение проекта после получения предоплаты. Проще говоря, теряются.

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

А уже оставшуюся часть суммы переводите напрямую фрилансеру. В таком случае Вы переплатите 15%, но зато обезопасите себя.

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

Этап 2 — кому и что?

Самый скучный (но самый нужный) блок в этой статье. Неважно каким путем Вы пойдете. Будете делать эффективный лендинг пейдж своими руками или отдадите в специализированное агентство. В любом случае Вам нужно знать 3 вещи:

  1. Свою целевую аудиторию;
  2. Лестницу Ханта;
  3. Внутренности вашей компании.

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

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

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

Целевая аудитория

Про определение целевой аудитории, или ещё глубже определение аватара клиента, мы уже писали.

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

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

Целевая аудитория

Лестница Ханта

Но что даст знание лестницы Ханта? Также как и аватар клиента, она даст саму структуру будущего лендинга.

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

Если очень коротко, то до момента принятия решения о покупке человек проходит 5 шагов/уровней осознанности:

  1. Этап “Безразличие”. Проблемы не существует.
  2. Этап “Осведомленность”. Проблема есть, но нет решения.
  3. Этап “Сравнение”. Варианты решения проблемы сравниваются между собой.
  4. Этап “Выбор”. Вариант решения выбран. Ищутся продукты.
  5. Этап “Покупка”. Выбор между поставщиками продукта.

Как эта сложность может помочь Вам при создании лендинга? Давайте рассмотрим каждый этап и как нужно действовать:

  1. Этап “Безразличие”. Вам нужно сначала создать проблему в голове человека. Показать, что если он этого не сделает/не купит, то все будет плохо.
  2. Этап “Осведомленность”. Вам нужно в первых экранах показать, что существуют разные варианты решения его проблемы.
  3. Этап “Сравнение”. Нужно донести, что Ваше решение лучше других, и для этого можно сделать сравнительную таблицу, предложение обзора продукта, результатов исследования, личную консультацию по подбору и т.д.
  4. Этап “Выбор”. Вам нужно показать какое предложение подойдёт именно ему, точнее в каком в виде/комплектации. Для этого раскрываем больше выгод нашей продукции.
  5. Этап “Покупка”.Вам нужно показать, в первую очередь, выгоду работы именно с Вашей компанией, а уже потом рассказывать о продукте и о том, что он самый лучший.

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

Упаковка

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

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

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

Чтобы вы уловили суть, вот Вам пример из 10 вопросов, которые помогут лучше/глубже осмыслить свою компанию и свой продукт, и подать это “под чудесным соусом”:

  1. Сформулируйте 3-5 “причины, почему объективно выгоднее покупать у Вас, а не у конкурентов”.
  2. Какие особенности производства есть именно в Вашей компании?
  3. Проводите ли Вы внутреннее обучение персонала?
  4. Сравните продукт с аналогами. Укажите преимущества и недостатки.
  5. Кто является лицом или лицами компании?
  6. Какие бонусы Вы готовы выдавать клиентам при покупке на большие суммы?;
  7. Распишите детально этапы работы с клиентом от первого обращения до выполнения работ.
  8. Расскажите про финансовые условия работы (предоплата, рассрочка, отсрочка первых выплат, продуктные кредиты, скидки, продукт на реализацию, выкуп неликвида и т.д.).
  9. Какие о компании или от компании существуют публикации? (экспертные комментарии, интервью, жюри в телешоу, авторские колонки, статьи).
  10. Ваши клиенты-звёзды.

ЭТАП 3 — Прототип

Наконец-то мы добрались до самого интересного. Сейчас будем создавать Ваш будущий сайт.

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

Шаг 1. Структура прототипа

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

Лучше всего сделать это следующим образом: берёте лист бумаги и накидываете последовательность блоков/смыслов. Выглядит это примерно так:

  1. Шапка;
  2. Выгоды компании;
  3. Каталог;
  4. Собственное производство;
  5. Склад;
  6. Команда;
  7. и т.д.

Это мы с Вами прописываем блоки, но также должны не забывать про две классические структуры, по которым строится любой рекламный материал и landing page не исключение:

  1. AIDA (товары/услуги);
  2. PmPHSA (инфобизнес). Расшифровывается как Pain, more Pain, Hope, Solution, Action (боль, усиление боли, надежда, решение, призыв к действию).

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

По теме: Правильная структура лендинга.

Шаг 2. Детали

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

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

Прототип

И вот так все выглядит в итоге в реальности:

Готовый лендинг

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

Иначе Ваша фантазия закончится на избитых фразах в стиле “Почему 95 процентов клиентов выбирают нас”, “Как мы работаем”, “О нас”. Чтобы хоть как-то подкачаться в этой области, рекомендую почитать наши статьи:

По теме:
1. Техника: свойство-преимущество-выгода;
2. Бизнес копирайтинг;
3. 4U заголовки: схватите вашего клиента за глаза;
4. Как писать заголовки: 6 формул как сделать их цепляющими.

Шаг 3. Призывы

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

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

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

  1. Делайте их разными. Не только купить, но и записаться на тест-драйв, связаться с менеджером, открыть доступ к видео-презентации.
    Чем они больше отличаются друг от друга, тем больше шанс поймать клиента в свои сети.
  2. Делайте их простыми. Чем проще шаг, тем больше конверсия сайта, и тем больше шансов убедить человека стать Вашим навсегда.
    Поэтому стараемся делать не “купить”, а “получить предложение”. Не “записаться на вызов мастера”, а “записаться на бесплатный замер”.

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

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

По теме: Кнопки призыва к действию.

ЭТАП 4 — Дизайн

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

Так как если решите делать это самостоятельно, Вас будет раздражать всё, что Вы делаете на конструкторе. Ведь то, что Вы хотите, не получается, а то, что уже вышло, Вам не нравится.

Бесит!

Хотя с дизайнером тоже не мало мороки может быть. Поэтому перед тем как передать всё в его руки, обязательно нужно написать МАКСИМАЛЬНО ПОДРОБНОЕ техническое задание.

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

Фактически, для программиста и для дизайнера делаются разные технические задания.

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

  1. Цветовые пятна. Один экран = один основной цвет. Не нужно использовать несколько разных оттенков и создавать тем самым новогоднюю ёлку.
  2. Минимализм. Если опыта в дизайне мало, то Ваш выбор — простая и стильная страница без лишних деталей. Чтобы Вам было приятно, называйте его “Как у Apple”.
  3. Воздух. Между элементами должно быть пространство, которое отделяет между собой смыслы. В идеале запомнить правило: 1 экран = 1 смысл.
  4. Акценты. У Вас должно всё быть в соподчинении. Что-то должно бросаться в глаза первым, потом взгляд должен перемещаться на второй элемент, а затем на другие.

Если уже сейчас Вы думаете, что лендинг создать самостоятельно — это для Вас слишком, есть мы и баннер ниже.

Коротко о главном

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

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

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

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

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

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

И не потому что Вы плохо его сделали, а потому что его можно сделать лучше. Ведь всё относительно.

Добавить комментарий

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