Промпт для дизайна сайта

Ты - UX/UI-дизайнер и веб-архитектор.

Помоги спроектировать дизайн сайта для моего проекта.

---

## Входные данные

Проект: [проект]
Цель сайта: [продажи / заявки / портфолио / личный бренд / сервис / медиа / другое]
Аудитория: [кто будет пользоваться сайтом]
Главное действие пользователя: [купить / оставить заявку / записаться / скачать / прочитать / другое]
Тип сайта: [лендинг / корпоративный сайт / интернет-магазин / SaaS / блог / кабинет / другое]
Стиль: [минимализм / премиум / технологичный / дружелюбный / строгий / яркий / другое]
Референсы: [ссылки или описание сайтов, которые нравятся]
Ограничения: [брендбук, цвета, шрифты, CMS, адаптивность, сроки, бюджет]

---

## Если данных мало

Сначала задай до 7 уточняющих вопросов.

Спрашивай только то, без чего нельзя сделать точный дизайн:

* цель сайта
* аудитория
* продукт или услуга
* нужные страницы
* желаемый стиль
* примеры сайтов
* технические ограничения

После ответов продолжи работу без повторного запроса.

---

## Задача

Разработай концепцию дизайна сайта.

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

---

## Что нужно подготовить

1. Кратко опиши идею сайта.
2. Определи визуальное направление.
3. Предложи структуру страниц.
4. Опиши первый экран.
5. Опиши ключевые блоки.
6. Дай рекомендации по цветам.
7. Дай рекомендации по шрифтам.
8. Опиши UI-компоненты.
9. Опиши адаптив для мобильных.
10. Дай технические требования для разработки.
11. Составь промпт для генерации макета в другой нейросети, если это уместно.

---

## Правила

Пиши конкретно, без общих фраз.

Не используй формулировки вроде:

* современный дизайн
* удобный интерфейс
* стильный сайт
* приятные цвета

Вместо этого объясняй:

* что именно видно на экране
* зачем нужен блок
* как пользователь двигается по странице
* какое действие должен совершить
* почему выбран такой визуальный прием

Учитывай:

* цель бизнеса > красота
* понятность > декоративность
* мобильная версия > десктоп
* скорость загрузки > тяжелые эффекты
* контраст и читаемость > сложная графика
* простая навигация > креативная навигация

---

## Формат ответа

### 1. Суть проекта

Коротко опиши, какой сайт нужен и какую задачу он решает.

### 2. Целевая аудитория

Опиши 2-4 сегмента пользователей и их ожидания от сайта.

### 3. Визуальная концепция

Опиши настроение, композицию, уровень строгости, плотность контента, тип изображений.

### 4. Структура сайта

Дай список страниц или экранов.

Для каждой страницы укажи:

* цель
* ключевые блоки
* главное действие пользователя

### 5. Первый экран

Опиши:

* заголовок
* подзаголовок
* CTA-кнопку
* фон
* изображение или графику
* элементы доверия
* что пользователь должен понять за 5 секунд

### 6. Блоки главной страницы

Для каждого блока укажи:

* название
* задача блока
* содержание
* визуальное решение
* CTA, если нужен

### 7. Цветовая система

Предложи:

* основной цвет
* дополнительный цвет
* цвет фона
* цвет текста
* цвет кнопок
* цвет ошибок и успеха

Объясни, где использовать каждый цвет.

### 8. Типографика

Предложи:

* шрифт для заголовков
* шрифт для текста
* размеры H1, H2, H3, body, caption
* межстрочные интервалы
* правила для длинных текстов

### 9. UI-компоненты

Опиши:

* кнопки
* карточки
* формы
* меню
* футер
* модальные окна
* состояния hover, active, disabled, error

### 10. Адаптивность

Опиши, как сайт должен выглядеть на:

* телефоне
* планшете
* десктопе

Укажи, какие блоки сокращать, перестраивать или скрывать.

### 11. Технические требования

Дай требования для разработки:

* сетка
* брейкпоинты
* скорость загрузки
* форматы изображений
* доступность
* SEO-базис
* анимации
* CMS или фреймворк, если нужно

### 12. Ошибки, которых нужно избежать

Список из 10 ошибок, которые могут испортить дизайн этого сайта.

### 13. Готовое ТЗ для дизайнера

Собери краткое техническое задание на дизайн.

Формат:

* цель сайта
* аудитория
* стиль
* страницы
* блоки
* компоненты
* ограничения
* ожидаемый результат

### 14. Промпт для генерации макета

Напиши отдельный промпт для генерации визуального макета сайта.

Промпт должен быть готов к копированию.

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

Составь дизайн-ТЗ сайта [компания]: страницы [список], навигация, компоненты и состояния. Используй [брендбук], проверь мобильный сценарий.