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

Сайт услуги с заявкой: от смысла до формы

Пять смысловых блоков, три варианта первого экрана и форма без лишних полей

13 октября 20265 мин Начальный61

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

Собрать сайт услуги с формой заявки от смысла до сборки по блокам

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

Структура из 5 блоков, 3 варианта первого экрана, минимальная форма и сайт по блокам

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

Новичок, который хочет сайт своей услуги с формой заявки, но начинает с дизайна

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

Что это

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

Промпт идёт от смысла:

  • расспрашивает про услугу, клиента, результат и главное действие;
  • предлагает структуру из пяти смысловых блоков;
  • пишет первый экран в трёх вариантах: заголовок, короткая польза, подпись кнопки;
  • режет форму до минимума полей;
  • пишет честные тексты успеха и ошибки — без «мы свяжемся с вами», если заявка пока никуда не уходит;
  • собирает по одному блоку после твоего подтверждения.

Работает и с ИИ-агентом в папке проекта, и в обычном чате — тогда попроси выдать результат одним HTML-файлом.

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

  1. Отправь шаг 1 и ответь на вопросы.
  2. Выбери вариант первого экрана. Проверь его тестом пяти секунд: покажи человеку и спроси «что здесь предлагают, кому и что будет после кнопки?».
  3. Отправь шаг 2 — агент соберёт сайт по блокам.
  4. Отзывы и цифры вставляй только реальные. Нет отзывов — лучше без блока.

Форма заявки: где сайт услуги теряет клиентов

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

Вторая дыра — непонятно, что будет после кнопки. «Оставить заявку» звучит как обязательство. «Получить расчёт в Telegram до вечера» сразу говорит, что человек получит, где и когда. И после отправки нужен экран, который повторяет это обещание.

Почему начинать со смысла

Когда ИИ сразу просят «сделай сайт для массажиста», он собирает шаблон с блоками «О нас», «Наши преимущества» и стоковыми фото. Выглядит как сайт, но не отвечает на вопросы клиента: что тут делают, для кого, сколько стоит. Промпт сначала расспрашивает про услугу и клиента, и только потом из ответов получается структура, тексты и форма.

Рядом по теме: Лендинг по брифу и референсам, который агент сам проверит, Как сделать сайт с Claude Code за выходные, Страница запуска за два часа, статья «Что такое вайбкодинг» и Первый продукт с ИИ-агентом (бесплатно).

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

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

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

Что дальше

Тексты блоков можно усилить промптом Лендинг по блокам: тексты за 15 минут. Перед публикацией проверь сайт промптом Почини вёрстку на телефоне и не устрой редизайн, а когда заявки пойдут, собери для них Мини-CRM вокруг следующего шага с клиентом. Если хочешь проработать смыслы глубже, скилл Лендинг Мастер соберёт прототип структуры, тексты всех блоков и 2–3 варианта первого экрана в файл, который можно отдать агенту, — 990 ₽.

Промптывайбкодинглендингсайт услуги с ИИформа заявки

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