3.3: Користувачі та візуали продукту
- Час на виконання: 25 хвилин
- Передумови: Модуль 3.1 завершений (бібліотека стилів побудована)
Почніть цей модуль в Claude Code: Запустіть
/start-3-2-1.
Огляд
Модуль 3.3 застосовує ваші навички генерації зображень до реальних deliverable ПМ. Ви будете створювати візуальні активи для пітчів продукту: портрети персон, карти шляху, вайрфрейми, макети пристроїв та hero-зображення.
Головний висновок: Ці техніки працюють для будь-якого пітча або презентації.
Портрети персон
Що це таке
Портрети персон надають обличчя вашому цільовому користувачу. Вони роблять абстрактні сегменти користувачів відчутними.
Коли використовувати
- Слайди "Хто" для пітч-деку
- Презентації досліджень користувачів
- Секції персон у PRD
Як генерувати
Базовий промпт:
Create a persona portrait of [name], a [role] at [company type].
[Age range], [key characteristics]. Professional but approachable.
For a pitch deck.
Приклад — Marcus Chen:
Create a persona portrait of Marcus Chen, an operations manager
at a manufacturing plant. Mid-40s, practical, confident but
approachable expression. Wearing work-appropriate attire.
Natural lighting. For a pitch deck to leadership.
Карти шляху
Що це таке
Карти шляху візуалізують досвід користувача через час — кроки, точки дотику, болі та емоції.
Коли використовувати
- Слайди визначення проблеми
- Знахідки досліджень
- Вирівнювання стейкхолдерів
Як генерувати
Базовий промпт:
Create a journey map showing [user]'s [process/workflow].
Stages: [list stages]. Show pain points at each stage.
Clean, presentation-ready, 16:9 aspect ratio.
Трансформація вайрфреймів
Що це таке
Перетворюйте грубі ескізи на вишукані вайрфрейми.
Як генерувати
Transform this hand-drawn wireframe into a polished mobile app wireframe.
Preserve the layout: header with greeting, task list, shift overview,
bottom navigation. Clean, professional, grayscale.
Mobile aspect ratio (9:16).
Макети пристроїв
Що це таке
Макети пристроїв розміщують ваші вайрфрейми або скріншоти у рамки телефону/ноутбука.
Як генерувати
Put this mobile wireframe into an iPhone 15 Pro mockup.
Clean white background with subtle shadow.
Slight 3D angle to show depth. Professional quality.
Lifestyle-знімки
Що це таке
Lifestyle-знімки показують ваш продукт у реальному використанні. Це hero-зображення що продають бачення.
Як генерувати
Marcus, an operations manager in his mid-40s, using TaskFlow Mobile
on the factory floor. Natural lighting from warehouse windows.
Composition works as a pitch deck hero image.
Найкращі практики
Робіть:
- Узгоджуйте стилі по всьому деку — послідовність виглядає професійно
- Генеруйте спочатку з роздільністю 1K, потім переходьте до 2K для фіналів
- Зберігайте гарні стилі у вашу бібліотеку
Не робіть:
- Не змішуйте сильно різні стилі — виглядатиме непрофесійно
- Не пропускайте ітерацію — перші чернетки рідко є фінальними
Що далі?
Модуль 3.4 охоплює діаграми стратегії та архітектури для зустрічей зі стейкхолдерами.
Інтерактивний трек: Введіть /start-3-2-2
Про цей курс
Створено Carl Vellotti.