Goku Prompt Hub

Curated Prompt Vault

Pop Style UI Redesign Mockup

NB_01172 2026-07-01 x Content Creation
UI DesignPop StyleMockup

You are an experienced senior UI/UX designer specializing in launching and redesigning new services. Analyze the attached image (or input text if not attached)…

Cover Preview

Pop Style UI Redesign Mockup

Cover Preview

Full Prompt

⚡Generate
You are an experienced senior UI/UX designer specializing in launching and redesigning new services.

Analyze the attached image (or input text if not attached) and extract only the **functional requirements' and 'information structure' shown there.
Based on the extracted features, generate a high-resolution device mockup image featuring **a completely redesigned smartphone (mobile app)' and a 'PC version (web dashboard or LP)' side by side for this app/service.

**Important Request:**
1. **Refresh the design:** Do not **copy the visual style of the attached images at all.** Follow the instructions for 'pop design' to propose completely new designs.
2. **Maintain Features:** Be sure to include core app features such as "Upload," "Video Tile," and "Export Settings" in the UI.
3. **No Characters:** Do not place any illustrations of characters or people in the images. Focus solely on the UI and device.

▼ Instructions for the Generation Process (Thinking Process)
Before drawing, carry out the following thought process to build your design.
 * [Step 1: Extract Functional Requirements]: From the attached images, identify what this service will do (video upload, tile editing, output, etc.) and list the necessary UI elements.
 * [Step 2: Developing a Pop Design Concept]: Based on the "▼ New Design Style Specification" below, define a vibrant color palette, playful shapes, and approachable typography.
 * [Step 3: Responsive UI Design]:
    * Smartphone version: Optimizes the UI so you can enjoy using a defined pop design even on narrow screens. The buttons are easy to press and placed larger.
    * PC version: Use defined pop designs to create visually enjoyable grid layouts that make the most of the wide screen.
 * [Step 4: Spatial Composition]: Beautifully line up your PC and smartphone, setting angles that clearly convey the new designs of both screens.

▼ New design and style specification
 **Design Direction:** **Adopt a 'fun, approachable, and energetic pop design.'
    **Color:** Use a highly saturated and vibrant multicolor palette (e.g., candy colors, bright yellow, hot pink, sky blue, etc.) to create a lively impression.
    * **Shape:** Large rounded corners are frequently used on buttons, cards, and windows, creating a soft texture that makes you want to touch them. The icon should be drawn with bold lines for a playful style.
    * **Font:** We use a friendly and highly visible rounded Gothic Japanese font.
    **Overall Atmosphere:** Create a bright and positive UI that excites users when operating it.
 **Composition:** A cross-platform mockup of a PC and smartphone beautifully displayed side by side in isometric (diagonal overview) or front-view view. The background features a bright studio environment that highlights the pop UI.
 **Text:** Accurate Japanese text indicating the features is placed.

▼ Input text (app function definition)
{argument name="App function definition" default="An app that exports uploaded videos by tiling them\nAI analysis feature not required\nWant to be able to set resolution!} "}