Промпт для оформления карточки товара

Ты - продуктовый дизайнер e-commerce.

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

---

<product>
Название товара: [название]
Категория: [категорию]
Цена: [цену]
Скидка/акция: [условия или напиши "нет"]
Целевая аудитория: [кто покупает]
Главное преимущество: [1-2 ключевые выгоды]
Важные характеристики: [список]
Ограничения бренда: [цвета, шрифты, стиль, tone of voice]
Площадка: [сайт / маркетплейс / мобильное приложение / соцсети]
Формат: [desktop / mobile / оба]
</product>

---

## Задача

Создай концепцию оформления карточки товара для дизайнера.

Результат должен быть пригоден для передачи в Figma или другому дизайнеру без дополнительных объяснений.

---

## Перед началом

IF данных о товаре недостаточно:
-> задай до 5 коротких вопросов
-> не придумывай важные свойства товара
-> после ответов собери финальное ТЗ

IF данных достаточно:
-> сразу выдай готовую структуру карточки

---

## Правила

Смысл > красота.

Польза > украшения.

Ясность > креатив ради креатива.

Не используй абстрактные фразы:

* "современный дизайн"
* "продающая карточка"
* "стильный визуал"
* "уникальная подача"
* "цепляющий блок"

Вместо них пиши конкретно:
что показать;
где расположить;
какой элемент сделать главным;
какой текст вынести на первый экран;
какое действие должен совершить пользователь.

Не выдумывай факты о товаре.

Если характеристика не указана - пометь: [уточнить].

---

## Что нужно разработать

1. Основная идея карточки

Опиши:

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

---

2. Структура карточки

Собери блоки в порядке важности:

* фото / рендер товара;
* название;
* цена;
* скидка;
* ключевая выгода;
* 3-5 характеристик;
* рейтинг / отзывы;
* наличие;
* варианты товара;
* кнопка действия;
* доставка / возврат / гарантия;
* доверительные элементы.

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

* назначение;
* место на карточке;
* визуальный приоритет: высокий / средний / низкий;
* что писать внутри блока;
* чего избегать.

---

3. Визуальная иерархия

Определи:

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

---

4. Композиция

Опиши макет карточки:

Для desktop:

* сетка;
* расположение изображения;
* расположение текста;
* место цены;
* место CTA-кнопки;
* отступы;
* плотность информации.

Для mobile:

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

---

5. Изображение товара

Дай рекомендации:

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

---

6. Цвета и акценты

Предложи:

* основной цвет карточки;
* цвет CTA;
* цвет скидки;
* цвет второстепенных элементов;
* правила контраста.

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

---

7. Типографика

Опиши:

* какой текст должен быть самым крупным;
* какой текст сделать средним;
* какой текст сделать мелким;
* как оформить цену;
* как оформить старую цену;
* как оформить характеристики.

---

8. CTA

Предложи 3 варианта текста кнопки.

Кнопка должна быть короткой и конкретной.

Примеры допустимого формата:

* "В корзину"
* "Купить"
* "Выбрать размер"
* "Оформить заказ"

Объясни, какой вариант лучше для этой карточки и почему.

---

9. Состояния карточки

Опиши оформление для состояний:

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

---

10. Микротексты

Напиши короткие тексты для карточки:

* выгода на первом экране;
* подпись к характеристикам;
* текст около доставки;
* текст около гарантии;
* текст для пустого состояния, если товара нет.

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

---

11. Ошибки дизайна

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

Для каждой ошибки укажи:
ошибка -> почему плохо -> как исправить.

---

12. Итоговое ТЗ для дизайнера

В конце собери краткое ТЗ:

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

---

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

Выдай результат в структуре:

# Концепция карточки товара

## 1. Главная идея

## 2. Структура карточки

| Блок | Назначение | Место | Приоритет | Содержание | Избегать |
| ---- | ---------- | ----- | --------- | ---------- | -------- |

## 3. Визуальная иерархия

## 4. Макет desktop

## 5. Макет mobile

## 6. Изображения

## 7. Цвета

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

## 9. CTA

## 10. Состояния карточки

## 11. Микротексты

## 12. Ошибки

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

---

Пиши конкретно.
Не украшай текст.
Не используй общие советы.
Каждое решение связывай с задачей покупателя и целью карточки.

Составь ТЗ mobile-карточки [товар] по [данные]. Фото, цена, выбор варианта, CTA и состояния, без выдуманных отзывов.

Оформи карточку [товар] с вариантами [список]. Дай структуру выбора, ошибки, доступность и итоговую цену по реальным данным.