Промпт для создания сайта: шаблон и примеры точных правок

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

Ниже — шаблон, который можно заполнить для своего проекта и вставить в Lovarus. Он подходит и для первого сайта, и для работы фрилансера по клиентскому брифу. Словами «промт» и «промпт» обычно называют один и тот же запрос к нейросети.

Что подготовить перед запросом

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

Для первого экрана особенно важны три ответа:

• Кто должен узнать себя на странице?
• Какую задачу этого человека решает предложение?
• Что ему следует сделать дальше: посмотреть работы, обсудить задачу или записаться?

Например, «сайт для фотографа» ещё не задаёт направление. «Портфолио фотографа интерьеров для дизайнеров и архитектурных студий; главное действие — обсудить съёмку объекта» уже помогает выбрать блоки и тексты.

Универсальный шаблон промпта

Замените значения в квадратных скобках. Необязательные пункты удалите. Шаблон намеренно отделяет содержимое страницы от подключения работающих сервисов.

Создай сайт для [название и вид деятельности].

Цель бизнеса: [зачем нужен сайт].
Аудитория: [кто приходит и с какой задачей].
Главное действие посетителя: [одно действие].
Язык: русский.

Факты, которые можно использовать:
[услуги, территория, условия, контакты, реальные преимущества].
Материалы: [какие тексты и изображения я прикладываю].
Не выдумывай цены, отзывы, клиентов, награды и результаты.
Если фактов не хватает, перечисли вопросы отдельно.

Структура первой версии:
1. Первый экран: конкретное предложение и основная кнопка.
2. [Блок, который помогает выбрать услугу.]
3. [Примеры работ или другие реальные подтверждения.]
4. [Процесс, условия или ответы на возражения.]
5. Контакты и повтор основной кнопки.

Визуальное направление:
[настроение, палитра, характер шрифтов, плотность блоков].
Используй мои изображения; временные материалы отметь
для замены до публикации.

Поведение:
[куда ведут кнопки, какие переходы нужны].
Если форма или интеграция не подключена, не показывай
ложное сообщение об успешной отправке.

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

Не обязательно сразу описывать интернет-магазин, личный кабинет и десятки страниц. Начните с одной понятной задачи. Дополнительную функцию проще обсуждать, когда уже ясны её данные, действия пользователя и способ проверить результат.

Пример: сайт фотографа интерьеров

Это учебный бриф, а не описание готового клиентского проекта. Название, контакты и фотографии нужно заменить своими.

Создай одностраничное портфолио фотографа интерьеров.
Аудитория — дизайнеры и архитектурные студии,
которым нужны фотографии завершённых объектов.
Главное действие — обсудить съёмку по указанному
мной рабочему контакту.

Структура: короткое предложение на первом экране,
серии фотографий по объектам, состав услуги,
порядок подготовки к съёмке, контакты.
Для каждой серии предусмотрено название объекта
и короткая подпись. Фотографии я добавлю свои.

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

Не добавляй цены, награды, отзывы и логотипы клиентов:
их нет в брифе. Список недостающих данных покажи отдельно.
Для мобильной версии сделай удобное последовательное
просматривание работ. Проверь читаемость подписей.

Такой запрос задаёт, зачем нужен каждый блок. Галерея показывает работу, описание процесса снимает вопросы об организации съёмки, контакт завершает путь посетителя. Результат генерации всё равно нужно посмотреть и проверить: подробный бриф не заменяет приёмку.

Как просить о правках

После первой версии описывайте конкретное изменение. Укажите элемент, проблему, желаемый результат и то, что важно сохранить.

Вместо «текст слишком общий»:

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

Вместо «на телефоне некрасиво»:

На узком экране заголовок занимает слишком много места.
Уменьши его размер только на мобильной версии,
сохрани порядок блоков и размеры текста описания.
Проверь, что заголовок и основная кнопка не обрезаются.

Вместо «добавь больше доверия»:

Добавь после портфолио блок «Как проходит съёмка».
Используй эти подтверждённые этапы: [мои этапы].
Не добавляй отзывы, цифры и обещания от себя.
Сохрани палитру и типографику страницы.

Формулировка «измени только…» помогает обозначить границу задачи, но после правки всё равно стоит проверить соседние блоки.

Что проверить самостоятельно

Перед публикацией пройдите страницу как посетитель:

1. Прочитайте первый экран. Понятны ли услуга, аудитория и следующий шаг?
2. Откройте страницу на телефоне. Проверьте меню, длинные заголовки, изображения и кнопки.
3. Нажмите основные ссылки. Проверьте номер телефона, адрес почты и место перехода.
4. Если есть форма, отправьте тестовую заявку и убедитесь, что она действительно получена. Сообщение на экране само по себе этого не доказывает.
5. Найдите и замените заглушки, выдуманные сведения и временные изображения.
6. Сверьте результат с исходным брифом: выполнена ли главная задача первой версии?

Сохраните исходный промпт вместе со списком принятых правок. Для следующего проекта можно повторно использовать структуру запроса, а факты, аудиторию и визуальное направление заполнить заново.

Откройте Lovarus, вставьте заполненный шаблон и начните с первой версии страницы. После генерации используйте чек-лист выше, чтобы превратить результат в сайт, готовый к дальнейшей настройке и публикации.