3.2.3: Marketing & Launch Assets
- Time to Complete: 20 minutes
- Prerequisites: Strategy & Architecture Visuals (Module 3.2.2)
Start this module in Cursor: Run
/start-3-2-3to begin the interactive experience.
Overview
Module 3.2.3 completes your product visual toolkit with marketing and launch assets. App store graphics, social ads, launch announcements - the visuals that introduce your product to the world.
Key takeaway: Marketing visuals communicate value instantly. A great launch graphic can generate excitement that paragraphs of text cannot.
The Scenario
TaskFlow Mobile got the green light. It’s launching next month. Marketing needs assets:
- App store hero - The feature graphic users see in the store
- Social ad creative - Campaign assets for LinkedIn/social
- Launch announcement - The “we’re here” moment graphic
Let’s build each one.
App Store Feature Graphics

What They Are
Feature graphics are the hero images users see in app stores. They’re the first visual impression of your product.
Requirements by Platform
| Platform | Size | Notes |
|---|---|---|
| App Store | 1024×1024 (icon), various for screenshots | Focus on the app icon and screenshot sequence |
| Play Store | 1024×500 (feature graphic) | Wide banner format |
| Both | Multiple device screenshots | Show key features |
How to Generate
Basic prompt:
Create an app store feature graphic for [app name].
Show the app on [device], highlighting [key feature/benefit].
Clean, professional style. [dimensions].Example - 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.Key Elements
| Element | Purpose |
|---|---|
| Device frame | Shows the product is real/tangible |
| UI screenshot | Demonstrates the interface |
| Context | Suggests the use case |
| Clean background | Keeps focus on the product |
Style Tips
- B2B apps: Professional, clean, functional feel
- Consumer apps: Vibrant, emotional, lifestyle-focused
- Enterprise: Trustworthy, secure, sophisticated
- Startup: Modern, innovative, fresh
Pro Tips
- Show real value: Feature your best UI, not generic screens
- Match brand colors: Use your company’s color palette
- Keep it simple: One clear message per graphic
- Generate variants: Test different approaches
Social Ad Creatives

What They Are
Social ad creatives are images designed to stop the scroll and communicate value in a fraction of a second. They’re optimized for feed performance.
Platform Specifications
| Platform | Recommended sizes | Notes |
|---|---|---|
| 1200×627 (landscape), 1080×1080 (square) | Professional B2B audience | |
| Twitter/X | 1200×675 (landscape), 1080×1080 (square) | Quick engagement |
| Facebook/Instagram | 1080×1080 (square), 1080×1350 (portrait) | Visual-first platforms |
How to Generate
Basic prompt:
Create a social ad for [product].
Message: [key value proposition]
Style: [visual approach]
Include space for headline text.
[dimensions]Example - 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).Ad Creative Patterns
| Pattern | Description | Best for |
|---|---|---|
| Before/After | Problem state → Solution state | Transformation stories |
| Product Hero | Device/interface centered | Feature announcements |
| Lifestyle | User in context | Emotional connection |
| Data/Stats | Numbers with visual impact | Credibility building |
| Testimonial | Quote with person | Social proof |
Pro Tips
- Hook in 1 second: The image must communicate value instantly
- Leave text space: Headlines will be added; don’t crowd the image
- Use contrast: Stand out in a feed full of content
- Generate multiple variants: A/B testing is standard practice
Launch Announcement Graphics

