Объясняем и показываем

Вайб-кодинг для маркетолога

Создайте лендинг с ИИ
и подготовьте А/Б-тест

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

Урок открыт на странице. Рекламный бюджет и запуск согласуются отдельно.

2 частиСоздание и измерение
44 слайдаОснова этого практикума
5 шаблоновДля вашего проекта
А · удобство посещения
Учебный первый экран ЭVO: Время на себя. Рядом.
Б · забота о себе
Вторая подача ЭVO: Ваша пауза. Ваш новый ритм.
Прототипы из презентации. Их различие показывает учебную гипотезу, а результат проверяется по данным.

Для вашей задачи

Меньше догадок.
Больше проверенной работы.

Выберите свою роль. Порядок работы остаётся общим, а польза зависит от того, за какой результат вы отвечаете.

Поставьте агенту задачу, которую можно принять

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

Результат практикума

Ваш комплект
для первого эксперимента

01

Понятная задача

Бриф с подтверждёнными фактами, заданием агенту и границей изменений.

02

Две рабочие страницы

Разная подача первого экрана, одинаковое предложение и форма. Проверка на телефоне и у получателя.

03

Честный план проверки

Общий адрес, случайное распределение, одна цель и заранее заданное правило решения.

Первый черновик можно получить быстро. Готовность нужно проверить.

В презентации — две части по 30 минут. Срок сборки вашего проекта зависит от материалов и подключений.

Перейти к практике

Часть 1 · слайды 1–24

От задачи словами
до проверенной заявки

Разбирайте уроки по порядку. После каждого выполните небольшое задание и отметьте шаг. Прогресс хранится только в этом браузере.

01Агент, инструменты и навыкиСлайды 2–11 · что подготовить до сборки

Вайб-кодинг начинается с описания задачи обычными словами. Агент помогает написать и изменить код, а вы задаёте факты, ограничения и критерии готовности.

  • Агент выполняет поручение с помощью доступных ему инструментов.
  • MCP и плагины дают доступ к конкретным сервисам: размещению сайта, рекламному кабинету, аналитике.
  • Навык задаёт порядок работы и проверки. Наличие навыка само по себе не подтверждает работающую интеграцию.

Для страницы нужны размещение, адрес и обработчик формы. В конструкторе часть этой среды уже готова. На своём хостинге её настраивают отдельно.

Практика

Запишите, какой агент будет собирать сайт, где он его разместит и кто получит заявку. Попросите проверить подключения безопасным чтением.

02Бриф превращается в заданиеСлайды 5–6, 12–13 · факты и границы

Просьба «сделай красиво» оставляет агенту почти все решения. Понятное задание отвечает: что предлагаем, кому, на каких условиях, куда приходит заявка и как принимаем результат.

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

Одна гипотеза

В примере ЭVO сравнивается пакет первого экрана целиком: удобство посещения против заботы о себе. Меняются текст, изображение и композиция. Вывод будет о всём пакете.

Услуги, цены, условия, остальные блоки, реклама и форма должны совпадать. Если меняете только заголовок, фиксируйте именно такую узкую границу.

Практика

Заполните бриф ниже и выделите одну строку: «Меняем… Сохраняем…». Затем передайте агенту задание и критерии приёмки.

Открыть бриф и задание
03Два экрана и учебная ошибкаСлайды 14–17 · что делать с первой версией

Откройте обе версии на компьютере и телефоне. Сверьте предложение, цену, контакты и кнопки с брифом. Снимок показывает оформление, а работу формы проверяют отдельно.

Прототип А из презентации: удобство посещения студии ЭVO
А · удобство. «Время на себя. Рядом.»
Прототип Б из презентации: забота о себе в студии ЭVO
Б · забота. «Ваша пауза. Ваш новый ритм.»

Учебные прототипы. Адреса, цены и обещания на иллюстрациях не являются оффером этого практикума.

Ошибка из урока

В Б пропало поле «Услуга». Теперь различаются и экран, и форма. Причину возможного изменения конверсии разделить нельзя.

Конкретная правка агенту
Верни в вариант Б поле «Услуга». Скопируй форму из А: поля, обязательность, подписи и обработчик. Первый экран Б сохрани. А не изменяй. После правки сравни формы и отправь тестовую заявку из обеих версий.
04Приёмка формы и публикацияСлайды 18–24 · весь путь заявки
  1. Отправьте тест из А и Б. Проверьте обязательные поля и отсутствие заранее отмеченного согласия.
  2. Найдите запись в системе: идентификатор, вариант, время и признак теста.
  3. Проверьте доставку ответственному. Повтор отправки или доставки не должен создавать лишний успех.
  4. Убедитесь, что цель срабатывает после сохранения заявки. При ошибке сохранения успеха быть не должно.
  5. Повторите проверку на публичном адресе после подключения домена и HTTPS.

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

Практика

Сохраните подтверждения из формы, базы, уведомления и аналитики. Тестовые заявки исключите из экспериментального результата.

Домашнее задание первой части: подготовить две версии, общий адрес, получателя и измерение. К рекламе переходите после приёмки и согласования плана.

Открыть чек-лист приёмки

