Как создать лендинг самому — создание Landing Page за 30 минут

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

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

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

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

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

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

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

Конструктор сайтов

Создайте сайт своей мечты всего за час!

Создать сайт бесплатно

Этап 1: Заполняем бриф

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

Вот стандартный бриф, заполненный одним из заказчиков:

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

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

Этап 2: Анализируем конкурентов

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

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

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

Другой способ – найти конкурентов через ключевые слова. Их можно посмотреть на Яндекс.Wordstat либо через Планировщик ключевых слов от Google. Рассмотрим для примера сервис от Яндекса:

  1. Переходим по ссылке и вводим необходимый запрос. Например, представим, что у нас компания, занимающаяся продажей ПВХ-окон в Москве – вводим релевантный запрос и жмем «Подобрать».
  2. В результате получаем список ключевых слов. Не сказать, что он как-то расширил наши возможности, но этим можно пользоваться. 

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

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

Этап 3: Анализируем целевую аудиторию

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

  • ЦА – это группа людей, которая с наибольшей вероятностью приобретет товар или услугу конкретной компании.
  • Анализ ЦА – это ответ на вопрос «Кому мы продаем?». Если продавать все и всем сразу, то такие продажи не смогут приносить достойные плоды.

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

Как может выглядеть анализ:

Важно не просто узнать возраст, пол и географическое положение потенциального клиента, но и понять его боли и страхи.

Где же это все взять? Самый простой вариант – походить по различным форумам и маркетплейсам, где пользователи оставляют отзывы. Узнать уровень дохода вы также можете там. Например, если компьютерный стол был куплен за 20 000 рублей, то это говорит о том, что отзыв оставил покупатель как минимум со средним достатком.

И вот еще один пример:

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

Этап 4: Подбираем референсы

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

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

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

  • Behance
  • Pinterest
  • Awwwards
  • Dribbble

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

Этап 5: Создание прототипа

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

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

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

Вот некоторые рекомендации, которые помогут вам со структурой:

  • Шапка лендинга – в ней, как правило, размещается логотип и основное меню сайта, добавляется номер телефона и прикрепляется кнопка действия, например, «Заказать звонок».
  • Офферная конструкция – то, что располагается на первом экране. С ее помощью необходимо описать всю суть бизнеса, допустим, «Разработка сайтов за 7 дней». В нее также входит дополнительное описание подобного типа – «Помогу вашему бизнесу увеличить продажи», «Оставьте заявку и получите скидку». Все это прописывается ниже основного слогана, с меньшим размером шрифта. Ниже помещается кнопка действия, которая чаще всего вытекает из описания – если вы предлагаете оставить заявку, то и кнопку желательно назвать так же.
  • Далее идут различные блоки, и тут уже все зависит от сферы деятельности и целевой аудитории. Обычно после главного экрана описывается, кому предоставляется услуга.
  • Следом идут особенности – почему клиенту стоит выбрать ваш продукт.
  • О компании – расскажите, как вы появились и почему стали востребованы.
  • Как это работает – отлично подойдет для предоставляемых услуг. Можно описать, как выполняется установка окон.
  • Сколько стоит – здесь прописывается ценовая политика компании.
  • Отзывы – блок может поднять экспертность.
  • Контакты – укажите контактные данные, чтобы клиенты смогли с вами связаться.
  • Футер – часто просто дублируется меню из первого экрана, а также прописывается ссылка на политику конфиденциальности и прочие данные.

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

Для разработки прототипа вы можете воспользоваться следующими программными средствами: Axure, Figma, Mockplus.

Важно полностью проработать прототип – вам же будет потом проще разработать весь сайт.

Комьюнити теперь в Телеграм
Подпишитесь и будьте в курсе последних IT-новостей

Подписаться

Tilda.cc

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

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

Конструктор Тильда открывает возможности для:

  • создания сайтов;
  • лендинг-пейдж;
  • интернет-магазинов.

Преимущества конструктора Tilda

  1. Интуитивно понятный интерфейс конструктора для чайников.
  2. 450 готовых блоков: обложки, типографика, фотогалереи, фоновые видео, формы заявок.
  3. Адаптивный дизайн под мобильные устройства.
  4. Редактирование собственных блоков.

