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

Шаг 1. Выбери одну цель и одно действие

Цель лендинга записывай как действие посетителя, которое ты посчитаешь: покупка, заявка, контакт в обмен на полезный материал или запись на консультацию². Для первой страницы бери заявку. Оставить телефон человеку проще, чем сразу заплатить, а ты получаешь разговор, в котором уточнишь задачу и цену³.

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

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

В примере: цель страницы одна, заявка на выезд мастера за 500 ₽^пр к жильцу, у которого сломалась стиральная машина.

Шаг 2. Разбери конкурентов и найди, чем отличаешься

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

Ищи их там, где их видит твой клиент: в поиске Яндекса и рекламе над ним, на Яндекс Картах, в 2ГИС, на Авито и во ВКонтакте. Сайты тех, кто стоит выше всех, выпиши в таблицу. Первой строкой поставь своё предложение, тогда отличия видны сразу⁵.

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

В примере: проверка нашла 8 прямых конкурентов^пр, и у двух первых доля видимости 40 %^пр и 30 %^пр. Мастеру нужно выписать их заголовки и написать свой о том, чего в них нет.

Шаг 3. Опиши, кто придёт и о чём спросит

Клиента описывай через ситуацию, в которой он тебя ищет. Метод JTBD (по-русски «работа, которую клиент поручает продукту») раскладывает её на три части⁴. Для мастера из примера таблица выглядит так.

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

В примере: проверка разложила жалобы клиентов по темам. «Надёжность и доверие» встретилась 2 раза^пр, «Документы и оплата» 1 раз^пр, «Цена» 1 раз^пр, «Другое» 1 раз^пр. Поэтому блок доверия на странице мастера стоит выше блока цены.

Шаг 4. Собери структуру: 10 блоков сверху вниз

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

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

В примере: под первым экраном с обещанием выезда за 500 ₽^пр сразу идёт блок доверия с фото мастера, договором и гарантией, потому что проверка нашла жалобы клиентов на надёжность мастеров.

Шаг 5. Напиши заголовок и текст блоков

Текст лендинга складывается из ответов на вопросы шага 3 в том порядке, в каком клиент их задаёт⁴. Первым пиши оффер, то есть одну фразу о том, что получит клиент, на каких условиях и почему у тебя. Как его собрать, разбирает статья как составить оффер.

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

• Полезный: говорит, что получит клиент. «Ремонт стиральной машины на дому».
• Отличается от лидеров: в нём есть то, чего нет на их страницах. «Договор и гарантия на месте ремонта».
• Конкретный: даёт цену или условие вместо оценки. В примере по нашей методике: «Выезд мастера 500 ₽».
• Срочный: даёт повод не откладывать. «Выезд в день заявки».

Расплывчатые слова замени свойствами, которые клиент может проверить.

В примере: на странице выезд стоит 500 ₽^пр, а в расчёте проверки цена 675 ₽^пр. Проверка записала риск: «Цена 500 ₽ за выезд при медиане 675 ₽ может уйти в демпинг и съесть маржу, которая и так оценочно 35%»^пр. Поэтому в примере по нашей методике блок цены объясняет, что входит в выезд за 500 ₽ и когда мастер называет цену ремонта.

Шаг 6. Нарисуй прототип на бумаге

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

1. Нарисуй на листе А4 узкую колонку шириной с экран телефона и рисуй страницу в ней сверху вниз⁴.
2. На один экран помещай одну мысль: заголовок, короткий текст и, если нужно, картинку.
3. Подпиши, где стоит текст, где картинка и где кнопка.

Потом пройди по прототипу от лица клиента из шага 3 и задай его вопросы. Отметь место, где он не нашёл ответа, и добавь туда недостающий блок или строку⁴.

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

Шаг 7. Собери страницу: конструктор, макет или подрядчик

Конструктор позволяет собрать страницу из готовых блоков без программирования. В России пользуются, например, «Tilda», «Битрикс24.Сайты», «Creatium», «Flexbe» и «uKit»⁶. «WordPress» и «1С-Битрикс» относятся к системам управления сайтом: им нужен хостинг и больше настройки.

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

Для дизайна хватит пяти правил:

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

Если отдаёшь сборку фрилансеру или студии, до начала договорись о четырёх вещах: цель и действие посетителя, структура, кто пишет тексты и снимает фото, сроки и число правок¹. Что ещё входит в подготовку проекта к запуску, описано в разделе «упаковка проекта».

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

Шаг 8. Опубликуй, подключи заявки и проверь скорость

Перед публикацией сделай пять вещей.

1. Домен: зарегистрируй адрес у регистратора и в записях домена укажи данные конструктора по его инструкции. Если имени ещё нет, выбери его до сборки, вот как подобрать название и свободный домен.
2. Заявки: настрой, куда приходят заявки из формы, на почту, в мессенджер или в таблицу.
3. Согласие: имя и телефон из формы считаются персональными данными по закону 152-ФЗ. Рядом с формой нужна отметка согласия на их обработку, а на сайте страница с политикой обработки персональных данных. С 1 сентября 2025 года (не проверено) согласие оформляют отдельно от других документов.
4. Счётчик: подключи счётчик посещений, например Яндекс Метрику, и настрой в нём цель «отправка формы».
5. Тестовая заявка: отправь заявку со своего телефона и проверь, что она дошла.

Скорость проверь с телефона через мобильный интернет. По ориентирам Google, которые приводит «SendPulse», главный элемент страницы должен появляться не позже чем через 2,5 секунды (не проверено), а отклик на нажатие занимать не больше 200 миллисекунд (не проверено)⁵. Тяжёлые картинки сожми перед загрузкой.

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

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

Сколько может стоить заявка

Проверка считает экономику одного клиента по формулам нашей методики:

• LTV, доход с клиента за всё время, = цена × покупок в месяц × месяцев жизни клиента × маржа;
• LTV к CAC = LTV ÷ CAC, где CAC означает стоимость привлечения одного клиента;
• окупаемость CAC в месяцах = CAC ÷ (цена × покупок в месяц × маржа).

В примере цена в расчёте 675 ₽^пр, маржа 35 %^пр, CAC 2 760 ₽^пр. LTV по оценке проверки равен 3 402 ₽^пр, LTV к CAC 1,23^пр, а затраты на привлечение клиента в примере окупаются за 9,7 месяца^пр. В примере с одного выезда по цене расчёта остаётся 675 ₽^пр × 0,35^пр ≈ 236 ₽, меньше десятой части от 2 760 ₽^пр, в которые обходится клиент.

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

Лендинг влияет на CAC напрямую: CAC = цена клика ÷ (конверсия лендинга × доля заявок, ставших заказом). Конверсия стоит в знаменателе. Если лендинг будет превращать в заявки вдвое больше посетителей при той же цене клика (допущение), CAC в примере упадёт вдвое, с 2 760 ₽^пр до 1 380 ₽, а LTV к CAC при LTV 3 402 ₽^пр вырастет с 1,23^пр до 2,47. Формулы подробно разобраны в статье юнит-экономика простыми словами.

Что мерить первым

Главный риск в примере проверка записала так: «Ближайший конкурент с 40% видимости перехватит заявки по запросам ремонта на дому, и твой лендинг останется без трафика»^пр. Ещё один риск: «Данных о поисковом спросе по этому рынку нет, поэтому объём заявок в Нижнем Новгороде не измерен»^пр.

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