Products & E-commerceGPT Image 2MinimalistModernProduct showcaseE-commerce UILanding Page MockupClean & Clinical

Mockup landing page thương mại điện tử chăm sóc da

Prompt tạo mockup giao diện trang đích thương mại điện tử cho sản phẩm chăm sóc da với bố cục hiện đại, gồm thanh điều hướng, phần giới thiệu sản phẩm nổi bật cùng người mẫu trong bối cảnh phòng thí nghiệm. Thiết kế sạch sẽ mang phong cách lâm sàng, tích hợp bảng tính năng làm nổi bật công thức dưỡng ẩm và dịu nhẹ.

Bản tiếng Anh

{
  "type": "skincare e-commerce landing page mockup",
  "brand": "{argument name="brand name" default="DERMA CALM"}",
  "color_palette": ["white", "light blue", "{argument name="primary color" default="dark blue"}"],
  "layout": {
    "header": {
      "logo": "left-aligned brand name with Japanese subtext",
      "navigation_links": {
        "count": 6,
        "labels": ["ABOUT", "PRODUCT", "FEATURE", "INGREDIENT", "VOICE", "Q&A"]
      },
      "buttons": {
        "count": 2,
        "labels": ["マイページ", "今すぐ購入する"]
      }
    },
    "hero_section": {
      "left_column": {
        "headline": "{argument name="hero headline" default="敏感な肌にも、毎日つづけられる安心ケア。"}",
        "subtext": "paragraph detailing low irritation, moisturizing, fragrance-free, and alcohol-free benefits",
        "buttons": {
          "count": 2,
          "labels": ["今すぐ購入する", "詳しく見る"]
        }
      },
      "center_column": {
        "product": "white pump bottle with clear cap labeled {argument name="product type" default="Moisture Barrier Serum"}",
        "props": ["dollop of white cream", "circular badge reading 皮膚科医監修"]
      },
      "right_column": {
        "subject": "{argument name="model description" default="young East Asian woman with clear glowing skin touching her cheek"}",
        "background": "blurred laboratory glassware in a bright, clean clinical setting"
      }
    },
    "bottom_features_panel": {
      "left_cards": {
        "count": 3,
        "descriptions": ["95% satisfaction with 5 stars", "shield icon for low irritation formula", "drop icon for skin barrier support"]
      },
      "right_badges": {
        "count": 3,
        "descriptions": ["no fragrance icon", "no alcohol icon", "patch tested icon"]
      },
      "footer": "fine print disclaimers at the bottom"
    }
  }
}

Bản tiếng Việt

{
  "type": "mockup trang đích thương mại điện tử chăm sóc da",
  "brand": "{argument name="brand name" default="DERMA CALM"}",
  "color_palette": ["white", "light blue", "{argument name="primary color" default="dark blue"}"],
  "layout": {
    "header": {
      "logo": "tên thương hiệu căn lề trái với dòng chữ phụ tiếng Nhật",
      "navigation_links": {
        "count": 6,
        "labels": ["ABOUT", "PRODUCT", "FEATURE", "INGREDIENT", "VOICE", "Q&A"]
      },
      "buttons": {
        "count": 2,
        "labels": ["マイページ", "今すぐ購入する"]
      }
    },
    "hero_section": {
      "left_column": {
        "headline": "{argument name="hero headline" default="敏感な肌にも、毎日つづけられる安心ケア。"}",
        "subtext": "đoạn văn chi tiết về các lợi ích dịu nhẹ ít kích ứng, dưỡng ẩm, không chứa hương liệu và không chứa cồn",
        "buttons": {
          "count": 2,
          "labels": ["今すぐ購入する", "詳しく見る"]
        }
      },
      "center_column": {
        "product": "chai vòi nhấn màu trắng có nắp trong suốt dán nhãn {argument name="product type" default="Moisture Barrier Serum"}",
        "props": ["dollop of white cream", "circular badge reading 皮膚科医監修"]
      },
      "right_column": {
        "subject": "{argument name="model description" default="người phụ nữ Đông Á trẻ tuổi có làn da trong trẻo rạng rỡ đang chạm tay vào má"}",
        "background": "dụng cụ thủy tinh phòng thí nghiệm được làm mờ trong bối cảnh lâm sàng sáng sủa, sạch sẽ"
      }
    },
    "bottom_features_panel": {
      "left_cards": {
        "count": 3,
        "descriptions": [
          "95% mức độ hài lòng với 5 sao",
          "biểu tượng chiếc khiên cho công thức ít kích ứng",
          "biểu tượng giọt nước hỗ trợ hàng rào bảo vệ da"
        ]
      },
      "right_badges": {
        "count": 3,
        "descriptions": ["no fragrance icon", "no alcohol icon", "patch tested icon"]
      },
      "footer": "dòng chữ nhỏ miễn trừ trách nhiệm ở phía dưới cùng"
    }
  }
}

Mẹo sử dụng

- Tùy chỉnh đối số `model description` để thay đổi diện mạo, độ tuổi hoặc biểu cảm của người mẫu phù hợp với khách hàng mục tiêu.
- Có thể thay đổi bảng màu (color palette) và tên thương hiệu để đồng bộ với nhận diện thương hiệu riêng.
- Phù hợp để thiết kế ý tưởng giao diện web thương mại điện tử, hình ảnh quảng cáo hoặc slide thuyết trình sản phẩm chăm sóc da.

Nguồn và quyền sử dụng

Nguồn: https://x.com/ryuya__31/status/2046360073736495255#reversed-3
Tác giả gốc: 龍哉｜AI Ad Creator
License prompt: CC-BY-4.0
License ảnh: CC-BY-4.0

Báo lỗi hoặc yêu cầu gỡ nội dung