Особый акцент Тильда делает на создании лендингов. Специально для одностраничных сайтов в конструкторе разработан ряд блоков — отзывы, перечисление преимуществ, кнопки, блоки call-to-action. Формы сбора данных интегрированы с 12 сервисами рассылок.

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

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

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

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

Сайты на Тильде легко экспортируются на другой сервис или интегрируются с готовым сайтом через API.

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

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

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

Как раз самое время поговорить о тарифах.

Тарифы

Оплатить тариф на Tilda можно за месяц и за год. Как правило, при годовой оплате всегда предоставляется скидка. Домен в подарок на Тильде можно получить при оплате тарифа за год. Выгрузка исходного кода сайта возможна только на тарифе Business.

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

uCoz

uCoz — старичок на рынке конструкторов сайтов, но до сих пор жив, в отличие от narod.ru. Особенность: вместо блоков с отдельными элементами (кнопками, формами и другое) — целые модули (редактор страниц, блог, новости, доска объявлений и прочее), которые также можно удалять и добавлять.

С помощью uCoz вы сможете создавать лендинги, форумы, блоги, интернет-магазины. В библиотеке конструктора более 300 шаблонов страниц. Для пользователей бесплатно доступен субдомен «yoursite.ucoz.net».

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

Возможности:

  • Настраивать авторизацию пользователей через социальные сети.
  • Назначать для каждой страницы сайта свой шаблон.
  • Разграничивать доступ к сайту или его отдельным страницам для зарегистрированных пользователей.
  • Создавать доски объявлений.
  • Запускать A/B-тестирование лендингов.
  • Создавать калькуляторы с помощью сервиса uCalc. Например, чтобы пользователь смог посчитать нужное количество плитки или ламината.
  • Добавить на сайт онлайн-игры. Вы сможете выбрать игры из каталога или загрузить собственные.
  • Создавать собственные онлайн-тесты или использовать готовые из библиотеки uCoz.
  • Отправлять письма посетителям сайта с панели администратора.
  • Публиковать на сайте опросы и голосования.
  • Смотреть статистику посещения и поисковые запросы, по которым пользователи приходят на сайт с помощью встроенной в конструктор системы аналитики Google Analytics.
  • Создать интернет-магазин с настройкой скидок, доставки, акций, личного кабинета покупателя и другими полезными функциями.
  • Загружать видео с компьютера или YouTube, Rutube, Vimeo, Coub.
  • Автоматически экспортировать материалы с сайта в социальные сети: «ВКонтакте», Facebook, Twitter, «Мой Мир», «Одноклассники», LiveJournal, LinkedIn, Tumblr.
  • Подключить сервисы аналитики: Google Analytics и Яндекс.Метрику. С Метрикой вы можете работать прямо из админки.

Что можно сделать для SEO:

  • Создать и настроить sitemap.xml и robots.txt.
  • Прописать Title, Description, Keywords.
  • Настроить кастомный URL страниц — ЧПУ.
  • Запретить индексацию сайта или его отдельных страниц.
  • Настроить редирект 301.
  • Подключить Яндекс.Вебмастер, Google Webmasters, WebEffector — и работать с ними в админке.

Tobiz

Официальный сайт: tobiz.net
Страна: Россия
Тестовый период: 14 дней
Бесплатный тариф: Нет

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

После создания лендинга в конструкторе Tobiz можно добавить свой домен, настроить страницу для поисковых систем и подключить сторонние сервисы в том числе онлайн-оплату через Robokassa. На всех тарифах доступны А/Б тесты и CRM система от Tobiz.

Цены при оплате за месяц от 450 до 1200 рублей.

ТОП 20+ лучших конструкторов лендингов

В статье представлен ТОП-20+ проверенных лендинг конструкторов. Описанные ресурсы создают удачную посадочную страницу со стильным дизайном и логичной навигацией.

Mottor

Главная страница Mottor

Полное название конструктора «Landing Page Motor» в переводе на русский означает «Движок для лендинга». Целевая аудитория ресурса ‒ предприниматели, арбитражники, блогеры, самозанятые лица.
Разработчики выбрали лаконичный дизайн. Сервис позволяет создавать сайты и одностраничники, есть функция встроенной CRM и интеграции, можно подключить автоворонку, создать квизы, собрать страницу из свободных и блочных секций.

