Инструкция: Бриф на лендинг
Trigger: пользователь просит лендинг, посадочную страницу, сайт для продукта/услуги — до начала работы
Uses: instructions/create_landing_page
Зачем
Перед тем как делать лендинг — собрать все данные. Часть вопросов задаёт агент пользователю, часть агент исследует сам. Без заполненного брифа не начинать верстку.
Кто что делает
| # | Вопрос | Кто отвечает | Кейс |
|---|---|---|---|
| 1 | Что должен сделать посетитель? Одно целевое действие. | 👤 Человек | "Оставить заявку", "купить курс", "подписаться" |
| 2 | Кто целевая аудитория? Есть ли разные сегменты? | 👤 Человек | Мамы с детьми vs HR-менеджеры — разные страницы |
| 3 | Как выглядит идеальный клиент сейчас и в будущем? | 👤 Человек | Помогает выбрать тон и образы |
| 4 | Главное УТП — почему именно вы, а не конкуренты? | 👤 Человек | "Доставка за 2 часа", "гарантия результата или возврат" |
| 5 | Что предлагается? Опиши продукт или процесс. | 👤 Человек | Курс, услуга, физический товар, SaaS |
| 6 | Какие эмоциональные выгоды резонируют с клиентами? | 👤 Человек | Спокойствие, статус, экономия времени, безопасность |
| 7 | Есть ли цифры, кейсы, результаты которые вызывали "вау"? | 👤 Человек | "97% студентов нашли работу за 3 месяца" |
| 8 | Что в питче продавало лучше всего? | 👤 Человек | Живой опыт владельца важнее гипотез |
| 9 | Какие проблемы клиенты приходят решать? | 👤 Человек | Формулировка боли — основа заголовка |
| 10 | Есть ли прямые конкуренты? | 👤 Человек + 🤖 Агент | Человек называет, агент дополнительно гуглит |
| 11 | Чем лучше прямых конкурентов? | 👤 Человек | Конкретные отличия, не "мы лучшие" |
| 12 | Какие альтернативы рассматривает клиент вместо вас? | 👤 Человек | DIY, другой подход, бездействие |
| 13 | Чем лучше этих альтернатив? | 👤 Человек | Почему ваш путь проще/быстрее/дешевле |
| 14 | Откуда придут посетители на страницу? | 👤 Человек | Инста-реклама → один тон. SEO → другой. |
| 15 | Какой тон и образ бренда? | 👤 Человек | Строгий, дружелюбный, экспертный, молодёжный |
| 16 | Есть ли бренды-ориентиры по стилю? | 👤 Человек | Агент смотрит их лендинги для референса |
| 17 | Что нравится больше всего в своём бизнесе? | 👤 Человек | Часто — лучший материал для заголовка |
| 18 | Что нравится в своих клиентах? | 👤 Человек | Помогает написать о них тепло и точно |
| 19 | Есть ли готовые материалы? (тексты, фото, отзывы, логотип) | 👤 Человек | Без этого агент делает заглушки — отметить явно |
| 20 | Дедлайн и приоритеты? | 👤 Человек | Быстро и просто vs. идеально и долго |
Что агент делает сам (без вопросов)
🤖 Агент исследует самостоятельно:
- Ищет конкурентов по описанию продукта (
school_of_agents+ web search) - Проверяет есть ли похожий лендинг уже в
secondbrain/design/templates/ - Проверяет есть ли подходящие BEM-компоненты в
secondbrain/design/components/ - Оценивает трафик-источник → выбирает тон (реклама = короче и агрессивнее, SEO = подробнее)
Кейсы использования
Кейс 1: Курс по дизайну
- Аудитория: начинающие дизайнеры 18-28 лет
- CTA: записаться на бесплатный урок
- Трафик: Instagram-реклама
- → Короткий лендинг, эмоциональный заголовок, одна форма сверху
Кейс 2: B2B SaaS для HR
- Аудитория: HR-директора компаний 200+
- CTA: запросить демо
- Трафик: LinkedIn + email-рассылка
- → Длинный лендинг, цифры и ROI, форма + телефон, логотипы клиентов
Кейс 3: Локальная услуга (ремонт)
- Аудитория: собственники квартир, Москва
- CTA: вызвать мастера
- Трафик: Google реклама по геозапросу
- → Заголовок с гео, цена/срок сразу, телефон крупно, отзывы с фото
Определение стиля (обязательно, даже если пользователю всё равно)
Шаг 1 — Спросить про стиль
Задать одним сообщением:
"Последний блок — визуал. Есть ли у вас брендбук, цвета, логотип? Или подберём сами?"
| Если есть | Если нет / всё равно |
|---|---|
| Попросить прислать hex-цвета, шрифты, логотип | Перейти к шагу 2 |
Шаг 2 — Выбрать стиль самостоятельно (если пользователь не задал)
Агент определяет стиль исходя из аудитории и продукта:
Тёмная тема — B2B, tech, SaaS, агенты, инструменты для разработчиков
--bg: #0e0e0e; --fg: #f5f5f2; --accent: #c8ff5a; --muted: #9a9a93;
Светлая минималистичная — услуги, консалтинг, коучинг, образование
--bg: #ffffff; --fg: #111111; --accent: #2563eb; --muted: #6b7280;
Тёплая — lifestyle, сообщества, личный бренд
--bg: #faf7f2; --fg: #1a1a1a; --accent: #d97706; --muted: #78716c;
Правило выбора:
- Tech/SaaS/агенты → тёмная
- B2B услуги → светлая минималистичная
- Люди/сообщества → тёплая
Шрифты по умолчанию:
--sans: system-ui, -apple-system, "Segoe UI", sans-serif;
--mono: ui-monospace, "JetBrains Mono", Menlo, monospace;
Зафиксировать выбор в brief-резюме перед стартом.
После брифа
Агент резюмирует собранное и подтверждает с пользователем:
"Понял. Делаем лендинг для [продукт], аудитория [кто], CTA [действие], трафик [источник].
Стиль: [тёмная/светлая/тёплая], акцент [hex]. Начинаю?"
Затем → instructions/create_landing_page