E-commerce Live Stream UI Mockup

Generates a highly detailed mobile app interface for a live shopping stream, featuring a host, product overlays, and real-time chat elements.

{
  "type": "모바일 라이브 스트리밍 UI 목업",
  "subject": {
    "description": "꽃 자수가 놓인 연한 복숭아색 전통 한복을 입고, 분홍색 꽃이 장식된 화려한 금색 및 진주 머리핀을 한 젊은 아시아 여성, 미소 지으며 카메라를 응시하고 꽃차 원형 틴케이스를 들고 있음",
    "foreground_objects": {
      "count": 5,
      "items": [
        "호스트가 들고 있는 원형 틴케이스",
        "테이블 위의 원형 틴케이스",
        "테이블 위의 직사각형 상자",
        "말린 찻잎이 담긴 열린 틴케이스",
        "꽃이 피어나는 분홍색 꽃이 담긴 투명 유리 찻잔"
      ],
      "labels": ["모란 꽃차"]
    },
    "background": "전통적인 중국식 인테리어, 따뜻한 조명, 나무 격자 스크린, 분홍색 꽃가지"
  },
  "ui_layout": {
    "top_bar": {
      "elements": ["19:37", "신호 강도", "Wi-Fi", "배터리"]
    },
    "top_left": {
      "host_info": {
        "name": "{argument name=\"host name\" default=\"샤오야 국풍 엄선\"}",
        "stats": "83.0만 이번 방송 좋아요",
        "button": "팔로우"
      },
      "badges": ["판매 랭킹", "인기 랭킹"],
      "promo_banner": "쿠폰 받고 더 저렴하게 구매하세요. 클릭하여 받기"
    },
    "top_right": {
      "viewers": {
        "count": 3,
        "text": "10만+",
        "close_button": "X"
      },
      "links": ["더 많은 라이브 >"],
      "event_banner": {
        "title": "{argument name=\"event banner text\" default=\"ByteDance 618 쇼핑 페스티벌\"}",
        "dates": "5.24-6.18"
      }
    },
    "mid_left_events": {
      "gift_count": 2,
      "gifts": [
        {"user": "콜라", "action": "하트 보내기", "combo": "x 16"},
        {"user": "안안", "action": "인기 티켓 보내기", "combo": "x 21"}
      ],
      "join_notification": "님이 라이브 방송에 참여했습니다"
    },
    "bottom_left_chat": {
      "message_count": 5,
      "messages": [
        "{argument name=\"chat message\" default=\"호스트님, 이 꽃차 마시면 피부 미용에 좋은가요?\"}",
        "패키지가 너무 예뻐요!",
        "2번 링크에서 구매했어요, 배송 기대 중~",
        "호스트님 효능 좀 설명해주세요",
        "벌써 세 번째 재구매예요, 맛이 정말 진해요!"
      ]
    },
    "bottom_product_card": {
      "title": "샤오야 엄선 {argument name=\"product name\" default=\"모란 꽃차\"} 선물 세트",
      "guarantee": "파손 시 환불, 7일 무조건 반품",
      "price": "{argument name=\"product price\" default=\"¥ 89.9\"}",
      "button": "구매"
    },
    "bottom_nav_bar": {
      "input_placeholder": "메시지 입력...",
      "icons_count": 5,
      "icons": ["스마일", "장바구니", "선물", "하트", "더 보기"]
    }
  }
}

기계 번역 — 실제 결과물을 만든 것은 원문 프롬프트입니다.

✨ 생성 저장 프롬프트 복사 공유 원본 게시물 Hitboard에서 열기