Интерфейс личного кабинета Mottor

Основная информация по сервису:

  • на выбор доступны три тарифа: «Лайт» (466 руб. в месяц. Без скидки ‒ 690 руб.), «Бизнес» (716 руб. в месяц. Без скидки ‒ 1250 руб.) и «Безлимит + Автоворонки» (6658 руб. в месяц. Без скидки ‒ 12 900 руб.);
  • создание лендингов бесплатное. Число страниц не ограничено. Но для публикации лэндинг пейдж в интернете нужно подключиться к одному из тарифов;
  • геотаргетинг Mottor позволяет подставлять в информацию на странице город пользователя и менять некоторые элементы в зависимости от географического положения потенциального покупателя;

LPGenerator

Главная страница ресурса LPGenerator

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

Интерфейс личного кабинета v

Основная информация:

  • есть три тарифа: Старт ‒ 330 руб., Лайт ‒ 466 руб., Бизнес ‒ 716 руб. Цены указаны за месяц при оплате за год. Это экономит пользователю 52% от стоимости тарифных пакетов;
  • на бесплатном тарифе без функциональных ограничений доступны 7 дней. Лимит установлен и для трафика ‒ 200 посещений. На пробной неделе нельзя добавить больше одного домена;
  • есть функция геортаргетинга контекстной рекламы. Доступны варианты Google AdWords и Яндекс.Директ;

Ulanding

Главная страница сервиса Ulanding

Ulanding – проект компании uKit. Целевая аудитория конструктора – новички. Онлайн-площадка имеет простой дизайн и функционал. Каждый инструмент эффективен и лаконичен. Можно собрать одностраничник, запустить контекстную рекламу в Яндекс.Директ или Google, отслеживать данные статистики и А/Б-тестов.

Интерфейс личного кабинета Ulanding

О сервисе следует знать:

  • на площадке доступны такие тарифы: Начальный за $8.99 – 1 проект и 5 лендингов, Бизнес – за $14.99 3 проекта и 30 ленднигов, Продвинутый – за $24.99 10 проектов и 100 посадочных страниц;
  • пробный период: есть 7 бесплатных дней;
  • геотаргетинг: недоступен;

uKit

Главная страница сервиса uKit

У uKit один из лучших визуальных редакторов на рынке. Почти все можно сделать с помощью мышки. Функционал лаконичный, но полный. Подойдет как новичкам, так и опытным вебмастерам, арбитражникам. На юКит можно сделать топовую бизнес-визитку или небольшой интернет-магазин. Административная панель состоит из 4-х категорий: панель управления, страницы, конструктор и дизайн. Можно кастомизировать любой элемент.

Личный кабинет uKit

Про лендинговый конструктор:

  • на сервисе есть 4 тарифа: Минимальный – $5 в месяц за стартовый функционал, Базовый − $10 за расширенную статистику и чат с саппортом в реальном времени, Магазин − $12 в месяц обеспечивают создание интернет-магазина с корзиной и оплатой на сайте, Про − $15 в месяц дают массу творческих решений и интеграцию кода для профессионалов. При оплате за 3, 6, 12 или 24 месяца вы получите скидку;
  • пробный период: 14 дней;
  • геотаргетинг: отсутствует;

Ucraft

Главная страница Ucraft

Ucraft используют предприниматели, художники, артисты, модели и другие специалисты, которым нужно визуально привлекательное портфолио. По мнению UGUIDE конструктор Ucraft занимает 5-е место в ТОП 10 лучших конструкторов сайтов. Рабочее пространство делится на редактор и Дашборд. Благодаря этим областям можно до мельчайших деталей отредактировать дизайн и каждый элемент навигации.

Каталог шаблонов Ucraft

Структурировано основная информация по сервису:

  • доступны 3 персональных тарифных пакета и 3 – брендированных. В первом случае есть «Про Веб-сайт» за 650 руб. в месяц, «Магазин» − 1400 руб. и «Безлимит» − 4400 руб. Цены указаны при оплате за год. Для брендированного раздела актуальны такие пакеты: «PayGo 1» за 2463 руб. в месяц, «PayGo 2» за 4358 руб. и «PayGo 3» − за 6884 руб.
  • доступен бессрочный бесплатный тарифный план с ограниченным функционалом;

