UI & Interfaces Case 159

{
  "type": "e-commerce livestream UI mockup",
  "subject": {
    "description": "photorealistic young Asian woman, sweaty glowing skin, long dark wavy hair, wearing a white short-sleeve polo shirt and white pleated tennis skirt, holding a white tennis racket over her right shoulder, looking directly at camera, studio lighting, white background"
  },
  "layout": {
    "top_header": {
      "host_info": {
        "name": "Xiaolu Sports Selection",
        "stats": "1.28M likes this session",
        "button": "Follow"
      },
      "rank_tag": "Ranked #3 in sales",
      "viewer_stats": "12k viewers"
    },
    "top_right": {
      "coupon": {
        "title": "Exclusive Room Coupon",
        "value": "¥20 off on orders over ¥199",
        "button": "Claim"
      }
    },
    "left_overlay": {
      "title": "Summer Sports Season",
      "subtitle": "Energetic Opening",
      "bullet_points": {
        "count": 3,
        "items": [
          "Breathable quick-dry",
          "Elastic comfort",
          "Versatile sport"
        ]
      }
    },
    "right_overlay": {
      "product_cards": {
        "count": 2,
        "card_1": {
          "status": "Explaining",
          "image": "white polo shirt and skirt flat lay",
          "title": "Sports POLO Set",
          "details": "White·Size M",
          "price": "¥129",
          "button": "Buy Now"
        },
        "card_2": {
          "status": "Hot Sale x 156",
          "image": "miniature of main model",
          "title": "Women's sport polo set",
          "details": "Breathable quick-dry, slimming versatile",
          "price": "¥129",
          "button": "Grab"
        }
      }
    },
    "bottom_left": {
      "chat_messages": {
        "count": 5,
        "description": "scrolling chat messages with usernames and comments"
      },
      "purchase_alert": "User_6789 and 3 others are purchasing"
    },
    "bottom_bar": {
      "input_field": "Say something...",
      "icons": {
        "count": 5,
        "types": [
          "smile",
          "shopping cart",
          "heart",
          "gift",
          "more"
        ]
      }
    }
  }
}