Best prompts for Image Generation ChatGPT for UX mockups using AI for user journey visualization

Generate a high-fidelity mobile UX mockup showing a 3-screen onboarding flow for a travel planning app called "Wanderly". Device: iPhone 13 Pro (1170x2532 px). Screens: Welcome (logo, 2-line tagline, Sign up / Continue with Google), Interests selection (grid of 8 interest chips with multi-select state), Permissions & Personalization (location toggle, notification toggle, Continue button). Visual style: modern rounded cards, gradient primary color #0077FF to #00D1FF, white background, 16pt system font for headings, 14pt for body. Include numbered arrows between screens (1→2→3) and short callout labels describing each step (e.g., “collect preference”, “request location permission”). Export as 3-panel image with 24px gutter and subtle drop shadow under each phone.

Produce an annotated desktop mockup that visualizes a 4-step checkout journey for an online store "Oak & Loom". Canvas: 1440x900. Steps/screens: Cart review (promo field visible), Shipping address (autocomplete address field), Payment (card input, PayPal button, saved cards), Order confirmation (summary). Mark likely friction points with red callouts and short microcopy suggestions (e.g., “address suggestions missing”, “expensive shipping not shown until last step”). Use neutral UI kit (light gray #F4F5F7, primary #0A66FF), 12px annotation labels, arrows connecting steps, and highlight CTAs. Provide both a full-flow view and zoomed-in callout panels for each friction point.

Create a high-fidelity desktop mockup sequence (5 screens) showing a new user’s journey from signup to achieving first success in a project management SaaS called "TaskPulse". Canvas: 1280x800. Screens: Signup > Empty dashboard with checklist > Project creation modal > First task created inside project > Success toast + progress bar updated. Use a professional, flat UI (primary color #2D9CDB, accent #F2C94C). Include: checklist items with progress percentages, an onboarding tooltip pointing to the “Create project” CTA, and a congratulatory modal when first task is completed. Add step numbers and a short narrative line beneath each screen (e.g., “User sees checklist and creates project”).

Design a set of 4 mobile mockups illustrating common error states and recovery paths for a banking app called "NimbleBank". Device: Pixel 6 (1080x2400). Screens: Login failure (invalid password), Transfer failure (insufficient funds), Network error during deposit (retry option), Successful recovery flow after retry. Visual style: secure/trustworthy palette (#0B3D91, #E6F0FF), large error icon, clear inline validation messages, suggested actions (Forgot password, Contact support, Retry), and subtle animations indicated with motion arrows. Add annotations describing expected user emotions and recommended copy tone.

Generate a three-panel responsive mockup showing the same e-commerce user journey (Landing page → Product page → Checkout) across desktop (1440x900), tablet (1024x1366), and mobile (375x812). Brand: "Sage Home" with earthy palette (#47685A, #F7F3EE). Show layout adjustments, CTA placement changes, collapsed elements (hamburger), and how the checkout form compresses across breakpoints. Annotate differences with short notes (e.g., “sticky add-to-cart on mobile”). Provide pixel-perfect spacing and typographic scale labels.

Produce a horizontal persona journey visualization that combines screens and annotations for a persona named “Aisha, 29, Busy Professional” using a wellness app "Calmly". Include: persona card (photo placeholder, goals, pain points), timeline with 6 touchpoints (Discovery, Install, Onboarding, First session, Subscription offer, Retention), mini mockups for each touchpoint (mobile 360x780 thumbnails), emotion curve under timeline, and callouts showing opportunities (e.g., “send morning reminder”). Style: minimal, pastel palette #FFDCD1 to #E5F8F2, 10px annotation text.