Wix

Главная страница ресурса Wix

Wix – простой и понятный конструктор. В нем оптимизируют SEO-контент, создавать яркие и пастельные галереи, подключать свои домены и API к внешним площадкам. Ресурс оснащен десятками виджетов. По желанию подключают прием платежей, создать всплывающие окна и онлайн-чат.

Интерфейс Wix

Основная информация по сервису:

  • доступны 4 тарифа: «Подключить домен» за $4,50 – только для подключения домена, «Базовый» за $8,50 – для личных целей, «Безлимитный» − за $12,50 для предпринимателей, «VIP» за $24,50 с приоритетной поддержкой;
  • бесплатного тарифа нет. Есть тестовый период на 14 дней. Если за этот срок клиент не захочет работать с Wix, компания вернет ему деньги;
  • доступен геотаргетинг. Настройка с использованием сервисов Google Maps и Яндекс.Карты;

Платформа LP

Интерфейс Платформы LP

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

Личный кабинет Платформа LP

Информация по сервису:

  • тарифы: «Микро» за 490 руб. в месяц, «Эконом» − за 790 руб., «Бизнес» − 1390 руб. и «Бизнес+» − 1990 руб.
  • бесплатный пробник: 14 дней;
  • доступен мультилендинг;

Flexbe

Главная страница Flexbe

На сервисе Flexbe подключены 2 CRM-системы: Битрикс24 и amoCRM. Можно зарегистрировать или перенести ранее созданное доменное имя. SSL будет подключен автоматически. Поддержка счетчиков Яндекс.Матрики, Googe Analytics. При желании можно добавить собственный код на счетчики из других статистических сервисов. Доступны виджеты, в том числе, Callback Hunter, Jivosite, UniSender.

Личный кабинет Flexbe

Данные по сервису:

  • тарифы: пакет «Стартовый» за 750 руб. в месяц, «Малый бизнес» − 950 руб., «Бизнес» − 1500 руб;
  • пробник: 14 дней;
  • можно настроить геосекцию;

Bloxy

Главная страница Bloxy

Bloxy предлагает 44 секции в 9 категориях (первая страница, ценности, доверие, СТА, подвал и другое). Масштабный ассортимент для кастомизации дизайнов. Можно собирать статистику о пользователях и сделанных ими заказах, сведения о конверсиях, данные об источниках трафика по UTM-меткам.

Интерфейс Bloxy

Сведения о площадке:

  • есть 2 тарифа: «Лайт» за 690 руб. в месяц и «Про» − за 1490 руб.
  • полным функционалом можно пользоваться бесплатно 7 дней;
  • при использовании ссылок, например, «купить в Москве» или «купить в Барнауле» можно подтянуть название города из UTM. Определить город автоматически встроенной возможности нет. Но ее можно добавить, используя сторонние скрипты;

Tobiz

Главная страница Tobiz

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

Интерфейс Tobiz

Информация по сервису:

  • стоимость тарифов отличается из-за набора функций. Тариф «Mini» стоит 270 руб., «Biz» − 378 руб., «Vip» − 504 руб., «Grand Biz» − 756 руб., «Grand VIP» − 840 руб. и «Web Master» − 2100 руб. Цены указаны со скидкой при оплате за 2 года;
  • можно настроить мультилендинг;
  • первые 14 дней бесплатно;

Tilda

Главная страница Tilda

Конструктор Tilda – стильный редактор посадочных страниц. В нем можно добавлять футеры, колонки с информацией, блоки с тарифами, видео, отзывы, галерею и другие элементы. При желании можно настроить собственные секции или воспользоваться стандартными. При оплате за год, клиент получает бесплатный домен. Возможна интеграция со многими ресурсами: Jivoite, Chatra.io, Callbackhunter, Robokassa, PayPal и другими. Есть А/Б тестинг и возможность выгрузить статистику.

Интерфейс Tilda

Структурировано основная информация по сервису:

  • тарифы: «Personal» за $10 и «Business» за $20;
  • бесплатно можно создать один сайт;
  • доступна настройка мультилендинга;

Mobirise

Главная страница Mobirise

