После регистрацииИнтерфейс

Дизайн-бриф лендинга: design-brief.md для агента

Цель страницы, карта блоков, референсы и запреты в одном файле, чтобы лендинг не вышел «как у всех»

14 октября 20268 мин Начальный57

Какую задачу решает

Составить дизайн-бриф лендинга

Что будет на выходе

Документ design-brief.md: бренд, аудитория, референсы, блоки

Кому подойдёт

Эксперт, который заказывает лендинг у ИИ или дизайнера и не может объяснить, что хочет

Инструменты
любой ИИ-чат

Ты пишешь агенту «сделай лендинг для моего курса» и получаешь то же, что у всех: фиолетовый градиент, три карточки с иконками, «Начать сейчас». Агент не виноват: он не знает, кто придёт на страницу, какое у тебя настроение бренда и что тебе нравится у других. Если не сказать, он поставит средний вариант.

Дизайн-бриф — это одна страница, где всё это записано. Промпт ниже соберёт файл design-brief.md: кто посетитель и откуда пришёл, какое действие он должен сделать, какие блоки и в каком порядке, что взять из референсов и чего избегать. С этим файлом агент или дизайнер делают лендинг под твой продукт.

● Коротко

Рассказываешь ИИ про продукт, посетителя и референсы, отвечаешь на его вопросы и получаешь design-brief.md: цель страницы, порядок блоков с задачей каждого, визуальное направление и список «не делать».

Что получишь

  • 🎯Одно целевое действие

    Записаться, оставить заявку, купить. И откуда приходит посетитель: из рекламы, из Telegram-канала, по рекомендации.

  • 🧱Карту блоков

    Порядок секций и что каждая должна сделать: снять сомнение, показать результат, объяснить цену.

  • 🖼Разбор референсов

    Что берём из каждого понравившегося сайта (типографику, ритм, подачу фото) и что не берём.

  • 📋Требования к материалам

    Какие тексты, фото и цифры нужны от тебя, и где пока стоят пометки «нужно уточнить».

Как использовать

  1. 1Найди 2–4 референса

    Лендинги, которые тебе нравятся, не обязательно из твоей ниши. Для каждого запиши одной фразой, чем зацепил.

  2. 2Отправь шаг 1

    Заполни скобки и ответь на вопросы ИИ. Чем точнее про посетителя, тем меньше переделок.

  3. 3Отправь шаг 2 и сохрани файл

    Ответ целиком — это design-brief.md. Положи его в папку проекта.

  4. 4Отдай агенту вместе с текстами

    «Собери лендинг по design-brief.md, тексты блоков — в texts.md». Бриф отвечает за то, как выглядит и в каком порядке; тексты — отдельно.

Тексты блоков удобно собрать заранее по гайду «Лендинг по блокам: тексты за 15 минут», а потом уже отдавать агенту бриф и тексты вместе.

Рядом по теме: Бриф на рекламные креативы, Мини-дизайн-система: порядок вместо случайных цветов, Как сделать сайт с Claude Code за выходные, статья «Как написать ТЗ для ИИ-агента» и Анимация интерфейса: шаблон промпта и карта приёмов (бесплатно).

Закрытая часть

Дальше — для участников

Регистрация бесплатная и занимает минуту. Часть закрытых материалов откроется сразу, без карты.

Что дальше

Промптывайбкодингшаблоны

Читайте дальше