Как создать лендинг самому с нуля на бесплатном конструкторе: пошаговая инструкция

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

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

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

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

Формирование цели

Как писал известный классик, «если звезды зажигают — значит — это кому-нибудь нужно?». То же самое относится и к лендингу. Перед тем, как приступить к его созданию, нужно определить его цель. Это может быть, что угодно:

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

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

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

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

Анализ конкурентов

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

А чтобы вам было еще проще, мы подготовили чек-лист, который легко оформить в виде таблицы:

Параметр	Конкурент 1	Конкурент 2
Название конкурента	Рога	Копыта
Сайт конкурента	www.roga.ru	www.kopita.ru
УТП и преимущества
Блоки лендинга
Что понравилось	Расположение блоков	Дизайн кнопок
Что не понравилось	Слишком много текста	Слишком мало текста
Что улучшить	Найти баланс между картинками и текстом

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

Определение целевой аудитории

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

Изображение с сайта lpgenerator

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

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

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

Создание структуры лендинга

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

Классическая структура лендинга обязательно включает в себя:

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

Написание продающего текста

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

И вот несколько советов тем, кто готов справиться без копирайтера:

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

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

Подбор картинок и видео

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

Один из самых популярных фотостоков

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

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

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

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

1. Удобство использования. Те сервисы, которым нечего скрывать, не предлагают сразу же оформить подписку, а дают бесплатный доступ по времени или на создание нескольких проектов, чтобы вы могли протестировать их до того, как примете решение. Этого должно быть достаточно, чтобы понять, удобно вам работать с сервисом или нет.
2. Настройки. Разные лендинги требуют разной глубины проработки. Если где-то можно обойтись простой цветовой гаммой, то в некоторых случаях это неприемлемо. Поэтому обращайте внимание на количество параметров персонализации настроек. В конце концов, именно они дают пространство для создания по-настоящему уникального лендинга.
3. Интеграция с другими сервисами. Лендинг редко бывает единственным инструментом для продвижения бизнеса. Поэтому конструктор сайтов должен предлагать возможности по интеграции разных каналов в одну маркетинговую систему. Это уже стало своеобразным признаком хорошего тона.
4. Мануалы и полезные материалы для создания лендингов. Многие сайты-конструкторы для сайтов предоставляют доступ к базам знаний с информацией о том, как создать хороший лендинг, предлагают множество шаблонов, дизайнерских решений и советы, как повысить конверсию.

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

Как создать лендинг самому с нуля на конструкторе Тильда: пошаговая инструкция

Вот мы и подошли к самому главному — к практике. Для создания сайта мы выбрали сервис Tilda — один из самых популярных инструментов в России. Здесь вы можете создать практически любой сайт: хоть лендинг, хоть магазин. Для массового использования придется оформить подписку по одному из тарифов. Это, пожалуй, единственный минус. В остальном здесь множество шаблонов, есть своя CRM и размещение сайта прямо на хостинге — отдельно платить за него не нужно.

Все начинается с кнопки “Создать сайт бесплатно” – именно то, что нам нужно. Поеухали!

Подбор референсов

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

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

“Landing page” – один из самых популярных запросов на сайте Dribbble

И главная хорошая новость здесь в том, что есть специальные сервисы для поиска референсов в разных сферах. Например, Dribbble, Behance, Pinterest и другие. На них реализован не только поиск по ключевым словам, но есть и куча других полезных материалов.

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

Один из главных плюсов Tilda в том, что это полностью самодостаточный инструмент. Вам не нужно никуда переходить и что-то искать, чтобы создать сайт — все есть прямо здесь. Даже шаблоны. Они располагаются в разделе «Создано на Тильде».

Здесь есть и фильтр по лендингам

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

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

Создание прототипа

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

Пример творческого поиска с сайта uwindi.ru

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

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

Добавление текстов, картинок и видео

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

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

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

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

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

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

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

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

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

Проработка дизайна

Общее представление о дизайне у вас уже должно было сложить на этапе проработки концепции лендинга.

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

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

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

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

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

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

Один из сервисов. Кстати, многозадачный

Существует множество сервисов по подбору и регистрации доменов. И все они работают по одной схеме:

1. Регистрация на сервисе.
2. Выбор свободного имени.
3. Выбор зоны — .ru, .com, .org, и так далее.
4. Заполнение личных данных — они нужны для общего реестра.
5. Оплата домена. Обычно это год.

Все, вы прекрасны.

Публикация лендинга

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

Примеры продающих лендингов

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

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

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

Второй пример – мероприятия. Для них часто создаются лендинги. В нашем случае – это конференция по криптовалюте. 

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

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

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

Краткое резюме по статье

Чем лендинг отличается от обычного сайта? +

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

Как можно быстро сделать лендинг? +

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

В каком конструкторе можно сделать лендинг самому бесплатно? +

Решений для создания лендингов множество. Помимо описанной нами Тильды, есть Wix, SITE123, Squarespace и другие.

Из каких блоков состоит продающий лендинг? +

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

Как привлекать трафик на лендинг? +

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

Как повысить конверсию лендинга? +

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