Сайт услуги с заявкой: от смысла до формы
Пять смысловых блоков, три варианта первого экрана и форма без лишних полей
Какую задачу решает
Собрать сайт услуги с формой заявки от смысла до сборки по блокам
Что будет на выходе
Структура из 5 блоков, 3 варианта первого экрана, минимальная форма и сайт по блокам
- Кому подойдёт
Новичок, который хочет сайт своей услуги с формой заявки, но начинает с дизайна
- Тема
- Вайбкодинг
- Инструменты
- Claude CodeCursorлюбой ИИ-чат
Что это
Сайт услуги — самый частый первый проект: консультация, разбор, курс, ремонт, фотосессия. И самая частая ошибка — начать с дизайна. Получается красиво, но через пять секунд непонятно, что предлагают, кому и что будет после кнопки.
Промпт идёт от смысла:
- расспрашивает про услугу, клиента, результат и главное действие;
- предлагает структуру из пяти смысловых блоков;
- пишет первый экран в трёх вариантах: заголовок, короткая польза, подпись кнопки;
- режет форму до минимума полей;
- пишет честные тексты успеха и ошибки — без «мы свяжемся с вами», если заявка пока никуда не уходит;
- собирает по одному блоку после твоего подтверждения.
Работает и с ИИ-агентом в папке проекта, и в обычном чате — тогда попроси выдать результат одним HTML-файлом.
Как использовать
- Отправь шаг 1 и ответь на вопросы.
- Выбери вариант первого экрана. Проверь его тестом пяти секунд: покажи человеку и спроси «что здесь предлагают, кому и что будет после кнопки?».
- Отправь шаг 2 — агент соберёт сайт по блокам.
- Отзывы и цифры вставляй только реальные. Нет отзывов — лучше без блока.
Форма заявки: где сайт услуги теряет клиентов
Человек долистал до формы, нажал кнопку — и видит восемь полей: имя, фамилия, телефон, почта, город, бюджет, как узнали о нас, комментарий. На телефоне это три экрана ввода, и часть людей закрывает вкладку на третьем поле. Для первого контакта обычно хватает двух: как обращаться и куда ответить. Всё остальное уточнишь в переписке.
Вторая дыра — непонятно, что будет после кнопки. «Оставить заявку» звучит как обязательство. «Получить расчёт в Telegram до вечера» сразу говорит, что человек получит, где и когда. И после отправки нужен экран, который повторяет это обещание.
Почему начинать со смысла
Когда ИИ сразу просят «сделай сайт для массажиста», он собирает шаблон с блоками «О нас», «Наши преимущества» и стоковыми фото. Выглядит как сайт, но не отвечает на вопросы клиента: что тут делают, для кого, сколько стоит. Промпт сначала расспрашивает про услугу и клиента, и только потом из ответов получается структура, тексты и форма.
Рядом по теме: Лендинг по брифу и референсам, который агент сам проверит, Как сделать сайт с Claude Code за выходные, Страница запуска за два часа, статья «Что такое вайбкодинг» и Первый продукт с ИИ-агентом (бесплатно).
Дальше — для участников
Регистрация бесплатная и занимает минуту. Часть закрытых материалов откроется сразу, без карты.
Что дальше
Тексты блоков можно усилить промптом Лендинг по блокам: тексты за 15 минут. Перед публикацией проверь сайт промптом Почини вёрстку на телефоне и не устрой редизайн, а когда заявки пойдут, собери для них Мини-CRM вокруг следующего шага с клиентом. Если хочешь проработать смыслы глубже, скилл Лендинг Мастер соберёт прототип структуры, тексты всех блоков и 2–3 варианта первого экрана в файл, который можно отдать агенту, — 990 ₽.


