Назад к паттернам Собрать
🟢 Новичок
Продающий лендинг с AI
Одностраничный сайт с AI-консультантом, формой захвата и CRM в Telegram. Конвертирует посетителей в заявки.
Наведи на термин чтобы узнать значение: MCP, API, Next.js
Сложность
3/10
Запуск
2 дня
Доход
$79/мес
Поддержка
2 часа/неделю
Сущности
Проект начинается с модели данных. Вот какие сущности нужны для этого паттерна:
Страница
содержит блоки
idблокинастройки
Заявка
создаётся посетителем
idимятелефонстатус
Владелец
получает заявки
idtelegramId
Почему этот стек
Термины: Frontend, Backend, API, База данных
Next.js
✅ Статическая генерация для быстрой загрузки
❌ Почему не Чистый HTML: неудобно править
Альтернативы:HTML+CSSTilda
OpenAI
✅ AI отвечает на вопросы посетителей
❌ Почему не DeepSeek: дешевле, но хуже знает продающие тексты
Альтернативы:DeepSeek
Telegram Bot API
✅ Заявки сразу в телефон владельцу
Supabase
✅ Хранение заявок + авторизация владельца
Архитектура
MVP
1. Главный экран с оффером
2. AI-консультант снизу
3. Форма захвата
4. Отправка в Telegram
v2
1. Аналитика конверсии
2. A/B-тесты заголовков
3. Мульти-лендинг
Эволюция
1
v1: Лендинг + AI-консультант
➕ Базовая воронка
2
v2: Аналитика + A/B
➕ Оптимизация конверсии
3
v3: Конструктор лендингов
➕ Клиенты создают сами
Типичные ошибки
Сложный оффер
Посетитель не понимает что предлагают за 3 секунды
Урок: Один экран — одна мысль