Создание лендинга от брифа до запуска

Создание лендинга под ключ

Создание лендинга под ключ у нас охватывает всю работу над одностраничным сайтом: прототип, тексты, дизайн, адаптивную вёрстку на WordPress, форму заявки и аналитику. За две-три недели вы получаете страницу на собственном домене, на которую можно вести рекламу, и видите в аналитике каждую заявку.

Цена

01 Состав работы

Что входит в создание лендинга под ключ

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

  • Бриф и конкуренты. Расспрашиваем о продукте и покупателях, ищем вашу услугу в Google и соцсетях и выписываем, что обещают пять-семь конкурентов и сколько это у них стоит.
  • Прототип. Порядок блоков, задача каждого, заголовки и кнопки. Вы согласуете его до дизайна.
  • Тексты всех блоков. От заголовка первого экрана до сообщения «Спасибо, заявка получена». Пишет автор, вычитывает редактор.
  • Дизайн. Макет в Figma для компьютера и телефона в ваших фирменных цветах. Если фирменного стиля нет, подбираем шрифты и палитру под продукт.
  • Адаптивная вёрстка на WordPress. Страница читается на телефоне, планшете и большом мониторе без горизонтальной прокрутки и мелкого шрифта. Тексты, цены и фото вы потом меняете сами в админке.
  • Форма заявки. Заявки приходят на почту и в Telegram. Перед запуском отправляем тестовые с нескольких телефонов и проверяем, что ни одна не потерялась.
  • Аналитика. Google Analytics 4 и события: отправленная форма, клик по телефону, переход в мессенджер. Для рекламы в Instagram и Facebook ставим Meta Pixel.
  • Запуск. Домен, сертификат безопасности, проверка скорости в PageSpeed Insights, title и description, картинка и заголовок для ссылки в мессенджерах.

Что считаем отдельно

  • Домен и хостинг. Помогаем выбрать и оформляем на вашу компанию, а платите вы напрямую.
  • Реклама. Настройка кампаний и бюджет идут отдельно: контекстная реклама в Google и таргетированная в Instagram и Facebook.
  • Съёмка и логотип. Работаем с вашими фото или стоковыми. Логотип и фирменный стиль не разрабатываем.

02 График

Лендинг за три недели: график по дням

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

  1. 01

    Бриф и прототип

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

    → дни 1–3: согласованный прототип

  2. 02

    Тексты

    Автор пишет блоки по прототипу, редактор перечитывает страницу с телефона. Правки вы оставляете комментариями в Google Docs.

    → дни 4–6: тексты всех блоков

  3. 03

    Дизайн

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

    → дни 7–10: макет в Figma

  4. 04

    Вёрстка

    Собираем страницу на WordPress на тестовом адресе. Подключаем форму, аналитику и анимацию, если она есть в макете.

    → дни 11–14: страница на тестовом адресе

  5. 05

    Запуск

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

    → день 15: лендинг работает

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

03 Образец

Где лендинги теряют заявки: три типичные правки

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

Первый экрандо прокрутки

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

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

почему так: человек только что кликнул по объявлению «кондиционер с установкой Киев» и ищет глазами эти же слова. Второго и третьего баннера он не дождётся: остаться или уйти решают за несколько секунд.

Форма заявкиконец страницы

Семь обязательных полей: имя, фамилия, телефон, почта, адрес, площадь комнаты, удобное время звонка. Кнопка «Отправить».

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

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

Мобильная версияэкран телефона

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

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

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

04 Честно

Лендинг сам посетителей не приводит

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

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

Руки на клавиатуре ноутбука: вёрстка страницы
1страница, одно предложение, одно действие

05 Определение

Что такое лендинг и когда его достаточно

Лендинг — это сайт из одной страницы, который ведёт человека к одному действию: оставить заявку, записаться или купить. В брифах его называют по-разному: «лендинг», «лендинг пейдж», «посадочная страница», а в запросах вроде «создание landing page» речь идёт о том же самом.

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

  • Вы продаёте одну услугу, курс, событие или товар
  • Посетителей будет приводить реклама
  • Решение о покупке принимают за один-два визита

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

06 Варианты

Лендинг на WordPress, на конструкторе или страница на вашем сайте

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

Основной вариант

Отдельный лендинг на WordPress

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

Сайт уже есть

Страница на существующем сайте

Если ваш сайт на WordPress и в хорошем состоянии, лендинг можно сделать его отдельной страницей без меню. У домена уже есть история в Google, а аналитика собрана в одном месте. Сначала смотрим сам сайт и честно говорим, стоит ли на нём строить.

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

