Kenerate AI
Back to library
UI/UX Redesign Prompt (Pop Design Style) 1
ImageNeeds reference image

UI/UX Redesign Prompt (Pop Design Style)

A detailed system prompt for Nano Banana Pro Agent V1.2, instructing it to act as a senior UI/UX designer. The AI must analyze the functionality and information structure of an existing app (defined by an image or text input) and completely redesign the UI in a 'fun, approachable, and energetic pop design' style, generating a high-resolution device mockup showing both smartphone and PC versions side-by-side. The prompt strictly forbids mimicking the original visual style and requires specific design elements like high saturation, rounded corners, and playful typography.

Prompt
You are an experienced senior UI/UX designer specializing in new service launches and redesigns.

Analyze the attached image (or input text if no image is attached) and extract **only the 'functional requirements' and 'information structure'** shown there.
Based on the extracted functions, generate a high-resolution device mockup image of the app/service with a **completely refreshed design**, showing both the 'Smartphone version (mobile app)' and the 'PC version (Web dashboard or LP)' side-by-side.

**Important Requests:**
1.  **Design Refresh:** **Do not imitate** the visual style of the attached image at all. Propose a completely new design according to the 'Pop Design' instructions below.
2.  **Functionality Maintenance:** Core app functions, such as 'Upload,' 'Video Tiling Display,' and 'Export Settings,' must be included in the UI.
3.  **No Characters:** Do not place any characters or human illustrations in the image. Focus only on the UI and devices.

▼ Instructions for the Generation Process (Thinking Process)
Construct the design by executing the following thought process before drawing:
 * [Step 1: Extraction of Functional Requirements]: Identify what the service does from the attached image (e.g., video upload, tiling edit, output) and list the necessary UI elements.
 * [Step 2: Formulation of Pop Design Concept]: Define a vibrant color palette, playful shapes, and approachable typography based on the '▼ New Design and Style Specification' below.
 * [Step 3: Responsive UI Design]:
    * Smartphone Version: Optimize the UI using the defined pop design so that it is fun to operate even on a small screen. Buttons should be large and easy to press.
    * PC Version: Design a visually enjoyable grid layout utilizing the wide screen, using the defined pop design.
 * [Step 4: Spatial Composition]: Set an angle where the PC and smartphone are beautifully aligned, and the new design of both screens is clearly conveyed.

▼ New Design and Style Specification
 * **Design Direction:** Adopt **'Fun, Approachable, and Energetic Pop Design.'**
    * **Color:** Use a highly saturated, vibrant multi-color palette (e.g., candy colors, bright yellow, hot pink, sky blue) to give an energetic impression.
    * **Shape:** Frequently use large rounded corners for buttons, cards, and windows to create a soft, tactile texture. Icons should be in a playful style drawn with thick lines.
    * **Font:** Use an approachable and highly legible rounded Gothic Japanese font.
    * **Overall Atmosphere:** Finish with a bright, positive UI that makes the user excited to interact with it.
 * **Composition:** Cross-platform mockup with the PC and smartphone beautifully aligned, in an isometric (oblique overhead) or front view. The background should be a bright studio environment that enhances the pop UI.
 * **Text:** Place accurate Japanese text indicating the functions.

▼ Input Text (App Function Definition)
{argument name="app function definition" default="App to tile and export uploaded videos\nNo AI analysis function needed\nI want to be able to set the resolution!"}
Author
Community
Published
Apr 13, 2026
Use cases
App / Web designProduct marketing

More prompts like this

Augmented Reality UI Overlays on Food Items

Augmented Reality UI Overlays on Food Items

Dessert (AR shopping UI) POV shot inside a modern supermarket aisle, hands holding a small gourmet dessert with cream and berries, futuristic augmented reality (AR) interface overlay showing calories, sugar, fats, freshness score, expiry date, and recipe suggestions, soft depth of field, cinematic lighting, ultra-realistic, 4K, tech-inspired UI, clean glassmorphism design ⸻ 2. Apple (AR nutrition UI) First-person view in a grocery store holding a fresh red apple, augmented reality interface displaying calories, vitamin C, fiber, freshness bar, and recipe ideas, minimal futuristic UI panels floating around the object, bright supermarket lighting, shallow depth of field, hyper-realistic, modern tech aesthetic, 4K ⸻ 3. Orange Soda Bottle (AR data UI) POV shot of hands holding an orange soda bottle in a supermarket aisle, futuristic AR overlay showing calories, sugar content, caffeine level, freshness score, expiry date, and drink recipes, sleek holographic interface, glassmorphism UI, vibrant colors, cinematic lighting, ultra-detailed, photorealistic, 4K

Artistic Cyberpunk Neon Megacity

Artistic Cyberpunk Neon Megacity

A {argument name="setting" default="neon megacity transit control nexus"} in an {argument name="style" default="artistic cyberpunk style"}

Presentation Slide Generation Prompt

Presentation Slide Generation Prompt

Create a set of presentation slides, adopting a whiteboard and doodle style, focusing on step-by-step explanations, featuring a consistent colored thick pencil hand-drawn style, rich information, including Chinese text, using the nano_banana tool to generate images, and extracting core information.

Hyper-realistic macro photography of tiny humans on a WhatsApp speech bubble bridge

Hyper-realistic macro photography of tiny humans on a WhatsApp speech bubble bridge

