CC для ПМів

3.6: Маркетинг та активи для запуску

  • Час на виконання: 20 хвилин
  • Передумови: Стратегія та архітектурні візуали (Модуль 3.5)

Почніть цей модуль в Claude Code: Запустіть /start-3-2-3 для початку інтерактивного досвіду.

Огляд

Модуль 3.6 завершує ваш набір інструментів візуалів продукту маркетинговими та активами для запуску. Графіка для магазину застосунків, рекламні оголошення в соціальних мережах, оголошення про запуск — візуали що представляють ваш продукт світу.

Головний висновок: Маркетингові візуали передають цінність миттєво. Чудова графіка запуску може генерувати збудження що абзаци тексту не можуть.

Сценарій

TaskFlow Mobile отримав зелене світло. Він запускається наступного місяця. Маркетингу потрібні активи:

  1. Hero магазину застосунків — Рекламна графіка яку користувачі бачать у магазині
  2. Рекламний креатив для соціальних мереж — Активи кампанії для LinkedIn/соціальних мереж
  3. Оголошення про запуск — Графіка моменту "ми тут"

Побудуємо кожну з них.

Рекламна графіка для магазину застосунків

Приклад рекламної графіки магазину застосунків — мінімальний стиль

Що це таке

Рекламна графіка — це hero-зображення які користувачі бачать у магазинах застосунків. Це перше візуальне враження від вашого продукту.

Вимоги по платформам

ПлатформаРозмірПримітки
App Store1024×1024 (іконка), різні для скріншотівФокус на іконці застосунку та послідовності скріншотів
Play Store1024×500 (рекламна графіка)Широкий банерний формат
ОбидвіКілька скріншотів пристроївПокажіть ключові функції

Як генерувати

Базовий промпт:

Create an app store feature graphic for [app name].
Show the app on [device], highlighting [key feature/benefit].
Clean, professional style. [dimensions].

Приклад — TaskFlow Mobile:

Create an App Store feature graphic for TaskFlow Mobile.
Show the app displayed on a modern iPhone.
The interface shows task management for operations teams.
Professional style suitable for B2B app store listing.
Subtle manufacturing/operations context in background.
16:9 aspect ratio.

Ключові елементи

ЕлементМета
Рамка пристроюПоказує що продукт реальний/відчутний
Скріншот UIДемонструє інтерфейс
КонтекстНатякає на випадок використання
Чистий фонТримає фокус на продукті

Поради щодо стилю

  • B2B застосунки: Професійне, чисте, функціональне відчуття
  • Споживчі застосунки: Яскраві, емоційні, орієнтовані на спосіб життя
  • Корпоративні: Надійні, захищені, витончені
  • Стартап: Сучасні, інноваційні, свіжі

Поради профі

  • Показуйте реальну цінність: Представляйте ваш найкращий UI, а не загальні екрани
  • Відповідайте кольорам бренду: Використовуйте колірну палітру вашої компанії
  • Тримайте просто: Одне чітке повідомлення на графіку
  • Генеруйте варіанти: Тестуйте різні підходи

Рекламні креативи для соціальних мереж

Приклад соціальної реклами — LinkedIn професійний стиль

Що це таке

Рекламні креативи для соціальних мереж — зображення розроблені для зупинки прокрутки та передачі цінності за частку секунди. Вони оптимізовані для продуктивності у стрічці.

Специфікації платформ

ПлатформаРекомендовані розміриПримітки
LinkedIn1200×627 (пейзаж), 1080×1080 (квадрат)Професійна B2B аудиторія
Twitter/X1200×675 (пейзаж), 1080×1080 (квадрат)Швидке залучення
Facebook/Instagram1080×1080 (квадрат), 1080×1350 (портрет)Візуально-орієнтовані платформи

Як генерувати

Базовий промпт:

Create a social ad for [product].
Message: [key value proposition]
Style: [visual approach]
Include space for headline text.
[dimensions]

Приклад — TaskFlow Mobile:

Create a LinkedIn ad for TaskFlow Mobile.
Show a before/after transformation:
- Left side: Overwhelmed operations manager with clipboard, scattered papers
- Right side: Same manager confidently using TaskFlow Mobile

Message: From chaos to clarity.
Bold, attention-grabbing style.
Leave space at top for headline text.
Square format (1:1).

Патерни рекламних креативів

ПатернОписНайкраще для
До/ПісляПроблемний стан → Стан рішенняТрансформаційні історії
Hero продуктуПристрій/інтерфейс у центріОголошення про функції
LifestyleКористувач у контекстіЕмоційний зв'язок
Дані/СтатистикаЧисла з візуальним впливомПобудова довіри
ВідгукЦитата з людиноюСоціальний доказ

Поради профі

  • Зачепіть за 1 секунду: Зображення повинно передавати цінність миттєво
  • Залиште місце для тексту: Заголовки будуть додані; не переповнюйте зображення
  • Використовуйте контраст: Виділяйтеся в стрічці повній контенту
  • Генеруйте кілька варіантів: A/B тестування — стандартна практика

Графіка оголошення про запуск

Приклад оголошення про запуск — градієнтний стиль

Що це таке

Графіка оголошення про запуск — це "ми тут" візуали. Вони йдуть у блог-пости, email-розсилки, соціальні оголошення, прес-релізи — скрізь де ви оголошуєте запуск.

Коли використовувати

  • День запуску продукту
  • Великі релізи функцій
  • Оновлення версій
  • Оголошення про досягнення