What They Are
Launch announcement graphics are the “we’re here” visuals. They go in blog posts, email blasts, social announcements, press releases - everywhere you’re declaring the launch.
When to Use
- Product launch day
- Major feature releases
- Version updates
- Milestone announcements
How to Generate
Basic prompt:
Create a launch announcement graphic for [product].
Concept: "Introducing [product name]"
Feel: [emotional tone]
Professional quality suitable for press release.
16:9 aspect ratio.Example - 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.Key Elements
| Element | Purpose |
|---|---|
| Product hero | The thing being launched |
| Announcement energy | Excitement, newness, momentum |
| Text space | Room for “Introducing…” headline |
| Brand alignment | Company colors and style |
Mood Options
| Mood | Visual approach |
|---|---|
| Exciting | Motion blur, dynamic angles, bright colors |
| Premium | Clean, minimal, sophisticated lighting |
| Innovative | Futuristic, tech-forward, bold |
| Trustworthy | Stable, professional, reassuring |
Pro Tips
- Make it feel like an event: This isn’t just another graphic
- Center the product: The hero should be unmistakable
- Generate multiple versions: Different platforms need different formats
- Think about text overlay: Leave room for headlines and dates
Complete Launch Asset Kit
Here’s a complete set for a product launch:
App Store Presence
- Feature graphic (16:9)
- 5-6 screenshot mockups
- App icon (if needed)
Social Campaign
- LinkedIn ad creative (square + landscape)
- Twitter/X card image
- Instagram post + story variants
Announcement Package
- Press release hero (16:9)
- Email header graphic
- Blog post featured image
- Social announcement variants
Total time: 30-45 minutes for a complete launch kit.
Using Your Style Library
Marketing benefits from consistent visual identity.
Build marketing-specific styles:
- “Brand Ad Style” - your company’s visual language
- “Launch Energy” - dynamic announcement feel
- “App Store Clean” - store listing aesthetic
Then apply consistently:
Generate LinkedIn ad using style #45 (Brand Ad Style)
Generate announcement using style #52 (Launch Energy)Best Practices
Do:
- Match your brand - use consistent colors and style
- Focus on value - what does the user get?
- Generate variants - marketing requires testing
- Think platform-first - optimize for where it will appear
- Keep it simple - one message per graphic
Don’t:
- Don’t overcrowd - leave breathing room
- Don’t be generic - show YOUR product, not stock imagery
- Don’t forget text space - copy will be added
- Don’t use tiny text - mobile feeds are small
- Don’t skip variants - one version is never enough
Troubleshooting
Ad doesn’t stop the scroll
- Increase contrast and boldness
- Try a more emotional concept
- Make the transformation more dramatic
- Generate completely different variants
App store graphic looks generic
- Show actual UI, not placeholder screens
- Add context that suggests the use case
- Reference your brand colors explicitly
- Try a lifestyle approach (product in use)
Launch announcement doesn’t feel exciting
- Request “launch energy” or “announcement moment”
- Add dynamic elements (motion blur, spotlight)
- Make the product more prominent
- Generate variants with different moods
The Bigger Picture
Let’s zoom out for a moment.
What You’ve Built
Through Nano Banana, you’ve assembled a professional creative pipeline:
1. The most powerful image model Gemini 3 Pro generates photorealistic images, transforms references, handles text overlays, and maintains consistency across generations.
2. The most powerful AI assistant Cursor handles all the technical complexity - API calls, session management, file saving. You focus on creative direction.
3. A compounding system Your style library grows with every project. What took exploration now takes one command: “use style #12.”
The Difference
Most people use AI image tools as novelties:
- Generate random images
- Use once
- Start over
You have a professional pipeline:
- Generate with intention
- Build reusable styles
- Compound over time
That’s the difference between using AI occasionally and having AI as a creative superpower.
Course Complete
Congratulations. You’ve completed Nano Banana.
From your first “Carl in a banana suit” generation to launching a product with professional marketing assets - you went from “how does this work?” to having a complete visual toolkit.
You now have:
- Understanding of the most powerful image model available
- Mastery of prompting principles that get great results
- A reusable style library that grows more valuable over time
- Skills to create any PM visual: personas, diagrams, mockups, marketing
Your style library is yours forever. Keep building it. Every project makes it more valuable.
What’s Next?
This is the final module of Nano Banana. But your journey continues:
Keep building your library:
- Save styles from every project
- Extract styles from images you admire
- Share styles with your team
Apply to real work:
- Pitch decks and presentations
- User research artifacts
- Product documentation
- Marketing campaigns
Stay connected: Check out The Full Stack PM for more PM builder content, including advanced techniques and new style libraries.
Congratulations on completing Nano Banana!
Now go build something amazing.
Resources
- Hootsuite Social Media Image Sizes - All platforms, updated regularly
- Sprout Social Image Guide - Comprehensive specs
- App Store Screenshot Guide - Apple requirements and best practices
- Google Play Screenshot Guide - Android requirements
- App Screenshot Best Practices - Design tips
About This Course
Created by Carl Vellotti. Nano Banana is part of the Cursor for Product Managers course.
Source Repository: github.com/carlvellotti/claude-code-pm-course