Mobirise – бесплатный конструктор лендингов и сайтов. Можно установить на Windows, Mac OS, Android. Чтобы работать в интернете, нужен мощный хостинг. Подойдет для новичков в арбитраже трафика и начинающих предпринимателей. Мобильная адаптация – важный фактор ранжирования, поэтому на нее сделан акцент. Редактор сервиса визуально привлекательный, функциональный.

Личный кабинет Mobirise

Структурировано основная информация по сервису:

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

1C-Umi

Главная страница Umi

Особенности конструктора Umi – встроенная функция синхронизации с 1С. Сервис акцентировал внимание на создании инструментов для раскрутки и маркетинга, CRM базового уровня. Эргономика панели управления на высоте – похожа на WordPress и UMI.CMS. Создать неординарный лендниг несложно, но Umi не позволяет изменять структуру блоков. Редактировать можно только элементы шаблонов.

Интерфейс 1C-Umi

Данные по ресурсу:

  • тарифы разнятся, исходя из цели использования сервиса. Тариф «Сайт специалиста» − 136 руб. в месяц, «Лендинг» − 219 руб., «Сайт компании» − 275 руб., «Интернет-магазин» − 322 руб.
  • бесплатный тариф ограничен;
  • есть настройка геотаргетинга;

Nethouse

Главная страница Nethouse

Nethouse – бесплатный конструктор. Можно создавать сайты и лендинги без денежных вложений и без ограничений, но полный функционал сервиса раскрывается после подписки. Создание одностраничника сводится к подбору функциональных элементов. Их структуру можно свободно менять. Редактировать лендниг можно в режиме реального времени. Есть функция активации разных приложений (финансовых, онлайн-консультант, статистики, карты и другие).

Интерфейс Nethouse

Основная информация по сервису:

  • сервис доступен бесплатно. Подключение домена и получение доступа к полным возможностям ресурса − от 240 руб. в месяц;
  • с помощью геотаргетинга можно изменить валюту и город в соответствии с IP клиента;

Wfolio

Главная страница Wfolio

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

Личный кабинет Wfolio

Данные о сервисе:

  • есть общая цена – 2990 руб. в год при оплате сразу за 12 месяцев. Если платить помесячно, то сумма составит 299 руб., а в год – 3599 руб.;
  • есть 8 дней бесплатного пользования;
  • доступна настройка региональности, то есть, геотаргетинг;

Diafan.CMS

Главная страница Diafan.CMS

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

Личный кабинет Diafan.CMS

Информация по сервису:

  • тариф: «Эконом» стоит 826 руб. в месяц при оплате за год, «Расширенный» − 2506 руб., а «Премиум» − 6216 руб.
  • можно работать на бесплатном тарифе с ограниченным функционалом;
  • есть функция настройки геокарты;

Redham

Главная страница Redham

Redham – landing page конструктор. Аудитория – предприниматели и арбитражники, которые ценят комфорт и широкий функционал редактора. На сервисе есть более 50 шаблонов. Каждый из них имеет по 3-4 цветовые схемы, несколько шрифтов и возможность менять структурные элементы. В отличие от подобных ресурсов, пункты меню Redham не имеют вкладок.

Личный кабинет Redham

Основная информация по сервису:

  • тариф: «Начальный» стоит 200 руб., «Стандарт» − 350 руб., «Премиум» − 600 руб.
  • пробник без денежных вложений действует 14 дней;
  • можно настроить гео-изменения, в зависимости от IP посетителя лендинга;

Reg.ru

Главная страница Reg.ru

Масштабный хостер и доменный регистратор. У Reg.ru оптимизирована версия WP с надстройкой плагина виртуального редактора. Это упрощает навигацию и позволяет новичкам легко обращаться с сервисом. Конструктор проработан, кастомизирован, ориентирован на создание полноценного лэндинга за короткий срок. Хостинг оптимизирован, настройки безопасности в порядке.

Личный кабинет Reg.ru

Информация по сервису:

  • на тарифе «Годовой» нет рекламы, 25 ГБ, более 170 шаблонов, расширенные возможности конструктора – 1499 руб. в год. На тарифе «Бесконечный» за 3498 руб. в год неограниченное количество ГБ и полный функционал сервиса;
  • на бесплатном тарифе «Бесплатный» можно пользоваться ограниченными функциями Reg.ru;