Конструктор

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

Совет

Когда мы сами советуем конструктор

Если вы ещё не знаете, будут ли покупать продукт, не вкладывайте в страницу $900. Закажите у нас только прототип и тексты от $450, соберите страницу на конструкторе и запустите рекламу с небольшим бюджетом. Когда спрос подтвердится, сделаем полноценный лендинг, и текст для него уже будет.

07 Цены

Создание лендинга: цена и что на неё влияет

Лендинг под ключ стоит от $900: это прототип, тексты, дизайн, вёрстка, форма и аналитика. Если сразу заказать ведение контекстной рекламы, первый месяц обойдётся от $1 300 ($900 + $400). Рекламный бюджет вы платите Google напрямую, в эти суммы он не входит.

УслугаЧто входитСрокЦена
Разработка лендингаПрототип, тексты, дизайн, адаптивная вёрстка, форма и аналитика2–3 неделиот $900 / лендинг
Тексты для сайтов и лендинговБриф, анализ конкурентов, прототип, тексты всех блоков5–7 днейот $450 / лендинг
Корпоративный сайтСтруктура, тексты ключевых страниц, дизайн, вёрстка, система управления4–8 недельот $1 900 / сайт
Контекстная рекламаСтруктура кампаний, объявления, аналитика, оптимизация, отчётзапуск за 5–7 днейот $400 / месяц
Таргетированная рекламаАудитории, креативы и тексты, запуск, оптимизация, отчётзапуск за 5–7 днейот $400 / месяц
Цену и дату запуска фиксируем письменно до начала работы. Предоплата 50%, остальное после сдачи этапа.
  1. 01Длина страницыдо 10 блоков в базовой ценеЭтого хватает услуге с понятной ценой. Обучающему курсу, оборудованию или сложной B2B-услуге нужно пятнадцать блоков и больше, потому что у покупателя больше вопросов.
  2. 02Нестандартные элементыотдельная строка сметыКалькулятор стоимости, квиз из нескольких шагов, онлайн-запись на время, оплата картой на странице, иллюстрации на заказ и сложная анимация.
  3. 03Языки и варианты страницысчитаем по объёмуВторая языковая версия добавляет перевод и ещё одну проверку вёрстки. Так же с вариантами страницы под разные рекламные кампании: первый экран у каждой свой.

08 Старт

Как заказать лендинг: что нужно от вас

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

  • Логотип и фирменные цвета, если они есть
  • Фото продукта, команды или выполненных работ
  • Доступ к домену или решение, какой адрес регистрировать
  • Почта и Telegram, куда будут приходить заявки
  • Один человек, который согласует этапы
  • 3согласования
    за проект
  • 2круга правок
    на этапе
Блокнот с записями брифа, ручка и ноутбук с текстом

09 Вопросы

Частые вопросы о создании лендинга

Сколько стоит создание лендинга под ключ?

От $900. В эту сумму входят бриф, анализ конкурентов, прототип, тексты, дизайн для компьютера и телефона, вёрстка на WordPress, форма заявки и аналитика. Дороже стоят длинные страницы, калькуляторы, онлайн-оплата и дополнительные языковые версии. Точную сумму называем после брифа.

Можно ли сделать лендинг быстрее, чем за две недели?

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

Сможем ли мы сами менять тексты и цены на лендинге?

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

У нас уже есть текст или дизайн. Можно заказать только вёрстку?

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

Куда будут приходить заявки с лендинга?

На почту и в Telegram-чат, который вы укажете. По запросу передаём заявки в CRM. Каждая заявка также сохраняется в админке сайта, так что она не пропадёт, даже если письмо попало в спам.

Будет ли лендинг виден в Google?

Страницу открываем для индексации, прописываем title и description, так что по названию компании её найдут. По запросам вроде «кондиционер Киев цена» одна страница редко поднимается высоко: там соревнуются сайты с десятками страниц. Основной источник посетителей для лендинга — реклама.

Можно ли потом превратить лендинг в полноценный сайт?

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

Кто платит за домен и хостинг?

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

Нужна ли лендингу поддержка после запуска?

WordPress нужно обновлять, а копии сайта делать регулярно. Это можно делать самим по нашей инструкции или передать нам: поддержка сайта стоит от $150 в месяц и включает до пяти часов правок.

Заказ

Расскажите о задаче. Назовём цену и срок

Достаточно двух предложений: что за продукт и что вам нужно — текст, сайт или продвижение. Ответим в течение рабочего дня.

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

Запрос на расчёт

Опишите задачу в свободной форме. Цену и срок пришлём в течение рабочего дня.

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