E-Commerce Live-Stream-UI-Mockup

Erstellt eine hochdetaillierte Mobile-App-Oberfläche für einen Live-Shopping-Stream, inklusive Moderator, Produkt-Overlays und Echtzeit-Chat-Elementen.

Eingabe

{
  "type": "Mobile Live-Stream-UI-Mockup",
  "subject": {
    "description": "junge asiatische Frau in traditionellem, hellpfirsichfarbenem Hanfu mit Blumenstickerei, verzierten Gold- und Perlenhaarnadeln mit rosa Blüten, lächelnd, in die Kamera blickend, eine runde Dose mit Blumentee haltend",
    "foreground_objects": {
      "count": 5,
      "items": [
        "runde Dose in der Hand der Moderatorin",
        "runde Dose auf dem Tisch",
        "rechteckige Schachtel auf dem Tisch",
        "geöffnete Dose mit getrockneten Teeblättern",
        "klare Glastasse mit blühender rosa Blume"
      ],
      "labels": ["Pfingstrosen-Blütentee"]
    },
    "background": "traditionelles chinesisches Interieur, warme Beleuchtung, hölzerne Gitterwände, rosa Blumenzweige"
  },
  "ui_layout": {
    "top_bar": {
      "elements": ["19:37", "Empfangsbalken", "WLAN", "Batterie"]
    },
    "top_left": {
      "host_info": {
        "name": "{argument name=\"host name\" default=\"Xiao Ya Guofeng Selection\"}",
        "stats": "830.000 Likes in diesem Stream",
        "button": "Folgen"
      },
      "badges": ["Verkaufs-Ranking", "Beliebtheits-Ranking"],
      "promo_banner": "Gutschein sichern und sparen - Hier klicken"
    },
    "top_right": {
      "viewers": {
        "count": 3,
        "text": "100.000+",
        "close_button": "X"
      },
      "links": ["Mehr Live-Streams >"],
      "event_banner": {
        "title": "{argument name=\"event banner text\" default=\"Douyin 618 Shopping Festival\"}",
        "dates": "24.05.-18.06."
      }
    },
    "mid_left_events": {
      "gift_count": 2,
      "gifts": [
        {"user": "Kele", "action": "sendet ein Herz", "combo": "x 16"},
        {"user": "An'an", "action": "sendet ein Beliebtheits-Ticket", "combo": "x 21"}
      ],
      "join_notification": "ist dem Live-Stream beigetreten"
    },
    "bottom_left_chat": {
      "message_count": 5,
      "messages": [
        "{argument name=\"chat message\" default=\"Ist dieser Blütentee gut für die Haut, Moderatorin?\"}",
        "Die Verpackung sieht so toll aus!",
        "Habe Link Nr. 2 gekauft, freue mich auf den Versand~",
        "Kannst du bitte etwas zu den Wirkungen sagen?",
        "Habe es schon zum dritten Mal gekauft, der Geschmack ist super!"
      ]
    },
    "bottom_product_card": {
      "title": "Xiao Ya Selection {argument name=\"product name\" default=\"Pfingstrosen-Blütentee\"} Geschenkset",
      "guarantee": "Ersatz bei Beschädigung, 7 Tage Rückgaberecht",
      "price": "{argument name=\"product price\" default=\"¥ 89,9\"}",
      "button": "Kaufen"
    },
    "bottom_nav_bar": {
      "input_placeholder": "Sag etwas...",
      "icons_count": 5,
      "icons": ["Smiley", "Einkaufswagen", "Geschenk", "Herz", "weitere Optionen"]
    }
  }
}