Конструктор Тинькофф

Страница конструктора лендингов Тинькофф

Конструктор по созданию лендингов Тинькофф – продукт одноименного банка. Цель конструктора – удовлетворить потребности бизнесменов. На сервисе представлено свыше 150 шаблонов для одностраничников, по которым можно сверстать сайт с адаптивным дизайном. Доступно управление структурой страницы или каждого блока отдельно. Можно привязать собственный домен или применять бесплатный.

Личный кабинет Тинькофф

Информация по сервису:

  • ресурс доступен бесплатно. Платить нужно только за отдельные услуги, например, за домен;
  • есть возможность настроить геотаргетинг;
  • полная и беспроблемная интеграции сервиса с прочими продуктами Тинькофф. Это формирует бизнес-экосистему, которая не нуждается в сторонних площадках.

Bitrix24

Интерфейс Битрикс24

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

Личный кабинет Битрикс24

Основная информация по сервису:

  • тариф «Базовый» за 1494 руб. в месяц, «Стандартный» − 3594 руб., «Профессиональный» − 7194 руб.
  • доступен тариф «Бесплатный»;
  • есть настройка геотаргетинга;

Weblium

Главная страница Weblium

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

Личный кабинет Weblium

Информация о ресурсе:

  • тариф «Pro» за $8,25 в месяц при оплате за год и $15 при оплате ежемесячно;
  • есть бесплатный тариф для тестирования;
  • геотаргетинг недоступен, но его возможно настроить с помощью стороннего сервиса Google;

LPTrend

Главная страница LPTrend

LPTrend – конструктор однострничников с простым и понятным функционалом. Сервис предлагает 6 шаблонов с правом изменять структурные элементы каждого из них. В шаблоны можно добавлять нужные секции. Доступно подключение сторонних площадок, например, UniSender, SendPulse, SMS Aero. Все настройки аналитики и SEO нужно указать вручную. CRM-системы нет, подключиться к сторонней нельзя.

Личный кабинет LPTrend

Информация по сервису:

  • тариф «Стартовый» на 5 ГБ за 400 руб. в месяц, тариф «Базовый» − 35 ГБ за 725 руб., «Премиум» − 100 ГБ за 1450 руб. При оплате за полгода или за год будет начислена скидка;
  • клиент получает 14 дней бесплатного тестинга;
  • мультилендинга нет;

Creatium

Главная страница Creatium

Ценообразование Creatium располагает к массовому созданию ленднигов. Это подходит крупным предпринимателям и арбитражникам. Ориентир – создание продающих страниц. Для этого встроены функции обширной кастомизации, присутствует внутренняя CRM, статистические сервисы. Есть возможность установить плагины Яндекс.Метрики и Google Analytics.

Личный кабинет Creatium

Информация по сервису:

  • в едином тарифе стоимости варьируются так: 600 руб. в месяц за первый опубликованный сайт и 100 руб. в месяц за каждый последующий. Дополнительно оплачиваются некоторые услуги;
  • готового решения подмены города в зависимости от IP на Creatium пока нет;
  • можно подключить корзину товаров, интеграции со сторонними площадками, А/Б тестирование, возможен совместный доступ.

Встроенная воронка продаж

Этап 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 бесплатных фотобанков

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

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

Статья по теме — Тренды веб-дизайна 2021 года (+115 примеров)

Как создать лендинг в 2022. Пошаговая инструкция из 9 этапов разработки

Источники

  • https://timeweb.com/ru/community/articles/kak-sdelat-lending
  • https://denezhnye-ruchejki.ru/top-12-konstruktorov-dlya-sozdaniya-saytov-lendingov-odnostranichnikov/
  • https://skillbox.ru/media/marketing/6_besplatnykh_konstruktorov_saytov/
  • https://prosmm.org/articles/konstruktory-lendingov
  • https://seciva.ru/affiliates/services/tpost/y40u6vebr1-konstruktori-lendingov
  • https://lpmotor.ru/site-builder
  • https://ichigarev.ru/sozdanie-saita/kak-sozdat-lending.html

Понравилась статья? Поделиться с друзьями:
Weebl.ru