Словарь Collins назвал vibe coding словом года
Бесплатный урок · вебинар eLama · 2 части
Лендинг для А/Б-теста с ИИ‑агентом и честная проверка гипотезы
Бриф → первая версия → ошибка → исправление → проверенная заявка. Потом одна реклама, сплит 50/50 и вывод по данным, а не по ощущениям.
- 60 минут в двух частях
- 3 шаблона: бриф, задание, чек-лист
- 0 строк кода руками
Блок 1 · Инструменты
Что такое вайб-кодинг для маркетолога
Описываете задачу словами → получаете код → проверяете результат. Правки — тоже словами.
опрошенных ИТ-специалистов используют ИИ для кода
ИТМО и Yandex B2B Tech, 2025Первый вариант лендинга — при готовых материалах и подключениях
Программа
Два раза по 30 минут
В первой части собираем два первых экрана и проверяем форму. Во второй — подключения, креатив, реклама и ответ по аналитике А/Б-теста.
Часть 1 · Создаём
-
8 мин
Понятия и среда
Выбираем инструмент и договариваемся, что считать результатом.
-
16 мин
Практика
Бриф, задание агенту, варианты А и Б, учебная ошибка, исправление и проверенная заявка.
-
6 мин
Публикация и приёмка
Адрес, проверка формы, данные и домашнее задание.
Часть 2 · Проверяем
-
12 мин
Схема и измерение
Что сравниваем, как делим людей и куда уходит заявка.
-
10 мин
Реклама и план
Общий креатив, план теста и запуск только после проверки.
-
8 мин
Результат
Статусы, три честных исхода теста и следующий шаг.
Раздатка: готовые бриф, задание агенту и чек-лист приёмки. Пришлём вместе с записью — оставьте контакт.
Блок 1 · Инструменты
Промптинг больше не нужен
Понятная задача важнее длинного промпта. Агенту нужны факты, границы и способ проверки — то же, что нужно коллеге.
Было
- Промпт на страницу и десять итераций
- Нейрослоп: эмодзи в заголовках, стоковые люди в офисе
- Форма, которая никуда не отправляет
- Часы, дни и месяцы на гипотезы, дизайн, вёрстку, подключения и публикацию
Стало
- Задача словами — как коллеге
- Агент сам выбирает инструменты и навыки
- Заявка доходит владельцу, согласие на обработку данных настроено
- Готовность подтверждаем проверкой, а не на глаз
Так не работает
«Сделай красивый лендинг»
Нет фактов, границ и способа проверки.
Задание, которое можно принять
- Цель — запись через форму
- Два первых экрана: А и Б
- Одна форма и одно предложение
- Приёмка по чек-листу
Словарь вайб-кодера
Агент делает. Инструменты дают возможности. Навык задаёт порядок
ИИ-агент
Исполнитель: собирает страницу и показывает результат проверки.
Подключение / MCP
Доступ к нужному сервису: сайту, аналитике, рекламному кабинету.
Плагин
Готовый пакет возможностей. Состав зависит от приложения.
Навык
Порядок работы: входные данные → шаги → критерии приёмки.
Три маршрута — одна приёмка
Конструктор
Собираете страницу из блоков и подключаете форму.
Своя связка инструментов
ИИ помогает с кодом, а размещение и проверки настраиваете вы.
Подготовленный агент
Инструменты и порядок работы уже собраны в одной среде.
Результат везде один: страница открывается, заявка сохраняется, вариант измеряется.
Подготовленный агент
Лендинг, A/B-тест и реклама по одной фразе агенту
Напишите совместимому агенту в ChatGPT или Claude, что продаёте и что хотите проверить. Он соберёт два варианта страницы, проверит их в браузере, запустит на одном адресе, подключит приём заявок и подготовит рекламу в Директе.
Дизайн: свои правилаБерём язык Apple или BMW и адаптируем под бренд, а не «делаем красиво».
Анимация: GSAP и LottieДвижение со смыслом и без тормозов на телефоне.
Навыки: методикаЦепочка шагов → развилки → навык, который повторяет результат (aliai.ru).
Измерение и обновленияГипотеза, метрика, проверка и откат — до того, как тратить бюджет.
Блок 2 · Сервер, домен, лендинги
Что нужно любому лендингу
Один раз настраиваем подключения — дальше агент использует их в работе.
- ИИ и хостинг — создать и разместить сайт, файлы и обработчик формы
- Домен и DNS — один адрес для вариантов А и Б, HTTPS
- Реклама, продажи, аналитика — привести людей, обработать заявку, измерить
Порядок публикации
- Тестовый адрес
- Форма и получатель
- Свой домен и HTTPS
- Повторная проверка
Сначала собираем на тестовом адресе. Доступы и публикацию настраиваем отдельно.
Домен: сами
- Оформляете домен на себя
- Выбираете хостинг и настраиваете DNS по инструкции
- Подключаете HTTPS и проверяете адрес
- Следите за продлением
Домен: с агентом
- Называете домен и задачу
- Подключаете кабинет регистратора
- Агент настраивает записи, сертификат и выкладку
- Принимаете результат по своему адресу
Практика · студия красоты
Бриф → задание агенту → два первых экрана
Разбираем на живом примере: студия красоты. Агент получает факты брифа и собирает два экрана для предпросмотра. Форма и предложение у них одинаковые.
Факты брифа
- Аудитория и её задача
- Услуги, цены, адрес
- Фото и ограничения
- Цель — заявка
- Неизвестное — уточнить, а не выдумать
Гипотеза: какую подачу проверяем
А · удобствоРядом. Удобно.
Б · заботаПауза. Время для себя.
Меняем первый экран: заголовок, изображение, подачу.
Сохраняем цены, услуги, форму, остальные блоки и рекламу.
Пока это прототипы. Рост докажет только тест. Снимок показывает дизайн, работу формы проверяем отдельно.
Учебная ошибка
В варианте Б пропало поле «Услуга»
Задано три поля, получилось два. Теперь менялись и экран, и форма — причину эффекта уже не разделить. Такую ошибку агент делает тихо, и находит её только приёмка.
Задано · А
ИмяТелефонУслугаЗаписаться
Получилось · Б
ИмяТелефонНет услугиЗаписаться
Точная правка → повторная проверка
Верни в вариант Б поле «Услуга». Скопируй форму из А: поля, обязательность, подписи и обработчик. Первый экран Б сохрани. А не изменяй.
Дальше — сравнить формы и отправить тест: телефон, запись и уведомление. Подтверждения сохранить.
Приёмка
Проверяем заявку от начала до конца
Надпись «Спасибо» на сайте не заменяет сохранённую заявку и проверку доставки. Тестовые заявки исключаем из результата эксперимента.
- 1Форма
Тестовая заявка из А и из Б
- 2Запись
В базе есть вариант и признак теста
- 3Получатель
Уведомление дошло до рабочей группы
- 4Цель
Ровно один успех в аналитике
- Повтор отправки — без дубля
- Ошибка — без «успеха»
- На телефоне всё доступно
Свой бот в Telegram для заявок — 5 шагов
- В Telegram откройте @BotFather → /newbot: имя и адрес на …bot.
- BotFather выдаёт токен — это ключ от бота, храните как пароль.
- Ключ — в защищённые настройки обработчика или агента, не в код страницы.
- Добавьте бота в рабочую группу и настройте адресата уведомлений.
- Подключите форму к боту и проверьте доставку из А и Б.
Токен утёк — /revoke в BotFather и новый ключ агенту.
Битрикс24: вебхук для агента — 5 шагов
- Разработчикам → Готовые сценарии → Другое → Входящий вебхук.
- Выберите только нужные права CRM. Задачи — лишь если они нужны сценарию.
- Скопируйте адрес вида …bitrix24.ru/rest/1/…/
- Храните адрес в защищённых настройках интеграции, не на странице.
- Тестовая заявка с сайта создаёт запись с вариантом А или Б.
Вебхук — от отдельного пользователя с нужными правами.
Заявка должна попасть к ответственному
- Запись в базе — идентификатор заявки, вариант, время и признак теста.
- Уведомление — рабочая группа или почта. Повтор доставки не создаёт дубль.
- Работа с заявкой — ответственный, статус, качество обращения и сделка.
До запуска
Персональные данные: четыре проверки
- У формы доступны политика обработки данных и сведения об операторе.
- Если основание — согласие: отдельный текст, понятная цель, галочка не отмечена заранее.
- Рекламная рассылка — отдельное добровольное согласие, а не условие заявки.
- Проверить уведомление Роскомнадзора, хранение и передачу данных. Документы — с юристом.
Итог части 1: что сдаём
- Заполненный бриф и задание агенту
- Гипотеза и границы изменений
- Два первых экрана при одной форме и одном предложении
- Адреса предпросмотра и общий адрес будущего теста
- Подтверждения приёмки или список непроверенного
Во второй части
- Одинаковая реклама для А и Б
- Случайное распределение 50/50
- Одна цель и решение по данным
Часть 2 · Проверяем гипотезы
Один тест. Одна понятная схема
Проверяем подачу первого экрана, а не две рекламные связки. Различается только первый экран — предложение, форма, остальные блоки и реклама одинаковы.
Общее объявление
Один адрес
50/50случайно
А · удобство
Б · забота
Одна цель: заявка
Повторный визит сохраняет вариант. Cookie не объединяет разные устройства.
Три подключения до первого рекламного рубля
Аналитика
Назначенный вариант, люди и подтверждённая заявка.
Рекламный кабинет
Общее объявление и один входной адрес.
Получатель заявок
Запись в базе, уведомление и ответственный.
Без учёта звонков вывод ограничен формой. Нельзя объявлять рост всех обращений и продаж. Если важны звонки — коллтрекинг и правило учёта до старта.
Блок 2 · Креативы и реклама
Одно объявление для обеих страниц
Обещание подтверждается и на А, и на Б. Дословный заголовок страницы не обязателен. Все переходы — через общий адрес теста, без обходных ссылок.
- Комбинаторное объявление в ЕПК Директа: заголовок до 56, текст до 81 знака
- Без придуманных скидок, расстояний и превосходных степеней
- Одни география, ключи и условия для обеих версий
Реклама · пример
Студия красоты ЭVO: услуги, цены и запись
один общий адрес теста
Услуги, цены и запись в студию. Посмотрите услуги и выберите время.
Заголовок
Текст
Отдельный тест — рекламные связки
Разные объявления и разные страницы — это вывод о связке, а не о странице. Креатив А повторяет обещание «Время на себя. Рядом.» и ведёт на А, креатив Б — образ паузы и заботы и ведёт на Б.
Фраза агенту: «сделай креативы под варианты А и Б моего лендинга». Он возьмёт заголовки с лендинга, бренд — из профиля, и нарисует картинки с русским текстом. После проверки и согласования — в черновик объявления.
- Яндекс Директ — кампания черновиком
- ВКонтакте — пиксель и событие
- Telegram Ads — метки и аналитика
Ответ теста
У теста три честных исхода
Решение принимаем по заранее заданному плану и качеству данных. Подсказка «лидирует» в кабинете ещё не доказывает победу.
Эффект подтверждается
План выполнен, данные верны, интервал не включает ноль. Учитываем знак эффекта и качество заявок.
Нет доказательства
Мало данных или интервал включает ноль. Победителя не назначаем.
Тест нарушен
Ошибка формы или распределения. Исправляем и планируем новый тест.
Сколько людей нужно на каждый вариант
Заранее, до запуска рекламы. Уровень значимости 5 %, мощность 80 %.
Как не обмануть себя
- Наблюдать можно — ранняя подсветка ещё не победа.
- Выборка, срок и окно учёта заявки — по плану, заданному до старта.
- Одна гипотеза — вывод о версии целиком. A/A-тест проверяет распределение и измерение.
- Сезон ограничивает перенос результата. Сбои формы или распределения могут нарушить тест.
- Подтверждённый эффект — в основную версию; результат и условия — в журнал.
Итог
Весь цикл в одном окне
Рутинные шаги — агенту, решения и приёмка — вам. Повторяется в любой рабочей связке: создаём → проверяем → измеряем.
- 1Идея
- 2Бриф
- 3Лендинг А и Б
- 4Домен и сервер
- 5Счётчик и цели
- 6Креативы и реклама
- 7Ответ теста
Сделать самому с ИИ-агентом
Vibe Landing Kit для ChatGPT и Claude: два варианта, паспорт качества, A/B-тест на одном адресе, заявки в Telegram.
Открыть набор →
Отдать ИИ-сотруднику
Вайб-агент в Telegram делает сайты, креативы, рекламу и отчёты — под ключ.
Посмотреть агентов →
Попробовать в кабинете
170+ нейросетей и ИИ-агент без подписки, оплата рублями за сделанное. Бонус на баланс при регистрации.
Зарегистрироваться →
Домашнее задание
Через две недели — отчёт
Отмечайте сделанное — прогресс сохранится в этом браузере.
Сделано 0 из 8
Материалы урока
Раздатка, запись и разбор вашего лендинга
Пришлём бриф, задание агенту, чек-лист приёмки формы, паспорт эксперимента и шаблон честного вывода. Если нужно — соберём A/B-тест под ключ.
- Отвечаем в течение рабочего дня
- Без рассылок: контакт нужен только чтобы ответить
Вопросы
Частые вопросы
Нужно ли уметь программировать?
Нет. Урок построен так, что задачу вы ставите словами — как коллеге, — а агент пишет код, проверяет страницу в браузере и показывает результат. От вас нужны факты о бизнесе, решение по гипотезе и приёмка по чек-листу.
Какой ИИ-агент подойдёт?
Любой, который умеет работать с инструментами: ChatGPT или Claude с подключением по MCP, Claude Code, Cursor или конструктор с ИИ. Результат проверяется одинаково: страница открывается, заявка сохраняется, вариант измеряется. Готовый набор для ChatGPT и Claude — Vibe Landing Kit.
Почему меняем весь первый экран, а не один заголовок?
Так проверяется подача целиком: заголовок, изображение и обещание работают вместе. Цены, услуги, форма, остальные блоки и реклама при этом одинаковые — иначе причину эффекта не разделить. Вывод тоже будет про первый экран целиком.
Сколько людей нужно, чтобы сделать вывод?
Зависит от текущей конверсии и того, какой рост вы хотите заметить. На странице есть калькулятор: при конверсии 5 % и росте до 6,5 % нужно около 3 800 человек на каждый вариант. Если столько трафика не будет — честный вывод звучит как «доказательства нет».
Почему реклама должна быть одна на оба варианта?
Если у А и Б разные объявления, вы сравниваете связки «объявление + страница», а не страницы. Для теста первого экрана реклама общая, все переходы идут через один адрес, а делит людей 50/50 сам сервер.
Куда должны приходить заявки?
Сначала в базу — с вариантом, временем и признаком теста, — потом в рабочую группу или почту и к ответственному в CRM. Надпись «Спасибо» на сайте не доказывает, что заявка сохранилась: это проверяется тестовой отправкой из А и из Б.
Что с персональными данными?
У формы должны быть политика обработки данных и сведения об операторе. Если основание — согласие, нужен отдельный текст с понятной целью и галочка, не отмеченная заранее. Согласие на рекламную рассылку — отдельное и не условие заявки. Уведомление Роскомнадзора, хранение и передачу данных проверьте с юристом.
Можно ли сделать всё это под ключ?
Да. Оставьте заявку с пометкой «A/B-тест под ключ»: соберём два варианта, подключим домен, Метрику, приём заявок в Telegram и подготовим рекламу в Директе. Запуск рекламы — только после вашего согласования бюджета и срока.