UI/UX Redesign Prompt (Pop Design Style)
A high-resolution cross-platform device mockup showing a redesigned mobile app and desktop web interface for a video tiling and export workflow. The screens feature playful pop-colored UI with upload controls, tiled video previews, and export resolution settings, with no characters or people shown.
Model: Nano Banana ProCategory: Product MarketingStyle: IllustrationLanguage: ja
Prompt
You are an experienced senior UI/UX designer who specializes in launching new services and redesigns. Analyze the attached image (or the 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 showing the **“smartphone version (mobile app)”** and the **“PC version (web dashboard or landing page)”** of this app/service side by side, with a **completely redesigned** interface. **Important request:** 1. **Complete redesign:** Do **not** imitate the visual style of the attached image at all. Follow the later instructions for the “pop design” and propose a completely new design. 2. **Preserve functionality:** Core app functions such as **“upload,” “tile-based video 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) Before drawing, build the design by carrying out the following thinking process: * [Step 1: Extract functional requirements] From the attached image, identify what this service does (video upload, tile-based editing, output, etc.) and list the necessary UI elements. * [Step 2: Define a pop design concept] Based on the “▼ New Design / Style Specification” below, define a vibrant color palette, playful shapes, and friendly typography. * [Step 3: Responsive UI design]: * Smartphone version: Using the defined pop design, optimize the UI so it is fun and easy to operate even on a narrow screen. Place buttons large enough to press easily. * PC version: Using the defined pop design, design a visually enjoyable grid layout that makes use of the wide screen. * [Step 4: Spatial composition] Arrange the PC and smartphone beautifully side by side, and set the angle so the new design on both screens is clearly conveyed. ▼ New Design / Style Specification * **Design direction:** Adopt a **“fun, friendly, and energetic pop design.”** * **Color:** Use a highly saturated, vivid multicolor palette (for example, candy colors, bright yellow, hot pink, sky blue) to create a lively impression. * **Shapes:** Make generous use of large rounded corners for buttons, cards, and windows to create a soft, touchabl...