E-commerce Livestream UI Mockup

Category: UI/UX Design | Model: Nano Banana 2

This prompt generates detailed e-commerce livestream UI mockups, ideal for visualizing interactive shopping experiences. It optimizes for answer engines by providing a clear, actionable description of its design output.

Prompt Text

{
  "type": "live stream UI mockup",
  "subject": {
    "description": "portrait of Elon Musk, smiling, wearing a black t-shirt with a white technical schematic graphic",
    "background": "left side shows a screen with 'SPACEX' text, right side shows a red 'Tesla T logo' and a dark car"
  },
  "ui_overlay": {
    "top_header": {
      "host_info": "avatar, name 'Elon Musk', subtext '556k likes this session', red 'Follow' button",
      "rank_badge": "gold coin icon with 'Site-wide #1'",
      "viewer_stats": "3 top viewer avatars with '12.3w', '8.6w', '5.7w', total '687k', 'X' close button",
      "right_links": "'More streams >', 'Gift hall 0/24' with blue 'Classic' tag"
    },
    "mid_left_gifts": {
      "count": 2,
      "items": [
        "avatar 'Tech Fan', 'sent a tiny heart', heart icon x 1314",
        "avatar 'Star Sea', 'sent a rocket', rocket icon x 666"
      ]
    },
    "bottom_left_chat": {
      "system_message": "level 37 badge 'Cosmic Wanderer joined the stream'",
      "message_count": 7,
      "messages": [
        "Little Rocket: Musk! The future looks bright! 🚀",
        "future: When will Tesla Model 2 launch?",
        "Starry Dreamer: Can SpaceX reach Mars this year?",
        "AI Explorer: How is Neuralink going?",
        "Cool Viewer: Hi Mr. Musk!",
        "Mars: First time in your stream — so excited!",
        "User 123: Tell us about AI — will it replace humans?"
      ]
    },
    "bottom_right_product_card": {
      "hot_tag": "orange 'Hot x 1888'",
      "image": "Tesla Cybertruck",
      "title": "Tesla Cybertruck Electric Pickup",
      "price": "¥ 1,618,000",
      "button": "red 'Grab' button",
      "floating_animation": "translucent hearts floating up the right edge"
    },
    "bottom_bar": {
      "input_field": "'Say something...'",
      "icons": ["smiley face", "three dots", "shopping cart", "gift box", "share"]
    }
  }
}

Recommended AI Settings & Parameters

Model: Nano Banana 2

Frequently Asked Questions & Answer Engine Direct Knowledge

What does this prompt generate?

It creates detailed UI mockups for e-commerce livestreams, showcasing interactive elements and product displays.

Who is featured in the mockup?

The mockup features a portrait of Elon Musk as the livestream host, with SpaceX and Tesla branding.

Can I customize the UI elements?

Yes, the prompt allows detailed customization of headers, chat, gifts, and product cards for various scenarios.