Собираем бесплатный лендинг через ИИ Lovable: 3 способа
Привет, я Антон, автор ТГ-канала Шадрин + AI. Моя работа — внедрять нейросети в бизнес. В блоге рассказываю, как оптимизировать процессы и запускать продукты быстрее.
Сегодня разберем, как собрать первый лендинг за 15 минут, не привлекая разработчиков и дизайнеров с помощью нейросети Lovable
Способ 1. GPT-ассистент
Я собрал по интернету всю актуальную информацию по созданию сайтов через Lovable и создал GPT-ассистента, который пишет промпты по вашему запросу
Все происходит довольно просто, давайте посмотрим, как я создал вот этот сайт:
Шаг 1 - Загружаем в GPT-ассистента наши пожелания по сайту в свободной форме
Шаг 2 - Отвечаем на бриф от GPT-ассистента
Шаг 3 - Получаем промпт для Lovable
Вуаля! Получаем первую версию сайта. Правда, она не работает, но это мы сейчас исправим.
На этот моменте мы просто сообщаем Lovable, что обнаружили ошибку, и прикрепляем скриншот
И далее таким образом докручиваем сайт.
Не стесняемся использовать режим Edit и делать правки вручную по блокам.
Можете просить у нейронки что угодно: поменять цвета, расставить элементы в нужном порядке, вставить картинки и вообще все, что ваша фантазия позволяет.
Способ 2. Lovable + ChatGPT
Loveble работает по принципу промпт-интерфейса, поэтому вы просто пишете запрос, а система сама собирает макет.
Промпт для Lovable:
Собери лендинг для [-]
Блоки: [Пример: заголовок, оффер, 3 преимущества, CTA]. Тональность: [-] Добавь форму заявки. Сделай акцент на [-] Прикрепляю скриншоты похожего сайта — используй как референс.
Порядок действий:
- Вводите промпт в Lovable.
- Прикладываете референс.
- Получаете макет и вносите правки.
Способ 3. ChatGPT + Tilda
Если вам нужен не просто быстрый MVP, а более гибкий результат, с возможностью подключить аналитику, настроить SEO или протестировать разные варианты — подойдет связка ChatGPT + Tilda.
Как работать:
- Запрашиваете у ChatGPT структуру страницы с блоками, тезисами, текстами и примерами CTA (призывов к действию).
- Отдаёте полученные тексты в Tilda, используя готовые шаблоны (это экономит до 80% времени на верстку).
- Вносите адаптацию: подключаете формы, добавляете базовую анимацию и проверяете отображение на телефоне.
- Добавляете базовые мета-теги и SEO-настройки — это позволит сразу собирать органический трафик даже на первом MVP.
Преимущества метода:
- Полный контроль над дизайном и версткой.
- Возможность сразу запускать рекламу и следить за конверсиями.
- Поддержка мобильной адаптации и настройки A/B-тестов.
- Масштабируемость: когда гипотеза подтвердится, вам не придется переделывать сайт с нуля.
Этот метод чуть дольше по времени, но идеально подходит для тех, кто хочет сразу строить систему, а не просто посадочную страницу.
Лайфхаки, которые сэкономят вам десятки часов
- Пишите промпты как бриф. ChatGPT работает идеально, если ему дать структуру: «Сделай структуру лендинга для [целевая аудитория], с блоками: оффер, выгоды, кейсы, CTA». Чем точнее задача — тем меньше итераций.
- Прикладывайте референсы прямо в промпт. Даже одна картинка или ссылка сокращает время на правки в 2–3 раза. ChatGPT быстрее понимает стилистику и подает текст в нужном формате.
- Используйте готовые шаблоны блоков. Сделайте себе коллекцию готовых секций (заголовок, оффер, 3 причины, FAQ, CTA) и просто копируйте их из одного проекта в другой.
- Не заморачивайтесь на дизайне и деталях на старте. Оффер и конверсия — ключевые показатели, а не шрифт и кнопочки. Оптимизировать визуал можно после первых заявок.
- Мобильная версия — в приоритете. Сразу проверяйте, как сайт выглядит на телефоне. Идеальный дизайн на десктопе не спасет, если на мобиле всё съехало.
- Автоматизируйте рутину. Заведите шаблоны промптов под типовые задачи (лендинг, оффер, e-mail, соцсети). Это позволит экономить до 5 часов в неделю.
- Проверяйте каждый лендинг через UserTesting или просто покажите друзьям. 2–3 живых фидбека могут выявить критичные ошибки, которые вы не заметите сами.
Итог
Первый лендинг — это не про идеальный результат. Это про скорость запуска гипотезы и быстрый тест спроса. Нейросети позволяют убрать лишние шаги, но только если правильно их использовать. Не увлекайтесь экспериментацией ради эксперимента — сделайте MVP и запустите его сегодня.
В моем канале Шадрин + AI найдете ещё больше гайдов, шаблонов и кейсов по внедрению ИИ в маркетинг и продажи.