Часть 2 · слайды 25–44

От общей рекламы
до ответа по данным

Заранее определите правила эксперимента. Тогда результат можно будет объяснить, даже если убедительного различия не получится.

05Один адрес и случайное распределениеСлайды 27–31 · сопоставимые группы

Для теста страницы используйте одинаковое объявление и общий адрес. После перехода пользователь случайно получает А или Б с вероятностью 50/50. Назначение сохраняется на время эксперимента.

Общее объявление → общий адрес → А или Б → одна форма

Cookie сохраняет вариант в одном браузере. Оно не объединяет автоматически разные устройства одного человека.

Основная метрика урока: доля назначенных пользователей, у которых есть хотя бы одна подтверждённая заявка. Повторные визиты и заявки не превращают одного участника в нескольких.

До старта проверьте распределение и измерение, при необходимости через А/А. Отдельно запишите воспроизводимые исключения для тестов, сотрудников и ботов. Если звонки не привязаны к варианту, вывод касается только формы.

06Подключения, реклама и заявкиСлайды 29–38 · что нужно до расходов

Подготовьте рекламный кабинет, аналитику и систему получения заявок. Запись в базе подтверждает принятие заявки, уведомление помогает ответственному начать работу, CRM связывает обращение с качеством и продажей.

  • Telegram: бот создаётся через BotFather. Токен хранится в защищённых настройках обработчика, а не в HTML. Проверьте доставку из обеих версий.
  • Битрикс24: входящий вебхук выдаётся с необходимыми правами. Его адрес хранится как секрет. В записи должен сохраняться вариант.
  • Директ: география, аудитория, условия и объявление одинаковы. Кампания сначала готовится черновиком.

Рекламное обещание должно подтверждаться на обеих страницах. Быстрые ссылки также не должны обходить случайное распределение. Модерация и запуск показов — отдельные этапы.

Другая задача — тест связок

Разные объявления ведут на разные страницы: результат относится к связке «реклама + лендинг». Такой тест нельзя интерпретировать как эффект одного первого экрана.

Практика

Напишите одно нейтральное объявление, подходящее для А и Б. Проверьте каждую ссылку и доставку заявки. Начало расходов согласуйте отдельно.

07Паспорт эксперимента до запускаСлайды 13, 39–41, 44 · срок, выборка и правило

Запишите гипотезу, основную метрику, окно учёта заявки, текущую конверсию и минимальный полезный прирост. По этим условиям рассчитайте выборку и согласуйте срок и бюджет.

Правило завершения включает нужную выборку, минимальную длительность и окно учёта заявки. Также нужен предел по времени или расходам. При достижении предела без достаточных данных фиксируйте отсутствие убедительного ответа.

«Через две недели» — срок учебного отчёта

Это не универсальная длительность любого теста. Если данных мало или запуск не согласован, в отчёте так и пишут.

Во время эксперимента следите за техническими ошибками и расходом. Изменение формы, распределения или условий рекламы может нарушить проверку. Ранняя подсветка «лидирует» не заменяет заранее заданное правило решения.

Открыть паспорт эксперимента
08Три честных исхода тестаСлайды 39–44 · как сформулировать вывод
  • Эффект подтверждается. План выполнен, данные качественные, различие убедительно. Оцените знак, размер эффекта и качество заявок.
  • Нет доказательства. Данных мало или различие неубедительно. Это не доказательство равенства вариантов.
  • Тест нарушен. Форма не работала, назначение терялось или группы получали разные условия. Сначала исправьте причину и спланируйте новую проверку.

Перед переключением основной версии сохраните отчёт и условия. Результат праздничной недели нельзя автоматически переносить на весь год. Новую гипотезу фиксируйте как отдельный эксперимент.

Проверьте себя

В Б конверсия ниже, но три дня форма не сохраняла заявки. Какой вывод допустим?

Раздатка для вашего проекта

Скопируйте шаблон.
Заполните своими фактами.

Заготовки адаптированы из презентации и заметок докладчика. Неизвестные условия уточняют до публикации и расходов.

