スキンケアEC商品ページモックアップ

{
  "type": "スキンケアEC商品ページモックアップ",
  "brand": {
    "name": "GLOW.",
    "style": "ミニマルでラグジュアリーなスキンケアブランディング"
  },
  "product": {
    "name": "[ヒアルロン酸セラム]",
    "category": "美容液",
    "price": "[$36.00]",
    "rating": {
      "stars": 5,
      "score": "4.8",
      "reviews": "(1200 reviews)"
    },
    "badge": "BESTSELLER",
    "description": "みずみずしく素早く浸透し、深い潤いを与え、ふっくらとなめらかな肌へと導く美容液。",
    "size": "30ml / 1 fl oz",
    "payment_note": "Pay in 4 interest-free payments of $9.00 with afterpay",
    "benefits": [
      "Deep Hydration",
      "Plumps + Smooths",
      "Fragrance Free"
    ],
    "shipping_note": "Free shipping on orders over $50"
  },
  "visual": {
    "primary_packshot": "白いキャップと白いラベルが付いた透明なガラス製スポイトボトル、黒のミニマルなタイポグラフィ、温かみのあるベージュの台座、左側に小さなベージュの石球、右側に大きな丸い大理石ディスク、柔らかなスタジオの影、プレミアムなスキンケア広告ライティング",
    "gallery_thumbnails": {
      "count": 4,
      "items": [
        "ベージュ背景の商品ボトル正面",
        "ベージュ背景の美容液テクスチャ滴",
        "スポイトを持ち上げた開封ボトル",
        "柔らかな肌トーンのライフスタイル接写ボケ"
      ]
    }
  },
  "layout": {
    "background": "ライトグレースタジオ背景",
    "canvas": "左側にデスクトップ版、右側にモバイル版を並べたワイドウェブサイトモックアップ",
    "sections": [
      {
        "title": "desktop product page",
        "position": "left",
        "count": 12,
        "labels": [
          "トップ送料無料バナー",
          "ナビゲーション付きブランドヘッダー",
          "パンくずリスト",
          "サムネイルギャラリー",
          "メイン商品画像",
          "ベストセラーバッジ",
          "商品名",
          "評価とレビュー",
          "価格と分割払い表示",
          "サイズ選択",
          "数量スライダー",
          "カート追加と今すぐ購入ボタン"
        ]
      },
      {
        "title": "feature icons row",
        "position": "bottom-left under main image",
        "count": 3,
        "labels": [
          "Deep Hydration",
          "Plumps + Smooths",
          "Fragrance Free"
        ]
      },
      {
        "title": "mobile product page preview",
        "position": "right",
        "count": 11,
        "labels": [
          "トップ送料無料バナー",
          "メニューとカート付きモバイルヘッダー",
          "パンくずリスト",
          "メイン商品画像",
          "カルーセルドット",
          "ベストセラーバッジ",
          "商品名",
          "評価とレビュー",
          "価格と分割払い表示",
          "数量スライダー",
          "カート追加と今すぐ購入ボタン"
        ]
      }
    ],
    "desktop_header": {
      "announcement": "Free shipping on orders over $50",
      "nav_items": [
        "SHOP",
        "BESTSELLERS",
        "SKINCARE QUIZ",
        "ABOUT",
        "JOURNAL"
      ],
      "icons": [
        "search",
        "account",
        "cart with item count 2"
      ]
    },
    "breadcrumb": [
      "Home",
      "Shop",
      "Serums",
      "Hyaluronic Acid Serum"
    ],
    "mobile_header": {
      "announcement": "Free shipping on orders over $50",
      "icons": [
        "menu",
        "cart with item count 2"
      ]
    }
  },
  "style": {
    "aesthetic": "クリーンでモダンなShopifyスタイルの商品ページ",
    "color_palette": [
      "ホワイト",
      "ソフトベージュ",
      "ライトグレー",
      "ブラック",
      "ウォームストーン"
    ],
    "typography": "エレガントなセリフ体の商品名とミニマルなサンセリフUIテキストの組み合わせ",
    "render_quality": "超高精細、鮮明、リアル、プレミアムなECデザイン"
  }
}