Як генерувати

Базовий промпт:

Create a launch announcement graphic for [product].
Concept: "Introducing [product name]"
Feel: [emotional tone]
Professional quality suitable for press release.
16:9 aspect ratio.

Приклад — TaskFlow Mobile:

Create a launch announcement graphic for TaskFlow Mobile.
Concept: "Introducing TaskFlow Mobile" energy.
Hero shot of the app - polished, premium feel.
Launch/announcement energy - could be spotlight effect,
subtle motion, or clean reveal aesthetic.
Professional enough for press release, exciting enough for social.
16:9 aspect ratio.

Ключові елементи

ЕлементМета
Hero продуктуТе що запускається
Енергія оголошенняЗбудження, новизна, імпульс
Місце для текстуПростір для заголовку "Introducing..."
Вирівнювання з брендомКольори та стиль компанії

Варіанти настрою

НастрійВізуальний підхід
ЗахоплюючийРозмиття руху, динамічні кути, яскраві кольори
ПреміумЧистий, мінімальний, витончене освітлення
ІнноваційнийФутуристичний, технологічно передовий, жирний
НадійнийСтабільний, професійний, переконливий

Повний набір активів для запуску

Ось повний набір для запуску продукту:

Присутність у магазині застосунків

  • Рекламна графіка (16:9)
  • 5-6 макетів скріншотів
  • Іконка застосунку (якщо потрібно)

Соціальна кампанія

  • Рекламний креатив LinkedIn (квадрат + пейзаж)
  • Картка Twitter/X
  • Пост Instagram + варіанти Stories

Пакет оголошень

  • Hero для прес-релізу (16:9)
  • Графіка заголовку email
  • Рекомендоване зображення блог-посту
  • Варіанти соціального оголошення

Загальний час: 30-45 хвилин для повного набору активів запуску.

Використання вашої бібліотеки стилів

Маркетинг отримує вигоду від консистентної візуальної ідентичності.

Будуйте маркетинг-специфічні стилі:

  • "Brand Ad Style" — візуальна мова вашої компанії
  • "Launch Energy" — динамічне відчуття оголошення
  • "App Store Clean" — естетика списку магазину

Потім застосовуйте консистентно:

Generate LinkedIn ad using style #45 (Brand Ad Style)
Generate announcement using style #52 (Launch Energy)

Найкращі практики

Робіть:

  • Відповідайте вашому бренду — використовуйте консистентні кольори та стиль
  • Фокусуйтесь на цінності — що отримує користувач?
  • Генеруйте варіанти — маркетинг потребує тестування
  • Думайте платформо-перш — оптимізуйте для місця де буде з'являтись
  • Тримайте просто — одне повідомлення на графіку

Не робіть:

  • Не переповнюйте — залишайте простір для дихання
  • Не будьте загальними — показуйте ВАШ продукт, не стокові зображення
  • Не забувайте про місце для тексту — текст буде додано
  • Не використовуйте дрібний текст — мобільні стрічки маленькі
  • Не пропускайте варіанти — одна версія ніколи не достатня

Велика картина

Давайте відступимо на крок.

Що ви побудували

Через Nano Banana ви зібрали професійний творчий конвеєр:

1. Найпотужніша модель зображень Gemini 3 Pro генерує фотореалістичні зображення, трансформує референси, обробляє текстові накладення та підтримує консистентність через генерації.

2. Найпотужніший AI-асистент Claude Code обробляє всю технічну складність — API-виклики, управління сесіями, збереження файлів. Ви фокусуєтесь на творчому напрямку.

3. Накопичувальна система Ваша бібліотека стилів зростає з кожним проектом. Те що раніше вимагало дослідження тепер займає одну команду: "use style #12."

Різниця

Більшість людей використовують AI-інструменти для зображень як новинки:

  • Генерують випадкові зображення
  • Використовують один раз
  • Починають заново

У вас є професійний конвеєр:

  • Генеруйте з наміром
  • Будуйте стилі що можна повторно використовувати
  • Накопичуйте з часом

Це різниця між використанням AI час від часу та наявністю AI як творчої надсили.

Курс завершено

Вітаємо. Ви завершили Nano Banana.

Від вашої першої генерації "Carl in a banana suit" до запуску продукту з професійними маркетинговими активами — ви пройшли від "як це працює?" до повного набору візуальних інструментів.

Тепер у вас є:

  • Розуміння найпотужнішої доступної моделі зображень
  • Майстерність принципів промптингу що дають чудові результати
  • Бібліотека стилів що зростає більш цінною з часом
  • Навички для створення будь-якого візуалу ПМ: персони, діаграми, макети, маркетинг

Ваша бібліотека стилів — ваша назавжди. Продовжуйте будувати її. Кожен проект робить її більш цінною.

Що далі?

Це фінальний модуль Nano Banana. Але ваша подорож продовжується:

Продовжуйте будувати вашу бібліотеку:

  • Зберігайте стилі з кожного проекту
  • Витягуйте стилі із зображень що вам подобаються
  • Діліться стилями з вашою командою

Застосовуйте до реальної роботи:

  • Пітч-деки та презентації
  • Артефакти дослідження користувачів
  • Документація продукту
  • Маркетингові кампанії

Вітаємо із завершенням Nano Banana!

Тепер йдіть і будуйте щось дивовижне.


Про цей курс

Створено Carl Vellotti.