3.6: Маркетинг та активи для запуску
- Час на виконання: 20 хвилин
- Передумови: Стратегія та архітектурні візуали (Модуль 3.5)
Почніть цей модуль в Claude Code: Запустіть
/start-3-2-3для початку інтерактивного досвіду.
Огляд
Модуль 3.6 завершує ваш набір інструментів візуалів продукту маркетинговими та активами для запуску. Графіка для магазину застосунків, рекламні оголошення в соціальних мережах, оголошення про запуск — візуали що представляють ваш продукт світу.
Головний висновок: Маркетингові візуали передають цінність миттєво. Чудова графіка запуску може генерувати збудження що абзаци тексту не можуть.
Сценарій
TaskFlow Mobile отримав зелене світло. Він запускається наступного місяця. Маркетингу потрібні активи:
- Hero магазину застосунків — Рекламна графіка яку користувачі бачать у магазині
- Рекламний креатив для соціальних мереж — Активи кампанії для LinkedIn/соціальних мереж
- Оголошення про запуск — Графіка моменту "ми тут"
Побудуємо кожну з них.
Рекламна графіка для магазину застосунків

Що це таке
Рекламна графіка — це hero-зображення які користувачі бачать у магазинах застосунків. Це перше візуальне враження від вашого продукту.
Вимоги по платформам
| Платформа | Розмір | Примітки |
|---|---|---|
| App Store | 1024×1024 (іконка), різні для скріншотів | Фокус на іконці застосунку та послідовності скріншотів |
| Play Store | 1024×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, а не загальні екрани
- Відповідайте кольорам бренду: Використовуйте колірну палітру вашої компанії
- Тримайте просто: Одне чітке повідомлення на графіку
- Генеруйте варіанти: Тестуйте різні підходи
Рекламні креативи для соціальних мереж

Що це таке
Рекламні креативи для соціальних мереж — зображення розроблені для зупинки прокрутки та передачі цінності за частку секунди. Вони оптимізовані для продуктивності у стрічці.
Специфікації платформ
| Платформа | Рекомендовані розміри | Примітки |
|---|---|---|
| 1200×627 (пейзаж), 1080×1080 (квадрат) | Професійна B2B аудиторія | |
| Twitter/X | 1200×675 (пейзаж), 1080×1080 (квадрат) | Швидке залучення |
| Facebook/Instagram | 1080×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.