Как сделать лендинг для бизнеса с помощью нейросети — без разработчика и конструктора

Лендинг — один из самых простых способов заявить о бизнесе в интернете. Но разработка у агентства стоит десятки тысяч рублей, а конструкторы сайтов привязывают к ежемесячным подпискам. Есть другой путь: описать нейросети, чего вы хотите, и получить готовую страницу. Уметь писать код не нужно — понадобится подготовка, пара вечеров на сборку и доработку. Метод подходит тем, кто продаёт услуги, занимается экспертной работой или предлагает небольшой ассортимент товаров. Для полноценного интернет‑магазина с сотнями позиций, корзиной и оплатой этот способ не подойдёт — там нужны другие инструменты. Покажем весь процесс: от чистого листа до готовой страницы — и подскажем, как опубликовать её в интернете.

Что подготовить до работы с нейросетью

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

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

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

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

Подготовьте изображения. Положите в отдельную папку логотип, ваше фото или фото команды, снимки работ или продукции. Файлы сразу назовите латиницей — например, logo.jpg или project‑1.png — чтобы было проще вставить их на сайт. Качество важно: размытые снимки испортят впечатление, даже если сама страница выглядит профессионально.

Какую нейросеть выбрать

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

Подойдут и ChatGPT от OpenAI, Gemini от Google и другие. При выборе обращайте внимание на два момента: умеет ли нейросеть работать с кодом и можно ли прикрепить к сообщению картинку — это пригодится, когда будете отправлять скриншоты сайтов‑доноров или наброски от руки. Все инструменты работают по одному принципу, поэтому не зацикливайтесь на выборе — пробуйте то, что доступно и удобно. Дальше мы покажем процесс на примере Claude, но все советы работают с любой нейросетью.

Как правильно ставить задачи нейросети

Нейросеть — как новый сотрудник: выполнит ровно то, что вы попросите. Если задача расплывчатая, результат будет таким же. Если конкретная и подробная — получите страницу, близкую к задуманному. Вот правила, которые сократят количество переделок.

Используйте визуальные референсы. Приложите к сообщению скриншоты сайтов‑доноров, которые собрали заранее. Можно даже нарисовать набросок от руки, сфотографировать и отправить нейросети — ИИ считает структуру и расположение блоков.

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

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

Запрещайте самодеятельность. Иногда нейросеть сама меняет части сайта, которые вас устраивали. Чтобы этого избежать, добавляйте в сообщение: «Внеси изменения только в указанный блок, остальное не трогай».

Правки тоже отправляйте одним сообщением. Когда накопилось несколько замечаний — к разным блокам, к разным экранам — не отправляйте их по одному. Соберите всё в один промпт и отправьте разом. Claude хорошо справляется с большими списками правок: он удерживает контекст всей страницы и вносит изменения, не ломая остальные блоки. С другими нейросетями этот подход может работать хуже. Если видите, что ИИ путается, попробуйте отправлять правки к каждому блоку отдельно.

В Claude для правок удобно использовать модель Sonnet (выбирается в окне чата) — она дешевле и быстрее основной, а для рутинных задач вроде замены цвета или перестановки блоков хватает с запасом.

Собираем лендинг

Мы соберём лендинг с заглушками вместо реальных данных — «Название вашей компании», «Ваш логотип», «Описание услуги».

Шаг 1. Задаём контекст и получаем черновик. Отправляем нейросети одно подробное сообщение. В нём описываем: кто мы, для кого сайт, какой стиль хотим, какие блоки нужны. Прикладываем скриншоты сайтов‑доноров или нарисованный от руки набросок. Просим ИИ задать все вопросы по задаче, если они остались. Указываем, что сайт должен корректно отображаться на смартфонах — сейчас большая часть посетителей приходит с мобильных устройств.

Claude выдаёт уже готовый HTML‑файл, который нужно скачать и открыть в браузере. Если пользуемся другим ИИ, копируем весь код. Открываем стандартный текстовый редактор — Блокнот в Windows или TextEdit на Mac. Вставляем код, нажимаем «Файл» → «Сохранить как». В поле «Имя файла» пишем index.html, в поле «Тип файла» выбираем «Все файлы». Сохраняем.

Не пугайтесь, если содержимое файла выглядит как набор непонятных команд в угловых скобках — так и должно быть. Это и есть код, который браузер превратит в страницу.

Теперь откройте готовый HTML‑файл в браузере.

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

Обычно хватает двух‑трёх таких циклов, чтобы страница выглядела так, как задумано.

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

Если в процессе поймёте, что вам не хватает какого‑то блока — попросите ИИ добавить его.

Нейросеть встроит блок в существующую вёрстку и сохранит общий стиль страницы.

Как проверить результат

Некоторые элементы работать не будут, потому что это еще не настоящий сайт, но кое‑что протестировать можно уже сейчас.

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

Что дальше

На руках — готовый HTML‑файл с лендингом. Чтобы он стал доступен в интернете, нужно купить домен и разместить файл на хостинге. Домен — это адрес вроде «вашакомпания.ru»: клиенты запомнят его, смогут найти вас в поиске, а адрес на визитке будет выглядеть профессионально.

Для бесплатного теста подойдёт GitHub Pages или S3‑хранилище, но для полноценного бизнес‑сайта лучше арендовать виртуальный сервер (VDS) — он даёт полный контроль: формы заявок, почта на своём домене, блог, каталог товаров. Выбор за вами, а нейросеть может ответить на все вопросы.

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

Если хотите отслеживать посещаемость, попросите нейросеть вставить в код счётчик Яндекс Метрики или Google Analytics. Это несколько строк, которые ИИ добавит за секунду, — а вы получите статистику: сколько человек зашли на сайт, по каким кнопкам кликали, с каких устройств смотрели страницу.