Hyper-realistic top-down macro photography. A long, dark-grey WhatsApp speech bubble (outgoing message style) acting as a narrow stone bridge over a deep void. Two real living humans—a man and a woman shrunk to tiny scale—are cautiously walking toward each other from opposite ends. They are NOT plastic figures; they have visible skin texture, wind-blown natural hair, and realistic fabric textures on their hiking gear. One person is reaching out a hand. The text inside the bubble reads: '{argument name="bubble text" default="come over here"}'. Bottom right has a timestamp '{argument name="timestamp" default="11:11 PM"}' and grey ticks (unread). The background is completely filled with a high-density, seamless WhatsApp doodle pattern in a deep midnight blue, covering the entire surface edge-to-edge. Professional cinematic lighting with a slight glow emitting from the bubble’s edges, 8k resolution, sharp focus on the people.

Emotional Handwritten Aesthetic Design

Emotional Handwritten Aesthetic Design

I want to create an emotional design with handwritten characters. Beautiful and cute flowing characters drawn by a young woman. It has a scribbled diagonal accent but the cuteness wins out. Use only a white background as it will be used as a material. No decoration, the beauty of the characters stands out. The text is: {argument name="text to express" default="please enter the text you want to express here"}

Luxury Coffee Tasting Menu Layout Prompt

Luxury Coffee Tasting Menu Layout Prompt

Luxury coffee tasting menu layout, irregular grid composition, 9:16 aspect ratio for webpage. LAYOUT: Irregular 3x3 grid, varied cell sizes, flowing editorial arrangement BACKGROUND: Tone-on-tone panels - alternating {argument name="color 1" default="latte beige (#F2E2D2)"}, {argument name="color 2" default="mocha brown (#D1B48F)"}, and coffee cream (#FAF5E6) creating a subtle caffeinated rhythm PRODUCT EXPRESSION: Product only, overhead and 45-degree angles mixed, plated presentation on minimalist slate ceramics TONE STRATEGY: Tone-on-tone - coffee colors harmonize with background tones, an ethereal blend MAIN ELEMENTS: Individual coffee tastings - Espresso with crema foam, Cappuccino toast with gold dust, Caviar on blinis substituted with coffee caviar on biscotti, Latte with lemon twist, Mocha tartlet, each on matching plates, consistent soft lighting TYPOGRAPHY: Bilingual - English names in elegant light serif (Didot), English/Korean below in clean sans-serif, small origin descriptions in light gray CAMERA: Canon EOS R5, 100mm Macro for details, 50mm for full plates, soft diffused overhead lighting, side rim lighting STYLE: Minimal + Luxury hybrid - generous whitespace, refined typography, coffee colors as primary source Style keywords: coffee, tasting menu, tone-on-tone, luxury, webpage A delicate handwritten signature "Willy" is elegantly placed in small letters at the bottom right corner..

Hyper-Realistic Mixed Reality Fanta Bottle Interface

Hyper-Realistic Mixed Reality Fanta Bottle Interface

First-person perspective inside a brightly lit supermarket aisle. Realistic human hands bring a bottle of Fanta soda close to the camera. The vibrant orange drink in its iconic branded bottle is surrounded by a multi-layered holographic augmented reality interface, displaying nutritional data including calories, sugar content, caffeine levels, freshness indicator, expiration date, and recommended serving methods and cocktail recipes. The user interface elements smoothly move and reorganize based on the viewer's gaze direction, as if dynamically responding to user focus. In the left peripheral vision, a vertical translucent shopping list is visible, where Fanta is highlighted as the currently active option among the checked items. Hyper-realistic mixed reality, clean futuristic AR design, glass-textured UI panels, soft ambient light, realistic light and shadow, natural depth of field, immersive first-person interface, showcasing next-generation retail technology.

Landing Page Design for Leather Journals (Split Screen)

Landing Page Design for Leather Journals (Split Screen)

Cozy and inviting library interior product showcase, desktop landing page, 16:9 ratio. PAGE TYPE: Landing page - promoting a new line of handcrafted leather journals LAYOUT: Split screen - left image hero, right bento grid of detail cards HERO SECTION (left): - Image: Woman with Eurasian features, wearing a cream cashmere sweater, seated in an armchair in a softly lit library, writing in a journal with a fountain pen - Text: Handcrafted Leather Journals - Capture Your Thoughts in Style - CTA: Discover the Collection BENTO GRID (right): - Card 1 (top left): Leather Texture Detail - close-up of journal cover, highlighting leather grain - Card 2 (top right): Fountain Pen - elegant fountain pen resting on open journal page - Card 3 (middle): Hand Stitching - detail of meticulous hand stitching on the spine - Card 4 (bottom left): Paper Quality - close-up of high-quality paper texture with handwritten script - Card 5 (bottom right): Custom Embossing - example of personalized embossing on the cover BACKGROUND: Softly lit library - warm wood shelves filled with books, antique desk lamp, leather armchair LIGHTING: Rembrandt lighting - single light source creating dramatic shadows, golden hour effect TONE: Warm earth tones - browns, creams, gold accents, rich mahogany STYLE: Quiet luxury - elegant, understated, focus on craftsmanship CAMERA: Hasselblad H6D, 85mm f/1.2, shallow depth of field Style keywords: handcrafted, leather, journal, quiet luxury, library, warm, texture. A stylish handwritten signature Willy is elegantly and small letters placed at the Bottom Right corner

Some prompts are collected from creators on X. Copyright belongs to the original authors.