Module 3: Nano Banana3.2.3: Marketing & Launch Assets

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-3 to 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:

  1. App store hero - The feature graphic users see in the store
  2. Social ad creative - Campaign assets for LinkedIn/social
  3. Launch announcement - The “we’re here” moment graphic

Let’s build each one.

App Store Feature Graphics

App store feature graphic example - minimal style

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

PlatformSizeNotes
App Store1024×1024 (icon), various for screenshotsFocus on the app icon and screenshot sequence
Play Store1024×500 (feature graphic)Wide banner format
BothMultiple device screenshotsShow 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

ElementPurpose
Device frameShows the product is real/tangible
UI screenshotDemonstrates the interface
ContextSuggests the use case
Clean backgroundKeeps 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

Social ad example - LinkedIn professional style

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

PlatformRecommended sizesNotes
LinkedIn1200×627 (landscape), 1080×1080 (square)Professional B2B audience
Twitter/X1200×675 (landscape), 1080×1080 (square)Quick engagement
Facebook/Instagram1080×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

PatternDescriptionBest for
Before/AfterProblem state → Solution stateTransformation stories
Product HeroDevice/interface centeredFeature announcements
LifestyleUser in contextEmotional connection
Data/StatsNumbers with visual impactCredibility building
TestimonialQuote with personSocial 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

Launch announcement example - gradient style

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

ElementPurpose
Product heroThe thing being launched
Announcement energyExcitement, newness, momentum
Text spaceRoom for “Introducing…” headline
Brand alignmentCompany colors and style

Mood Options

MoodVisual approach
ExcitingMotion blur, dynamic angles, bright colors
PremiumClean, minimal, sophisticated lighting
InnovativeFuturistic, tech-forward, bold
TrustworthyStable, 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


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