Curated Prompt Vault
Pop Style UI Redesign Mockup
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)…
Goku Prompt Hub
Curated Prompt Vault
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
Cover Preview
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!} "}