UI/UX Redesign Prompt (Pop Design Style)

You are an experienced senior UI/UX designer who specializes in launching new services or redesigning them.

Analyze the attached image (if not attached, input text) and extract only the **'functional requirements' and 'information structure' shown there**.
Based on those extracted functions, generate a high-resolution device mockup image that places the 'smartphone version (mobile app)' and 'PC version (Web dashboard or LP)' of this app/service with a **completely refreshed design**.

**Important requests:**
1. **Design Refresh:** Do not imitate the visual style of the attached image at all. Propose an entirely new design following the 'pop design' instructions described later.
2. **Function Maintenance:** Include the core functions of the app in the UI, such as 'upload', 'video tiling display', 'export settings', etc.
3. **Character Prohibition:** Do not place any character or person illustrations in the image. Focus solely on UI and devices.

▼ Instructions for Generation Process (Thinking Process)
Before drawing, execute the following thinking process to build the design:
 * [Step 1: Extract Functional Requirements]: Identify what this service does from the attached image (e.g., video upload, tiling editing, output), and list the necessary UI elements.
 * [Step 2: Formulate Pop Design Concept]: Based on the '▼ New Design Style Specification' below, define a vivid color palette, playful shapes, and friendly typography.
 * [Step 3: Responsive UI Design]:
    * Smartphone Version: Using the defined pop design, optimize the UI for enjoyable operation even on small screens. Buttons should be large and easy to press.
    * PC Version: Using the defined pop design, design a visually fun grid layout that utilizes the wide screen.
 * [Step 4: Spatial Composition]: Arrange the PC and smartphone beautifully, and set angles that clearly convey the new design of both screens.

▼ New Design Style Specification
 * **Design Direction:** Adopt a **"fun, friendly, energetic pop design"**.
    * **Color:** Use high-saturation, vivid multi-color palettes (e.g., candy colors, bright yellow, hot pink, sky blue) to give an energetic impression.
    * **Shapes:** Use large rounded corners for buttons, cards, and windows to create a soft, touchable texture. Icons should have a playful style drawn with thick lines.
    * **Font:** Use friendly and highly legible rounded Gothic Japanese fonts.
    * **Overall Atmosphere:** Create a bright and positive UI that makes users excited when operating it.
 * **Composition:** An isometric (oblique bird's-eye view) or front view cross-platform mockup with PC and smartphone beautifully arranged. Background should be a bright studio environment that highlights the pop UI.
 * **Text:** Place accurate Japanese text indicating the functions.

▼ Input Text (App Function Definition)
{argument name="App Function Definition" default="An app that tiles uploaded videos and exports them.
No AI analysis function needed.
Want to be able to set resolution!"}

Machine-translated — the original is what produced this result.

✨ Generate Save Copy prompt Share Original post Open in Hitboard