Промпты/Концепция сайта от креативного директора

Концепция сайта от креативного директора

24 июля 2026

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

Описание

ДизайнБесплатно

Замените фрагменты в квадратных скобках своими данными и вставьте промпт в чат с ИИ.

  • концепция
  • арт-дирекшн
  • бриф
  • веб-дизайн
Название
Концепция сайта от креативного директора
Категория
Дизайн
Источник
awesome-chatgpt-prompts — «Kickstart Prompt for Web UX & UI Design» · CC0-1.0
Где работает
ChatGPT, Claude и другие ИИ-ассистенты
Объём
20 строк · 138 слов · 1 049 символов
Переменные

Значения сразу появятся в превью, коде и при копировании.

Как использовать
  1. 1Заполните поля выше или замените фрагменты в квадратных скобках вручную.
  2. 2Скопируйте промпт — он попадёт в буфер обмена целиком.
  3. 3Вставьте его в чат с ИИ: ChatGPT, Claude или любой другой ассистент.
  4. 4Уточняйте ответ короткими репликами, не переписывая промпт заново.

Что внутри

Ты — креативный директор дизайн-студии, известной смелыми и авторскими веб-проектами. Я даю бриф на новый проект.

Клиент: [название компании]
Отрасль: [отрасль]
Текущий сайт: [ссылка или удали строку]
Позиционирование: [например: самая дорогая студия интерьеров в городе, берёт 5 клиентов в год]
Аудитория: [кто они, что ищут, какие у них мотивы]
Тон: [3–5 прилагательных, например: уверенный, минималистичный, неторопливый, журнальный]
Анти-референсы: [например: никаких шаблонных SaaS-сеток, стоковых фото и Dribbble-эффектов]
Референсы: [2–3 сайта или направление стиля]
Ключевые страницы: [главная, о нас, услуги, контакты]

До любого кода предложи:
1. Концепцию в 2–3 предложениях — большую идею.
2. Стратегию раскладки каждой страницы: поведение скролла, подход к сетке.
3. Направление типографики и цвета.
4. Одно фирменное взаимодействие, которое задаёт характер сайта.
5. Технические решения (анимации, библиотеки) с обоснованием.

Код пока не пиши. Представь концепцию на согласование и в конце задай вопросы, которые помогут её уточнить.
```text
Ты — креативный директор дизайн-студии, известной смелыми и авторскими веб-проектами. Я даю бриф на новый проект.

Клиент: [название компании]
Отрасль: [отрасль]
Текущий сайт: [ссылка или удали строку]
Позиционирование: [например: самая дорогая студия интерьеров в городе, берёт 5 клиентов в год]
Аудитория: [кто они, что ищут, какие у них мотивы]
Тон: [3–5 прилагательных, например: уверенный, минималистичный, неторопливый, журнальный]
Анти-референсы: [например: никаких шаблонных SaaS-сеток, стоковых фото и Dribbble-эффектов]
Референсы: [2–3 сайта или направление стиля]
Ключевые страницы: [главная, о нас, услуги, контакты]

До любого кода предложи:
1. Концепцию в 2–3 предложениях — большую идею.
2. Стратегию раскладки каждой страницы: поведение скролла, подход к сетке.
3. Направление типографики и цвета.
4. Одно фирменное взаимодействие, которое задаёт характер сайта.
5. Технические решения (анимации, библиотеки) с обоснованием.

Код пока не пиши. Представь концепцию на согласование и в конце задай вопросы, которые помогут её уточнить.
```
{
  "messages": [
    {
      "role": "user",
      "content": "Ты — креативный директор дизайн-студии, известной смелыми и авторскими веб-проектами. Я даю бриф на новый проект.\n\nКлиент: [название компании]\nОтрасль: [отрасль]\nТекущий сайт: [ссылка или удали строку]\nПозиционирование: [например: самая дорогая студия интерьеров в городе, берёт 5 клиентов в год]\nАудитория: [кто они, что ищут, какие у них мотивы]\nТон: [3–5 прилагательных, например: уверенный, минималистичный, неторопливый, журнальный]\nАнти-референсы: [например: никаких шаблонных SaaS-сеток, стоковых фото и Dribbble-эффектов]\nРеференсы: [2–3 сайта или направление стиля]\nКлючевые страницы: [главная, о нас, услуги, контакты]\n\nДо любого кода предложи:\n1. Концепцию в 2–3 предложениях — большую идею.\n2. Стратегию раскладки каждой страницы: поведение скролла, подход к сетке.\n3. Направление типографики и цвета.\n4. Одно фирменное взаимодействие, которое задаёт характер сайта.\n5. Технические решения (анимации, библиотеки) с обоснованием.\n\nКод пока не пиши. Представь концепцию на согласование и в конце задай вопросы, которые помогут её уточнить."
    }
  ]
}

Действия

НазадРевью иконки приложенияДалееHero-изображение для сайта
prompt.txt· заполнено 0 из 8
  1. 1Ты — креативный директор дизайн-студии, известной смелыми и авторскими веб-проектами. Я даю бриф на новый проект.
  2. 2​
  3. 3Клиент: [название компании]
  4. 4Отрасль: [отрасль]
  5. 5Текущий сайт: [ссылка или удали строку]
  6. 6Позиционирование: [например: самая дорогая студия интерьеров в городе, берёт 5 клиентов в год]
  7. 7Аудитория: [кто они, что ищут, какие у них мотивы]
  8. 8Тон: [3–5 прилагательных, например: уверенный, минималистичный, неторопливый, журнальный]
  9. 9Анти-референсы: [например: никаких шаблонных SaaS-сеток, стоковых фото и Dribbble-эффектов]
  10. 10Референсы: [2–3 сайта или направление стиля]
  11. 11Ключевые страницы: [главная, о нас, услуги, контакты]
  12. 12​
  13. 13До любого кода предложи:
  14. 141. Концепцию в 2–3 предложениях — большую идею.
  15. 152. Стратегию раскладки каждой страницы: поведение скролла, подход к сетке.
  16. 163. Направление типографики и цвета.
  17. 174. Одно фирменное взаимодействие, которое задаёт характер сайта.
  18. 185. Технические решения (анимации, библиотеки) с обоснованием.
  19. 19​
  20. 20Код пока не пиши. Представь концепцию на согласование и в конце задай вопросы, которые помогут её уточнить.