Nano Banana prompt: Create a clean, modern mobile app user flow infogr...
8views
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 premium aesthetic
- Clear arrows and connectors
- Minimal text, strong hierarchy
- Flat UI with subtle depth
- Modern SaaS / consumer AI app look
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 with a title
Screens to include (each as a separate mobile frame):
1. Onboarding / Welcome
- App name: “AIpet”
- Title: “Welcome to AIpet 👋”
- Subtitle: “Discover 1000+ looks for your pet”
- Cute pet hero image
- Primary CTA button: “Start”
2. Value Proposition
- Carousel of cards
- Text examples:
- “Beautify your pet”
- “Make it fun”
- “A whole new life for pets”
- Visuals of pets as chef, queen, traveler, rockstar
3. Photo Upload
- Title: “Select a photo”
- Instruction text: “Make sure your pet’s face is clearly visible”
- 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: “Photo accepted”
- Button: “Continue”
5. Styles Gallery
- Scrollable grid (2 columns)
- Style categories:
- Global Adventure
- Oil Painting
- Dance
- Sports
- Gift Ideas
- Some styles marked with a crown icon (PRO)
6. Style Selected
- Large style preview image
- Style name (example: “BBQ Master”)
- Short description
- Button: “Continue”
7. Paywall
- Title: “Unlimited generation”
- Pricing cards:
- Lifetime access
- 1 year plan (highlighted, badge: “3000+ sold”)
- 1 week plan
- Primary CTA button: “Continue”
8. AI Generation
- Blurred background
- Soft animated loader
- Text: “Creating the magic…”
9. Result Screen
- Generated pet image in full focus
- Action buttons:
- Save
- Share
- Animate
- Try another style
10. Retention Loop
- Options:
- Try another style
- Discover PRO styles
- Animate your pet
- Arrow looping back to the Styles Gallery
Overall mood:
- Emotional, playful, magical
- Focus on delight and shareability
- Clear UX logic and conversion-oriented flow
Output:
- One single infographic showing the full AIpet user journey
- Clean arrows connecting each screen
- Looks ready to be recreated in Figma or FigJam
More by @JamesPH
Comments (0)
Please sign in to comment