Лендинг с помощью ИИ
Как сделать лендинг с помощью ИИ: структура из 8 блоков, промпты для текста и вёрстки, проверка на телефоне, форма заявки и публикация за один вечер.
Лендинг — самый понятный способ проверить, работает ли идея. Одна страница, один оффер, одна кнопка: либо человек оставляет заявку, либо уходит. И именно для лендинга нейросеть даёт максимальную выгоду: тут мало страниц, но много смысла, а значит черновик появляется быстро.
Проблема в другом. Собрать страницу с ИИ может почти каждый, а вот собрать страницу, которая приносит заявки, — нет. Разница не в инструменте, а в порядке действий: сначала оффер и структура, потом текст, и только в конце код.
Ниже — рабочий процесс, по которому я собираю лендинги с нейросетью. С промптами, таблицей блоков и списком ошибок, из-за которых страница выглядит дорого, но не продаёт.
Короткий ответ
Если делать по шагам, вечер реально уходит на рабочий лендинг:
- Сформулировать оффер и аудиторию — 30 минут.
- Собрать структуру из 7–9 блоков — 20 минут с ИИ.
- Написать тексты по блокам — 40 минут.
- Собрать страницу по структуре — 40 минут.
- Проверить на телефоне и подключить форму — 40 минут.
- Опубликовать — 20 минут.
Итого около трёх с половиной часов, если вы не отвлекаетесь на выбор шрифтов. С дизайном «по-взрослому» и правками — два-три дня.
Чем лендинг отличается от сайта
Лендинг — это одна страница под одну задачу. Не «рассказать о компании», а «получить заявку на замер», «записать на консультацию», «продать курс». Всё, что не помогает этой задаче, в лендинг не попадает.
Сайт-визитка отвечает на вопрос «кто вы», лендинг — на вопрос «почему мне нужно сделать это сейчас». Поэтому на лендинге всегда есть кнопка, повторяющаяся несколько раз, и блок с возражениями.
Из чего состоит лендинг
Проверенная схема на восемь блоков. Она подходит почти для любой услуги: ремонт, маникюр, стоматология, обучение, консультации.
| Блок | Задача | Что внутри |
|---|---|---|
| Первый экран | зацепить за 3 секунды | оффер, подпись, кнопка |
| Для кого | узнать себя | 3–4 ситуации клиента |
| Что входит | снять непонимание | состав услуги, этапы |
| Как проходит | убрать страх | шаги работы |
| Доказательства | поверить | фото работ, отзывы, цифры |
| Цена | не бояться | вилка или «от», что входит |
| Вопросы | закрыть сомнения | 5–7 частых вопросов |
| Контакт | получить заявку | форма, телефон, мессенджер |
Восемь блоков — это минимум. Если услуг несколько, лучше сделать два лендинга, чем один на все случаи: страница «ремонт квартир и натяжные потолки и дизайн» не убеждает никого.
Шаг 1. Оффер и аудитория
Оффер — это одно предложение, в котором есть: что вы делаете, для кого и чем отличаетесь. Не «качественно и в срок», а конкретно.
Плохо: «Строим дома под ключ качественно и недорого». Хорошо: «Строим каркасные дома 80–120 м² в Подмосковье за 4 месяца. Фиксированная смета в договоре».
Второй вариант отвечает на четыре вопроса сразу: что, где, сколько по площади, за какой срок и с какой гарантией по деньгам. Нейросеть помогает собрать десять вариантов, но факты даёте вы.
Шаг 2. Структура
Не просите «сделай лендинг». Сначала — структура и тексты, код потом. Промпт, который я использую:
Услуга: каркасные дома под ключ, Московская область.
Клиент: семьи 30–50 лет, участок уже есть, боятся сметы, которая вырастет в процессе.
Задача страницы: заявка на расчёт стоимости.
Сделай структуру из 8 блоков. Для каждого:
— заголовок,
— 2–3 строки текста,
— какое возражение клиента он закрывает.
Не пиши код. Не придумывай цифры и отзывы — вместо них ставь [уточнить].
Последняя строка важнее, чем кажется. Без неё модель придумает «более 200 построенных домов» и «гарантию 25 лет», а вы потом будете объяснять заказчику, откуда это взялось.
Шаг 3. Тексты
Тексты на лендинге пишутся по одному блоку, а не «сразу всю страницу». Причина простая: когда модель пишет всё, она повторяется и раздувает абзацы.
Схема на каждый блок: сначала ваш черновик в три строки, потом просьба сократить. Так сохраняется смысл и появляется форма.
Фундамент, каркас, кровля, отделка. Сначала проект и смета, потом договор,
потом стройка. Сроки фиксируем. Каждый этап принимаете вы.
Сократи до 4 коротких пунктов. Убери канцелярит. Не добавляй новых фактов.
Что проверить в результате: есть ли конкретика (сроки, цифры, материалы), нет ли штампов («индивидуальный подход», «команда профессионалов»), не появились ли обещания, которых вы не давали.
Шаг 4. Сборка страницы
Когда структура и тексты готовы, страницу можно собрать за один-два запроса. Промпт для вёрстки:
Структура и тексты — ниже, менять их нельзя, можно только разбивать на абзацы.
Требования:
— тёмный фон, крупная типографика, акцентный цвет #7d93ff;
— адаптив: 360, 768, 1440;
— семантические теги: header, section, footer;
— кнопки ведут на якорь #form;
— без внешних библиотек и шрифтов с CDN;
— в конце — форма: имя, телефон, кнопка.
Сначала выведи только структуру секций, код — после моего «ок».
Ключевые слова здесь — «в одном файле» и «без внешних библиотек». Так страницу можно открыть двойным кликом и сразу увидеть результат, не настраивая сервер.
Шаг 5. Дизайн и телефон
Первое, что делает нейросеть, — «современный» дизайн: градиенты, огромные отступы, три шрифта. Выглядит как шаблон из каталога. Лечится это не новым промптом, а решением: один акцентный цвет, одна пара шрифтов, максимум два размера скруглений.
Проверять нужно не в браузере на компьютере, а на телефоне. Откройте файл, уменьшите окно до 360 пикселей и пройдитесь по списку:
- заголовок не обрезается и не занимает весь экран;
- кнопка не меньше 44 пикселей по высоте;
- таблицы и цены читаются без горизонтальной прокрутки;
- меню не перекрывает контент;
- ничего не вылезает за край.
Шаг 6. Форма и заявки
Самая частая поломка: форма есть, но заявки не приходят. Нейросеть рисует красивую форму, а обработчик оставляет заглушкой.
Что нужно проверить руками:
- Заполнить форму и нажать кнопку.
- Убедиться, что появилось сообщение об успехе, а не просто «ничего».
- Проверить, что заявка действительно пришла — на почту, в Telegram или в CRM.
Если сайт на конструкторе, форма подключается в настройках блока. Если на своём хостинге — нужен маленький PHP-скрипт или сервис форм. Здесь ИИ помогает, но проверять всё равно вам: «работает у модели в голове» не значит «работает на сервере».
Шаг 7. Публикация
Три вещи, без которых лендинг не существует: домен, хостинг, проверка после загрузки.
- Домен — от 200–300 рублей в год, выбирайте короткий и без дефисов.
- Хостинг — подойдёт самый простой статический, страница весит копейки.
- Проверка — откройте адрес с чужого телефона и в режиме инкогнито.
И сразу подключите аналитику: хотя бы Яндекс Метрику. Без неё через неделю вы будете гадать, откуда пришли люди и почему не пишут.
Ошибки, из-за которых лендинг не продаёт
- Нет оффера на первом экране. Вместо «что вы получите» — название компании и слово «профессионально».
- Кнопка одна и в самом низу. Человек не обязан доскроллить до конца, чтобы оставить заявку.
- Нет цены. «Уточните стоимость» читается как «будет дорого».
- Выдуманные отзывы. Читаются за секунду и убивают доверие.
- Много текста подряд. Абзацы по 8 строк не читают даже на десктопе.
- Форма-заглушка. Самая обидная ошибка: трафик есть, заявки не приходят.
- Страница весит 20 МБ. Фото с телефона без сжатия — и человек уходит, не дождавшись.
Сколько это занимает
| Этап | С ИИ | Без ИИ |
|---|---|---|
| Оффер и структура | 1 час | 1–2 дня |
| Тексты | 1 час | 2–3 дня |
| Вёрстка | 1–2 часа | 2–4 дня |
| Форма и проверка | 1 час | 1 день |
| Публикация | 30 минут | 1 день |
Цифры честные при одном условии: вы знаете, что продаёте. Если оффера нет, нейросеть его не придумает — она выдаст красивую формулировку без смысла.
Как понять, что лендинг работает
Первые выводы — не по ощущениям, а по цифрам. Минимальный набор:
- Конверсия в заявку. Сколько из ста посетителей оставили заявку. Для услуги с чеком до 10 тысяч нормально 2–5%, для дорогих — 1–2%.
- Глубина просмотра. Если человек закрывает страницу на первом экране, проблема в оффере, а не в дизайне.
- Источник трафика. Реклама, поиск и соцсети дают разное качество: сравнивать их в одной куче бессмысленно.
- Доля мобильных. Обычно 60–70%. Если конверсия с телефона втрое ниже, значит, адаптив или форма неудобные.
Смотреть нужно не за один день. Дайте странице две недели и хотя бы сотню посетителей: на десяти визитах любые выводы — случайность.
Если заявок нет совсем, порядок проверки такой: работает ли форма, совпадает ли оффер с тем, что обещала реклама, видна ли цена, не перекрывает ли что-то кнопку на телефоне. В девяти случаях из десяти причина в одном из этих четырёх пунктов, а не в «плохом дизайне».
Что в итоге
Лендинг с помощью ИИ собирается за вечер, но только в правильном порядке: оффер, структура, тексты, код, проверка, публикация. Если начать с кода, вечер уйдёт на перекрашивание кнопок.
Самая ценная часть работы — первые два шага. Именно они отличают страницу, которая приносит заявки, от страницы, которую просто «сделали».
Частые вопросы
Да. Бесплатных тарифов ChatGPT, Claude или Gemini вместе с бесплатным статическим хостингом достаточно для первого лендинга. Платить придётся только за домен, если нужен свой адрес.
Рабочий вечер — 3–4 часа, если есть оффер и тексты. С дизайном, фотографиями и двумя кругами правок — 2–3 дня. Первый раз всегда дольше: половина времени уходит на освоение инструмента.
Для одностраничника с понятной структурой — не обязательно. Достаточно аккуратной типографики и одного акцентного цвета. Дизайнер нужен, когда лендинг делается под рекламу с большим бюджетом и важна каждая деталь.
Потому что обработчик остался заглушкой. Проверьте, куда форма отправляет данные: если в коде нет адреса обработчика или он ведёт на «#», заявка никуда не уходит. Нужен скрипт на сервере или сервис форм.
Текст. Красивая страница с размытым оффером не продаёт, а простая страница с точным оффером продаёт. Дизайн усиливает смысл, но не заменяет его.
От 7 до 9. Меньше — не закрыты возражения, больше — человек устаёт и не доходит до формы. Если блоки не помещаются, скорее всего, у вас две разные услуги и нужно два лендинга.
Мини-квиз: проверьте себя
Пять вопросов по статье — чтобы понять, что запомнилось.
1. С чего начинается лендинг с нейросетью?
Код собирается последним, иначе вечер уйдёт на переделки.
2. Сколько блоков достаточно для лендинга?
Меньше — не закрыты возражения, больше — человек не дойдёт до формы.
3. Что чаще всего ломается в собранной ИИ странице?
Модель рисует форму, но обработчик часто остаётся заглушкой.
4. Где проверять адаптив?
Мобильная версия — первое, что разъезжается после генерации.
5. Что нельзя поручать нейросети на лендинге?
Придуманные факты выглядят правдоподобно и разрушают доверие.
Отвечено: 0 из 5
Есть вопрос по созданию сайтов, ИИ или обучению?
Задайте его мне — отвечу лично
Индивидуальное обучение — 29 000 ₽
Бесплатно расскажу, как оно проходит и отвечу на вопросы