Этапы разработки лендинга: от брифа до запуска на домене

Как выглядит весь путь

Лендинг проходит через 7 ключевых этапов: бриф, исследование, структура, копирайтинг, дизайн, вёрстка, запуск. Каждый этап можно сократить или раздуть, но пропустить нельзя ни один, иначе либо съедется срок, либо просядет конверсия.

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

Этап 1. Бриф и созвон

Начало проекта — первое плотное касание с заказчиком. Цель — за 40–60 минут собрать картинку, которой хватит для всех следующих этапов.

Исполнитель спрашивает:

• Что за продукт или услуга, кому продаётся, за какие деньги.
• Что отличает от 3–5 прямых конкурентов.
• Какие возражения чаще всего слышите от клиентов.
• Какой главный результат клиент получает после покупки.
• Сколько заявок в месяц хочется получать, откуда будет трафик.
• Какой бюджет на рекламу и на разработку.
• Есть ли готовые материалы: фото, отзывы, кейсы, логотип.

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

Типовые ошибки на этом этапе

• Клиент присылает “сделайте как у них” со ссылкой на референс. Референс — это полезно, но без ответов про свой продукт всё равно придётся копаться.
• Исполнитель присылает анкету на 60 вопросов и ждёт неделю. Заказчик открывает в первый день, пугается объёма, откладывает на потом.
• Оба стороны проговаривают на словах, но не фиксируют письменно. Через 2 дня дизайн готов, а в голове у заказчика совсем другое.

Этап 2. Исследование ниши и конкурентов

После брифа исполнитель копается в рынке: открывает 5–10 лендингов конкурентов, смотрит их офферы, цены, позиционирование. Читает отзывы на продукт клиента и на продукты конкурентов в открытых источниках. Собирает боли и возражения аудитории.

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

Что готовит исполнитель

К концу этапа у исполнителя на руках:

• Список 5–10 ключевых офферов на рынке.
• 3–5 болей и возражений аудитории, которые все молчат.
• Формулировка уникальной позиции под конкретного клиента.

Этап обычно съедает 2–4 часа реального времени. Для типовых ниш (барбершопы, ремонты, стоматологии) опытный исполнитель делает быстрее, потому что базовое знание рынка уже есть.

Этап 3. Структура и черновик офферов

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

Результат этапа — документ, в котором каждый блок описан парой строк: “Первый экран. Заголовок. Подзаголовок. CTA-кнопка. Второй экран — описание процесса в 4 шага”. Заказчик видит скелет до того, как начинается дизайн, и может возразить на структурном уровне.

Почему этот этап пропускают и зря

Часть подрядчиков идёт сразу в дизайн без структуры. Дизайнер красиво отрисовывает, клиент смотрит и говорит “а давайте блок про гарантии перенесём наверх”. Весь дизайн переделывается. На правильной структуре этот диалог происходит за 15 минут текстом, до отрисовки.

Этап 4. Копирайтинг

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

Тексты пишутся в отдельном Google-документе, заказчик может править прямо там. После одного раунда правок текст финализируется.

Как заказчику помочь на этом этапе

1. Пришлите 10–20 последних переписок с клиентами. Оттуда берутся реальные возражения и вопросы, которые идут в FAQ.
2. Соберите 5–10 отзывов: скриншоты из WhatsApp, Telegram, карточек на Яндекс.Картах.
3. Укажите, что в текстах должно обязательно быть, а чего быть не должно. Например, слово “профессиональный” часто клиент просит, но оно пустое и режет доверие.

Этап 5. Дизайн

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

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

Типовая последовательность

• Первый экран (день 1, 2–4 часа).
• Следующие 5–7 блоков (день 1–2, 4–8 часов).
• Финальный CTA и футер (1–2 часа).
• Сборка всех экранов, вычитка визуала (1 час).

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

Этап 6. Вёрстка

Макет из Figma переводится в HTML, CSS, JS. Настраивается адаптив под мобильные (минимум 2 разрешения: мобильное и десктопное, часто ещё планшетное). Подключаются анимации, если они были запланированы.

Что проверяется перед сдачей вёрстки

• Корректное отображение в Chrome, Safari, Firefox, Яндекс.Браузере.
• Работа на iOS и Android (последние 3 поколения устройств).
• Скорость загрузки по Google PageSpeed (цель 85+ на мобильном).
• Правильная работа всех ссылок и кнопок.
• Защита от переноса строк в неудачных местах.

Финальный HTML заливается на сервер разработки или собирается в архив для передачи.

Этап 7. Запуск на домене

Последний этап. Регистрируется домен (или подключается имеющийся), настраиваются DNS-записи, подключается хостинг, устанавливается SSL. Проверяется, что сайт открывается по нужному адресу.

Параллельно настраивается:

• Яндекс.Метрика с целями на клик по каждой CTA.
• Политика конфиденциальности (требование 152-ФЗ).
• Микроразметка schema.org (Organization, WebSite, FAQ).
• Sitemap.xml и robots.txt.
• OG-теги для превью в соцсетях и мессенджерах.

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

Таблица: кто что делает на каждом этапе

Чек-лист: всё ли в порядке на каждом этапе

1. После брифа: исполнитель в 1 абзаце может пересказать ваш продукт, ЦА и оффер.
2. После исследования: на руках 3–5 конкретных отличий от конкурентов.
3. После структуры: вы видите список всех блоков с одной строкой описания каждого.
4. После копирайтинга: тексты согласованы полностью, нет открытых вопросов.
5. После дизайна: макет в Figma сверстан полностью, включая мобильную версию.
6. После вёрстки: лендинг открывается на тестовом адресе, все ссылки работают.
7. После запуска: сайт по основному домену с SSL, Метрика собирает статистику.

Если хоть один пункт “нет” — этап не закрыт, дальше идти рано.

Частые ошибки с этапами

• Попытка сократить процесс, убрав исследование и структуру. Результат — красивый лендинг без продающего смысла.
• Смешение этапов: заказчик присылает правки по тексту, когда дизайн уже готов. Это означает переработку дизайна, а не просто текста.
• Отсутствие приёмки после каждого этапа. Клиент молчит, исполнитель идёт дальше, потом всё переделывают после финала.
• Передача проекта без доступов. Заказчик получает готовый сайт, но не знает, кто владелец домена и где хостится.

Короткий итог

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

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