Найти в Дзене
Convert Monster Blog

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

Создать лендинг и запустить на него трафик с контекста или таргета - классика среди систем привлечения клиентов, которые стабильно поставляют заявки в бизнес. Поэтому неудивительно, что самый частый вопрос начинающих интернет-маркетологов: “Как научиться делать посадочные страницы”? Сегодня на этот вопрос мы постараемся ответить в полном объеме. Начнем с определения. Целевая страница (англ. landing page, также «посадочная страница») — одностраничный веб-сайт, основной задачей которого является сбор контактных данных целевой аудитории. Подготовительная работа Создание лендинга требует предварительной подготовки. Структура landing page закладывается рано, на исследовательском этапе. Исследование рынка включает в себя: На этом этапе рождается гипотеза целевой аудитории (кто и зачем покупает ваш продукт?). Далее мы рекомендуем придерживаться следующего плана работ: Как сделать лендинг с нуля самостоятельно? Теперь вы знаете все о подготовительной работе и о стадиях работы над страницей. Но
Оглавление
Пошаговая инструкция по быстрому созданию посадочной страницы
Пошаговая инструкция по быстрому созданию посадочной страницы

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

Начнем с определения.

Целевая страница (англ. landing page, также «посадочная страница») — одностраничный веб-сайт, основной задачей которого является сбор контактных данных целевой аудитории.

Подготовительная работа

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

  • сбор информации и изучение целевой аудитории,
  • сбор информации о конкурентах, исследование продукта,
  • изучение открытых источников (блоги, форумы, СМИ и др.),
  • медиапланирование и расчет рентабельности.

На этом этапе рождается гипотеза целевой аудитории (кто и зачем покупает ваш продукт?).

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

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

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

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

В таком случае стоит начать с изучения основ в бесплатных источниках. К ним относятся: 

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

Задание прямо сейчас: изучите 2-3 большие статьи по разработке посадочных страниц и сделайте из конспекты в гугл-таблицу.

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

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

Задание прямо сейчас: изучить 5 подборок лендингов по вашей тематике и выписать как минимум 10 идей в гугл-таблицу. Посмотрите также специальные сайты с шаблонами лендингов, где вы можете найти примеры: themeforest, free-landingpage, или стандартные лендинги в сервисе Tilda.

Затем, не откладывая в долгий ящик, регистрируемся в сервисе по созданию лендингов на конструкторе и используем по максимуму триальный период. Есть несколько подобных сервисов: Tilda, LPgenerator, WIX и аналоги.

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

Мы намеренно пропустили такие этапы как дизайн и верстка, обычно эти этапы относятся ко второстепенным и чаще всего маркетологи делегируют их профессионалам. Создание дизайн макета и HTML верстка требуют отдельных навыков, которые не освоишь за 1 день. Для создания дизайна нужно как минимум хорошо владеть Photoshop, а для верстальщика просто необходимо знание html+css+jquery (и это только обязательный минимум)! На практике  верстку можно заменить конструктором, а разработку дизайна - готовыми шаблонами.

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

  • настройка сбора заявок на почту, в гугл-таблицу или в CRM
  • настройка аналитики (Яндекс.Метрика и Google Analytics)
  • настройка мета-данных для SEO

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