Nano Banana prompt: Create a clean, modern mobile app user flow infogr...
14views
0favorites
Model used
Nano Banananano-banana-proCategory
nsfwGeneration parameters
Image2752x1536jpg
Prompt
Create a clean, modern mobile app user flow infographic for an AI pet customization app called “AIpet”.
Style:
- Product design / UX flow diagram
- Figma / FigJam style
- Dark mode UI
- Rounded cards
- Soft shadows
- Cute but edgy aesthetic
- Meme-friendly, slightly irreverent tone
- Clear arrows and connectors
- Minimal text, strong hierarchy
- Flat UI with subtle depth
Device:
- iPhone 14 size frames
- Vertical mobile screens
- 390x844 aspect ratio per screen
Layout:
- Vertical flow with arrows
- Clear top-to-bottom progression
- Final loop returning to the styles gallery
- Each screen clearly labeled
- Categories must appear ONLY ONCE in the entire flow
Screens to include (each as a separate mobile frame):
1. Onboarding / Welcome
- App name: “AIpet”
- Title: “Welcome to AIpet 😈”
- Subtitle: “Turn your pet into a legend”
- Mischievous but cute pet hero image
- Primary CTA button: “Start”
2. Value Proposition
- Carousel of cards
- Text examples:
- “From cute to chaotic”
- “Your pet, no filter”
- “Built for sharing”
- Visuals hinting at funny, rebellious, viral pet transformations
- Do NOT show category names here
3. Photo Upload
- Title: “Upload your pet”
- Instruction text: “Clear face, no blur”
- Visual examples:
- Correct photo with green check icon
- Incorrect photo with red cross icon
- Primary button: “Choose photo”
4. Photo Validation
- Pet photo preview
- Green check icon
- Text: “Perfect. Let’s go.”
- Button: “Continue”
5. Styles Gallery (ONLY PLACE WHERE CATEGORIES EXIST)
- Scrollable grid (2 columns)
- Edgy / viral style categories:
- DJ Rave 🪩
(headphones, club lights, DJ booth)
- Berlin Techno Leather 🖤
(black leather, harness vibes, underground club aesthetic)
- Stoner Dog 🌿
(relaxed, red eyes, couch energy)
- Mafia Cat 🕶️
(suit, cigar, boss attitude)
- Punk Rebel 🧷
(spikes, DIY chaos)
- Fiction Icons ⚡
(pets imitating famous fictional or human characters,
cartoon-inspired, superhero-like, electric creatures similar to Pikachu,
parody-style, no explicit brand logos)
- Some styles marked with a crown icon (PRO)
- This screen is the single source of truth for categories
6. Style Selected
- Large style preview image
- Style title only (no category list)
- Short playful description
- Button: “Continue”
7. Paywall
- Title: “Unlimited chaos”
- Pricing cards:
- Lifetime access
- 1 year plan (highlighted, badge: “3000+ sold”)
- 1 week plan
- Primary CTA button: “Continue”
- No category repetition
8. AI Generation
- Blurred background
- Soft animated loader
- Text: “Creating something legendary…”
9. Result Screen
- Generated pet image
- Action buttons:
- Save
- Share
- Animate
- Try another style
- No category text shown
10. Retention Loop
- Simple options:
- Try another style
- Unlock PRO
- Animate your pet
- Arrow looping back to the Styles Gallery
Overall mood:
- Viral-first, edgy but App Store safe
- Strong identity and humor
- Designed for TikTok, Instagram, WhatsApp sharing
- Clear UX logic, no duplicated information
Output:
- One single infographic showing the full AIpet user journey
- Clean arrows connecting each screen
- Categories appear only once
- Ready to be recreated in Figma or FigJam
More by @JamesPH
Comments (0)
Please sign in to comment