01 · Бриф
ПРОЕКТ
Название:
Что предлагаем и что входит:
Аудитория, её задача и география:
Подтверждённый адрес / зона обслуживания:
Цена, условия и ограничения; источник:
Причина выбрать нас; доказательства:
Что нельзя обещать:
Материалы: брендбук, логотип, собственные фото, прайс:
Целевое действие:
Контакты, система приёма и ответственный:
Утверждённые политика и отдельное согласие:
Рабочая среда, размещение и подключённые аккаунты (без паролей):
Что пока неизвестно и требует уточнения:
02 · Задание агенту
Собери два варианта лендинга по приложенному брифу и материалам.
Гипотеза:
В А показываем:
В Б показываем:
Меняем только:
Сохраняем одинаковыми: предложение, цену, условия, остальные блоки, поля формы, обработку заявки и рекламу.
Не придумывай факты, отзывы, скидки и гарантии. Неизвестное вынеси в список уточнений.
Покажи предпросмотр А и Б на компьютере и телефоне.
Проверь весь путь заявки из каждого варианта: форма, запись, получатель, цель. Отдельно проверь повтор и ошибку сохранения.
Сохрани доказательства приёмки и список непроверенного.
Подготовь общий адрес будущего теста. Не запускай рекламные показы и расходы без отдельного согласования.
03 · Приёмка
ЧЕК-ЛИСТ ПРИЁМКИ
□ Факты, услуги, цены и контакты сверены с источниками.
□ Варианты отличаются только в заданной границе.
□ Поля, обязательность, подписи и обработчик формы одинаковы.
□ На телефоне читается заголовок, доступна кнопка, нет горизонтальной прокрутки.
□ Согласие не отмечено заранее; отдельный текст и политика доступны.
□ Без обязательных данных и согласия отправка не проходит; причина видна, введённое сохранено.
□ Тест из А и Б записан с идентификатором, вариантом, временем и признаком теста.
□ Уведомление дошло ответственному.
□ Повтор не создаёт лишнюю заявку или лишний успех.
□ Ошибка записи не вызывает успешное сообщение и цель.
□ Цель срабатывает один раз после подтверждённой записи.
□ Общий адрес, домен и HTTPS проверены после публикации.
□ Тестовые заявки исключены из экспериментального результата.
□ Доказательства сохранены; непроверенные пункты перечислены.
04 · Паспорт эксперимента
ПАСПОРТ ЭКСПЕРИМЕНТА
Гипотеза и основание (данные / предположение):
Изменение А → Б и граница вывода:
Неизменные элементы:
Общий URL:
Аудитория, канал и одинаковые условия рекламы:
Единица: уникальный пользователь с сохранённым назначением.
Распределение: случайное 50/50; повторный визит сохраняет вариант.
Основная метрика: пользователи с ≥1 подтверждённой заявкой / назначенные пользователи варианта.
Окно учёта заявки после назначения:
Тесты, сотрудники, боты: правила исключения до запуска:
Текущая конверсия и источник:
Минимальный полезный прирост и обоснование:
Уровень значимости и мощность:
Выборка на вариант и расчёт:
Минимальная длительность с учётом недельного цикла:
Предельные срок и бюджет:
Правило завершения: выборка + длительность + окно учёта:
Проверки качества распределения и данных:
Как учитываем звонки и продажи (или вывод только по форме):
Ответственный и кто согласует публикацию / расходы:
Если данных мало: фиксируем отсутствие убедительного ответа.
05 · Отчёт через две недели
ОТЧЁТ
Гипотеза, даты и условия:
Что подготовлено, что проверено, что осталось:
Назначенные уникальные пользователи: А = ; Б = .
Пользователи с ≥1 подтверждённой заявкой: А = ; Б = .
Конверсия: А = ; Б = .
Абсолютная и относительная разница:
Интервал эффекта и метод расчёта:
Качество распределения, формы, данных и заявок:
Выполнены ли выборка, срок и окно учёта:
Исход: эффект подтверждается / нет доказательства / тест нарушен.
Вывод только в границах проверенного изменения:
Ограничения и следующий шаг:
Ссылки на сохранённые доказательства:
Недостаток данных или несогласованный запуск укажите прямо. Победитель к дате отчёта не обязателен.

Владимир Дорецкий

Автор презентации, Вайб-Маркетолог

@centrmedia

От автора

Повторяемый процесс
в вашей рабочей среде

Бриф, задача, первая версия, исправление, приёмка и измерение — этот порядок можно повторить в конструкторе или со своим агентом.

Агент выполняет рутинные шаги. Вы подтверждаете исходные факты, принимаете результат и согласуете расходы.

Частые вопросы

Перед первым запуском

Нужны ли знания кода?

Задание можно поставить словами. Вам всё равно нужно понимать цель страницы, границу гипотезы и критерии проверки. При самостоятельном размещении может потребоваться помощь с сервером и обработчиком формы.

Можно ли гарантировать результат за 30 минут?

В презентации каждая часть рассчитана на 30 минут. Это план урока с подготовленным примером. Срок вашего проекта зависит от материалов, среды и подключений. Рекламный результат требует трафика и выполнения плана эксперимента.

Можно ли менять текст, картинку и форму одновременно?

Можно тестировать комплексный вариант, но вывод будет о нём целиком. В учебном примере граница — весь первый экран. Форма и остальная страница остаются одинаковыми.

Почему нельзя выбрать победителя по первым заявкам?

Раннее различие может быть случайным. Решение принимают по заранее заданному правилу после проверки качества данных, выборки, срока и окна учёта заявки.

Можно ли пройти урок без рекламы?

Да. Подготовьте бриф, страницы, подключения и приёмку. До согласования расходов эксперимент может оставаться подготовленным. В отчёте прямо укажите, что трафика и вывода пока нет.

Перенесите урок в свой бизнес

Поможем подготовить
ваш А/Б-тест

Оставьте заявку, если нужна помощь с гипотезой, двумя версиями страницы, формой или рекламными подключениями.

Обсудим задачу и объём работ. Стоимость, размещение и рекламный бюджет согласуются до начала расходов.

Учебный материал остаётся доступным без заявки.

Или напишите Владимиру в Telegram

С чего начнём?

Создано на Вайб-Маркетологе