Как сделать лендинг — пошагово, от пустой страницы до ссылки за вечер

Главная ошибка новичка с лендингом — впихнуть в него всё. О компании, о команде, три формы, десять кнопок. И человек уходит, ничего не нажав.

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

Шаг 1. Определи одно действие

Прежде чем открывать редактор, ответь одной фразой: что должен сделать человек?

• «Оставить email, чтобы узнать о запуске».
• «Нажать „Купить“».
• «Записаться на пробный урок».

Это твоя главная кнопка (её называют CTA — call to action). Одна страница — одно действие. Если действий два, у тебя два лендинга.

Шаг 2. Собери структуру из 5 блоков

Рабочий лендинг почти всегда — это пять блоков сверху вниз:

1. Заголовок — что это и для кого, одной строкой. Не «Добро пожаловать», а «Трекер воды, который сам напомнит попить».
2. Подзаголовок — выгода в 1–2 предложениях.
3. Кнопка (CTA) — то самое действие из шага 1. Крупная, заметная.
4. 3 блока «почему» — три причины, почему это стоит внимания. По иконке и паре строк.
5. Повтор кнопки внизу — кто долистал, снова видит действие.

Набросай эти пять блоков текстом в заметке. Это твой план — с ним ИИ соберёт страницу в разы точнее.

Шаг 3. Сгенерируй первую версию промптом

Открой любой ИИ-билдер сайтов (v0, Lovable, Bolt) и опиши, что нужно. Тут решает конкретика: чем детальнее промпт, тем меньше потом править.

Слабый промпт заставит ИИ придумывать всё за тебя — и он придумает не то. Сильный отдаёт ему готовый план из шага 2.

Шаг 4. Поправь текст — говори про выгоду, не про фичи

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

• Было: «Push-уведомления по расписанию». Стало: «Не забудешь попить, даже в запаре».
• Было: «Аналитика потребления». Стало: «Видишь, сколько выпил за неделю».

Правило: человек читает не «что умеет продукт», а «что мне с этого». Одно-два слова правки на блок — и страница оживает.

Шаг 5. Добавь мета-теги

Чтобы ссылка в мессенджере и в поиске выглядела прилично (заголовок + описание + картинка, а не голый URL), пропиши мета-теги. Попроси ИИ: «добавь <title>, meta description и Open Graph теги для этой страницы». Пять минут — и ссылка перестаёт выглядеть как спам.

Шаг 6. Выложи в интернет

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

Что получится

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

Лендинг и сайт — это одно и то же?

Нет. Сайт — это много страниц (главная, о нас, блог, контакты). Лендинг — одна страница под одну цель. Для запуска продукта, сбора заявок или проверки идеи лендинг почти всегда быстрее и эффективнее целого сайта.

Нужен ли мне дизайнер?

Для первого лендинга — нет. ИИ-билдеры дают приличный дефолтный вид, а правило «один акцентный цвет, крупный заголовок, много воздуха» закрывает 90% дизайна. Дизайнер нужен, когда лендинг уже приносит результат и хочется отстроиться.

Сколько стоит сделать лендинг?

Сам лендинг — бесплатно: ИИ-билдеры собирают и публикуют его без денег, на бесплатной ссылке. Платить приходится, только если хочешь свой домен (пара сотен рублей в год) или платные картинки/шрифты. Для старта и проверки идеи хватает ровно нуля — деньги имеет смысл вкладывать, когда лендинг уже приносит заявки.