Pixany 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
Dec 11, 2025
Use cases
App / Web designProduct marketing

More prompts like this

Sophisticated Oil Portrait Painting

Sophisticated Oil Portrait Painting

{argument name="style" default="Sophisticated contemporary oil portrait painting"} with expressive loose brushwork, combining refined semi-realistic portraiture, classical fine-art painting, and modern editorial painterly aesthetics. The subject is rendered with highly controlled yet visibly handcrafted oil strokes, layered pigments, soft impasto, delicate dry-brush marks, and expressive directional brushwork that follows the natural anatomy and volume of the face. Facial features are detailed and semi-realistic, with luminous skin, natural texture, expressive eyes, carefully modeled nose and lips, and richly layered hair built from flowing individual brushstrokes. Use {argument name="color palette" default="warm brown, deep umber, burnt sienna, ochre, muted peach, cream, ivory, soft gray-blue, charcoal, and subtle muted gold accents"}, matching the reference palette precisely. Highlights are predominantly warm ivory and creamy white, while shadows remain deep but soft and painterly. The background uses the same desaturated blue-gray and warm ivory palette, appearing like an unfinished classical painted canvas. Broad vertical and horizontal brushstrokes, translucent paint layers, softly scraped areas, subtle dry-brush textures, and irregular painterly patches create an atmospheric studio-like backdrop. Keep the background simple, quiet, and organically integrated with the portrait rather than sharply separated. The lower portion of the figure intentionally becomes unfinished and gradually dissolves into loose white and ivory brushstrokes. Clothing, shoulders, chest, and lower contours progressively lose definition, breaking into scattered semi-transparent strokes and fading pigment. Edges become incomplete, soft, irregular, and partially disappear into the background, creating the unmistakable impression of an intentionally unfinished oil painting. Do not create a hard bottom edge. Maintain a refined balance between highly detailed facial realism and deliberately unfinished painterly abstraction. Visible brushwork, layered oil pigments, soft impasto, subtle canvas texture, natural imperfections, elegant tonal transitions, museum-quality portrait painting, cinematic atmosphere, timeless fine-art character. No photorealistic photography, no 3D CGI, no vector appearance, no hard digital outlines, no glossy rendering, no completely finished lower body, no sharp background separation. --ar {argument name="aspect ratio" default="9:16"}

Detailed Watercolor Portrait Illustration

Detailed Watercolor Portrait Illustration

Ar 9:16! Expressive loose watercolor illustration style, ultra-detailed watercolor portrait rendering, soft translucent paint layering, wet-on-wet watercolor diffusion, natural pigment bleeding effects, delicate brushstroke textures, airy hand-painted aesthetic, realistic anatomy blended with painterly abstraction, subtle ink-like edge definition, elegant unfinished watercolor splashes around the composition, soft feathered transitions between colors, luminous paper texture visible through transparent paint layers, warm natural skin tones with gentle blush highlights, cinematic soft lighting, flowing organic brush movement, refined watercolor realism with emotional fine art atmosphere, smooth facial rendering contrasted with loose expressive edges, handcrafted traditional painting aesthetic, watercolor bloom effects, fluid color gradients, lightly desaturated palette with {argument name="colors" default="earthy warm neutrals and muted blues"}, premium {argument name="medium" default="sketchbook"} illustration style, visible artistic spontaneity, delicate strand-like hair strokes, atmospheric white negative space, minimal background detail, soft focus depth, editorial fine art watercolor aesthetic, subtle accidental paint marks and organic imperfections, elegant composition balance, painter’s hand holding a {argument name="brush type" default="thin paintbrush"} visible in foreground, immersive artist-at-work perspective, realistic brush and hand rendering, museum-quality watercolor artwork, timeless classical painting mood, sophisticated contemporary watercolor portrait style, ultra refined paper-and-pigment texture, dreamy and poetic visual tone, handcrafted artistic realism, master-level watercolor detailing.

Ancient Egyptian Print Illustration

Ancient Egyptian Print Illustration

2D flat illustration, unveiled Middle Eastern woman, full body, long open kimono-style robe in {argument name="color" default="deep lapis blue"} with gold embroidered {argument name="symbols" default="Egyptian scarab, eye of Horus, and geometric border patterns"}, plain cream inner dress, minimal warm beige background with faint temple column motif, statuesque pose, 3:4

Egyptian Summer Fashion Illustration

Egyptian Summer Fashion Illustration

2D editorial illustration inspired by Egyptian North Coast summer, unveiled {argument name="ethnicity" default="Middle Eastern woman"}, wide-leg breezy trousers in {argument name="trouser color" default="sandy beige"} with hand-drawn wave prints, embroidered blouse with {argument name="blouse motif" default="palm frond motifs"}, warm sun-drenched palette, minimal background suggesting sea and dune, elegant relaxed pose, 3:4

2D Flat Vector Fashion Illustration

2D Flat Vector Fashion Illustration

2D flat vector fashion illustration, {argument name="subject" default="unveiled Middle Eastern woman"}, full body, wearing {argument name="trousers" default="wide-leg trousers in mustard yellow with geometric print"}, {argument name="blouse" default="embroidered cream blouse with floral motifs"}, minimal shadows, clean bold outlines, soft beige background, editorial fashion pose, 3:4

Modern Fashion Line Art

Modern Fashion Line Art

Modern fashion line art illustration, {argument name="subject" default="unveiled Middle Eastern woman"}, single-weight black linework, flat color blocks in ochre and sage green, {argument name="trousers" default="wide-leg patterned trousers"}, {argument name="blouse" default="embroidered off-shoulder blouse"}, negative space composition, soft cream background, walking pose, 3:4

Holographic Canvas Glass Studio

Holographic Canvas Glass Studio

{argument name="setting" default="Glass studio"}, {argument name="canvas" default="holographic canvas"}, {argument name="lighting" default="mixed tungsten and cyan light"}.

Luxurious Retrofuturistic Train Exterior

Luxurious Retrofuturistic Train Exterior

{ "image_generation_prompt": { "shot_type": "exterior shot, photo", "subject": "{argument name="subject" default="A luxurious retrofuturistic train"}", "color_palette": [ "{argument name="primary color" default="pastel pink"}", "{argument name="secondary color" default="mint green"}" ], "interior_design": { "style": "Zaha Hadid", "elements": "filled with flowers", "features": "large windows" }, "setting": "{argument name="environment" default="overlooking Paris during cherry blossom season"}", "focus": "train exterior", "parameters": { "aspect_ratio": "9:16", "version": 7 } } }

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