Девять шагов от смыслов бренда до недельной ведомости метрик. Порядок не случайный: каждый шаг закрывает вопрос, без ответа на который следующий превращается в переделку.
Это разбор реальной сборки: так собран сайт цех.запуск.рф — лендинг с калькулятором цены, демонстрацией работы AI-агентов и чат-ботом вместо формы. Ниже — что просить у нейросети на каждом шаге, каким файлом заканчивается шаг и на чём чаще всего спотыкаются.
Страница пересказывает то, что бренд уже знает о себе. Если это знание нигде не записано, текст собирается на вкус, а правки ходят по кругу: сегодня «слишком сухо», завтра «слишком громко».
Контекст в переписке живёт до конца сессии. Контекст в файле живёт всегда. core.md потом читают и сайт, и тексты, и бот, и llms.txt — голос не плывёт от захода к заходу.
В Цехе ядро — это 28 килобайт текста и тринадцать разделов. Это дневная работа, и она окупается на первой же правке лендинга.
Распакуй бренд по интервью и собери файл ЯДРА: аудитория, позиционирование, линейка, каналы, воронка, банк CTA, голос, стоп-лист. Задавай вопросы по одному, после каждого ответа дописывай файл.
Первая версия сайта Цеха была манифестом: она объясняла устройство продукта и ни разу не называла проблему покупателя. Слов «SMM», «штат», «подрядчик» на странице не было вообще.
Слоган остаётся, лид под ним говорит о человеке: что он перестанет делать. Ниже — полоса отрицаний в четыре слова: без чего он теперь обойдётся.
Сравнение с реальными альтернативами, а не с абстракцией, и ваша колонка четвёртой. Каждая цифра рынка — со ссылкой на источник.
Цена рынка со ссылкой — факт. «Сэкономите 800 тысяч» — обещание результата, которого вы не мерили. Скидки и таймеры туда же.
Разбери страницу как маркетолог: названа ли боль в первом экране, с чем покупатель реально сравнивает, где на сайте деньги. Проверь всё против стоп-листа из ЯДРА и отсортируй правки по влиянию на выручку.
Лучший актив сайта Цеха — анимированный чат, где агенты ведут одну смену. В первой версии он стоял шестым, после манифеста и урока истории.
| # | Блок | Работа блока |
|---|---|---|
| 1 | Первый экран | Кому это и какую задачу закрывает — за пять секунд |
| 2 | Коротко о продукте | Определение в одну фразу и две-три цифры |
| 3 | Деньги | Сколько стоит и с чем это сравнивают на рынке |
| 4 | Демонстрация | Показать продукт в работе, а не описать словами |
| 5 | Как устроено | Этапы и роли: из чего складывается результат |
| 6 | Примеры выхода | Что клиент получает на руки |
| 7 | Чем вы отличаетесь | Таблица против альтернатив покупателя |
| 8 | Тарифы | Дать войти дёшево и понять, за что доплачивают |
| 9 | Гарантии | Что будет, если не подойдёт |
| 10 | Метод и история | Отстройка для тех, кто уже заинтересован |
| 11 | Ответы на возражения | Снимают сомнения и кормят FAQ-разметку |
| 12 | Целевое действие | Одно действие, минимум полей |
Одна тяжёлая кнопка «созвон на 40 минут» отсекает всех, кто зашёл две минуты назад. Первая ступень — микро-конверсия: «пришлите ссылку на канал, за два дня соберём три темы и один пост, бесплатно, без созвона». Встреча остаётся второй ступенью.
«Оставить заявку» безлико. «Собрать ЯДРО» непонятно снаружи. Кнопка называет результат: «Показать на моём бренде», «Начать за 15 000 ₽». Под кнопкой строка, снимающая риск: «Ответим в течение рабочего дня. Созвон не нужен».
Дизайн-система — это не картинка, а четыре файла с переменными. Нейросеть верстает по ним, и страница остаётся собой на двадцатой правке.
colors.css — база, акценты, семантические алиасыtypography.css — шкала, трекинг, весаfonts.css — подключение начертанийspacing.css — радиусы, отступы, сеткаПриём этой страницы: цвет заливает всю плоскость, заголовок стоит в двух-трёх строках, одна строка контурная. Зерно поверх каждой плоскости, наклонённый стикер, цифра шага, уходящая за край.
Половина модных гарнитур с Google Fonts кириллицу не держит и молча подменяется системным шрифтом. Проверяйте каждое начертание до вёрстки и требуйте замену в той же роли: дисплейная, интерфейсная, текстовая.
Подключи дизайн-систему из этой папки. Прочитай токены и гайдлайны, свёрстывай только через переменные, свои цвета и размеры не вводи. Если начертание не держит кириллицу, предложи замену в той же роли.
Три вещи на сайте Цеха продают сильнее любого текста: калькулятор цены, проигрывающаяся смена в чате и бот, который считает то же самое в телеграме.
Человек сам собирает свой тариф и видит, из чего сложилась цена. Страх «цены по запросу» снимается на месте.
Продукт, проигранный прямо на странице. Это выход, а не обещание выхода.
Диалог по кнопкам: расчёт и бриф. Ловушка — цены живут в двух местах, на сайте и в боте. Правите одно, правьте оба.
Заявка, которая открывает почтовый клиент, теряется в половине случаев. Приёмник ставится до первого трафика, а не после.
Formspree: регистрация, новая форма, адрес вида formspree.io/f/… вставляется в одну строку кода. Пятнадцать минут, письмо на почту.
Google Apps Script как веб-приложение: сайт и бот шлют заявку в одну точку, скрипт пишет строку в таблицу и присылает карточку в телеграм. Свойства проекта: id таблицы, токен бота, chat id, секрет.
Проверка — открыть адрес скрипта в браузере: должен ответить {"ok":true}.
?start=brief сразу начинает брифСделай приём заявок: форма на сайте и бот шлют данные в одну точку, оттуда строка в таблицу и уведомление мне. Поля минимальные: контакт, суть запроса, согласие на обработку данных. Покажи, как проверить, что заявка дошла, и что делать, если приёмник не отвечает.
Одностраничник держит один-два запроса. Всё остальное, что вы напишете, конкурирует само с собой внутри одного документа.
Минимум шесть адресов: главная, цены, как работает, кейсы, блог. Придуманный термин хорош как позиционирование и бесполезен как точка входа из поиска: спрос снимается в Вордстате до того, как пишется текст.
robots.txt — кого пускаем, включая AI-краулеровsitemap.xml — карта сайтаllms.txt — выжимка продукта для нейросетейcanonical — главный адрес страницыОдин блок JSON-LD описывает организацию, услугу, инструкцию и вопросы-ответы. Это и расширенный сниппет в выдаче, и готовый ответ для чат-ботов, которые всё чаще приводят людей вместо поиска.
Собери llms.txt и JSON-LD по содержанию сайта: Organization, WebSite, Service с офферами, HowTo по шагам, FAQPage из блока ответов. Цифры бери только те, что уже стоят на странице, ничего не выдумывай.
Статический сайт не требует платного хостинга: GitHub Pages отдаёт его бесплатно и с сертификатом.
mainmain, папка / (root)CNAME рядом с index@ и CNAME на wwwКогда домен проверится — галочка Enforce HTTPS.
цех.запуск.рф живёт в файлах как punycode: xn--e1a6ab.xn--80anktkl.xn--p1ai. В canonical, sitemap, llms.txt и настройках счётчиков идёт punycode, человеку показывается кириллица.
Держите папку, куда копируется только то, что уходит на сервер: страницы, иконки, og, robots, sitemap, llms, оферта, политика. Черновики и бэкапы в репозиторий не попадают.
Разложи файлы сайта под публикацию на GitHub Pages и напиши мне инструкцию по шагам: что залить в репозиторий, что включить в настройках, какие DNS-записи добавить у регистратора домена. Объясни как человеку без опыта и добавь список проверок после выкладки.
Счётчики ставятся до рекламы. Первая неделя трафика без аналитики — это неделя, про которую вы никогда ничего не узнаете.
Plausible держит воронку и события, Яндекс Метрика — вебвизор и карту кликов. Обе получают событие из одной обёртки: если стоит только одна, вторая строка молча не срабатывает, и код не ломается.
cta_click — с меткой места кнопкиscroll_depth — 25 / 50 / 75 / 100demo_replay, release_tabcalc_submit — с параметрами расчётаchat_calc_start → chat_calc_donechat_brief_start → chat_leadРазмети события одной функцией, которая пишет и в Plausible, и в Метрику. Ключевые точки: клики по CTA с местом, глубина прокрутки, старт и финиш калькулятора, старт и отправка брифа. Потом собери недельную ведомость по этим событиям.
Ядро, дизайн-система, инструкции по публикации — на диске рядом с проектом. Новая сессия читает их и продолжает, а не начинает заново.
Смыслы, потом структура, потом вёрстка, потом видимость. Смешивать слои в одном запросе — верный способ получить красивую страницу, которая не продаёт.
«Разбери как маркетолог и отсортируй правки по влиянию на выручку» даёт другой результат, чем «как тебе сайт». Отдельно проси назвать, чего делать не стоит.
Файл с датой в имени рядом с рабочим. Возврат к предыдущей редакции должен стоить одну команду.
Каждое число на сайте — либо со ссылкой на источник, либо ваше измеренное. Всё остальное помечается «уточнить факт» и не публикуется.
Если цена лежит и на сайте, и в боте — заведите правило проверять оба. Расхождение в сумме стоит дороже, чем любая опечатка в тексте.
Всё, что встречается в тексте и звучит как жаргон разработчиков. Человеческим языком, без точности ради точности.
Три-пять заходов по паре часов, если ядро бренда уже собрано. Самый долгий шаг — первый: распаковка смыслов занимает день и делается один раз. Вёрстка, интерактив и публикация укладываются в выходные.
Писать код руками не нужно, а вот читать структуру и проверять результат придётся. Минимум: понимать, где лежат файлы, уметь открыть страницу локально и отличить рабочую правку от сломанной. Всё остальное делается словами.
Файлы остаются вашими, ежемесячной платы за конструктор нет, любая разметка и любой скрипт добавляются без ограничений тарифа. Взамен вы сами настраиваете домен, хостинг и аналитику — это разовая работа на час.
Нет. Она распаковывает ваши: задаёт вопросы, вытаскивает формулировки, собирает их в структуру и держит потом на всех материалах. Позиционирование, цены и обещания остаются вашим решением.
Да, это обычный статический HTML — для поисковика он ничем не отличается от сайта на любой CMS. Индексацию определяют структура страниц, микроразметка, robots.txt с sitemap.xml и подтверждённые Search Console и Яндекс Вебмастер.
Домен — порядка тысячи рублей в год, хостинг на GitHub Pages бесплатный, Plausible и Метрика на старте тоже. Основная стоимость — ваше время на первую сборку.
Сборка сайта — разовая работа. Контент после запуска нужен каждый день, и это тот же конвейер: смыслы, план, текст, визуал, публикация, ведомость.
ЦЕХ — контент-завод на AI-агентах: команда агентов ведёт соцсети бренда в его голосе, а файлы остаются у вас на диске. Собран по тем же девяти шагам, что описаны выше.