Skincare E-commerce Landing Page

Skincare E-commerce Landing Page

原文

GPT Image 2 · en

{
  "type": "The first screen of the e-commerce landing page",
  "brand": "{argument name=\"brand name\" default=\"CLEAR RESET\"}",
  "theme": "Refreshing skincare, minimalist aesthetics, bubble background",
  "color_palette": [
    "White",
    "{argument name=\"primary color\" default=\"blue\"}",
    "light blue"
  ],
  "layout": {
    "header": {
      "logo": "CLEAR RESET",
      "navigation_links": {
        "count": 5,
        "labels": [
          "Product Introduction",
          "Pore/Acne Care",
          "Ingredients",
          "How to use",
          "Frequently Asked Questions"
        ]
      },
      "action_buttons": {
        "count": 2,
        "labels": [
          "Buy it now",
          "My Page"
        ]
      }
    },
    "hero_content": {
      "headline": "{argument name=\"main headline\" default=\"For clear, radiant skin, addressing concerns about pores and acne.\"}",
      "subheadline": "Balances oil production and purifies pores. Lightweight and non-greasy, this medicated skincare product is suitable for daily use.",
      "vertical_copy": "Prevent recurring roughness and acne, and create smooth, radiant skin."
    },
    "visuals": {
      "model": "{argument name=\"model description\" default=\"A young Asian woman with clear, radiant skin, her hair tied up, and a gentle smile.\"}",
      "products": {
        "count": 2,
        "description": "{argument name=\"product type\" default=\"Acne treatment gel tube and toner bottle\"}",
        "placement": "Center"
      },
      "background": "Light blue gradient with floating bubbles"
    },
    "feature_highlights": {
      "count": 4,
      "style": "Circular icon with text below.",
      "labels": [
        "Quasi-drugs",
        "Pore ​​care",
        "Refreshing and non-sticky",
        "Can be used in the morning and evening"
      ]
    },
    "call_to_action": {
      "banner_text": "First-time purchase only",
      "buttons": {
        "count": 2,
        "labels": [
          "Discounted trial",
          "check the details"
        ]
      }
    },
    "statistics_cards": {
      "count": 4,
      "style": "White rectangular card with large cyan numbers",
      "labels": [
        "Satisfaction rate 92%",
        "Pore ​​visibility -23%",
        "Acne prevention rate: 87%",
        "97% willingness to repurchase"
      ]
    }
  }
}

使い方

  1. パラメータを含む元のプロンプト全体をコピーします。
  2. 被写体、文字、構図を自分の要件に置き換えます。
  3. 対応する外部ツールで使用し、利用条件と結果を確認します。

開始前の確認

  • 参考画像の要否を確認してください。互換モデルの表示は、そのモデルでの生成実績を意味しません。
  • 名前、数値、画像内の文字を確認します。モデルの版で結果は変わります。

似た事例

Skincare Landing Page Hero Section
GPT Image 2en

{ "type": "landing page hero section", "theme": "skincare and beauty", "color_palette": [ "white", "{argument name=\"primary color\" default=\"teal\"}", "light blue" ], "header": { "logo": "{argument name=\"brand name\" default=\"CLEAR RESET\"}", "na

Beauty Landing Page Hero Section
GPT Image 2en

{ "type": "landing page hero section mockup", "theme": { "industry": "Beauty and skincare", "primary_color": "{argument name=\"primary color\" default=\"Soft pink\"}", "accent_color": "gold" }, "layout": { "header": { "logo": "{argument name=\"brand

Men's Skincare Landing Page Mockup
GPT Image 2en

{ "type": "Website landing page homepage", "theme": { "style": "Fashionable, Professional, Modern, Dark Mode", "colors": "{argument name=\"primary color theme\" default=\"Dark Navy Blue and Black\"}" }, "layout": { "header": { "logo": "{argument name=\"b

Beauty Product Landing Page Mockup
GPT Image 2en

{ "type": "E-commerce landing page first screen model", "aesthetic": "Simple, bright, transparent, and soft, decorated with purple flowers.{argument name=\"primary color\" default=\"Soft pink\"} Paired with white tones, soft light and shadow", "header": { "logo": "{argu

Skincare E-commerce Landing Page Mockup
GPT Image 2en

{ "type": "Skincare product e-commerce landing page design draft", "brand": "{argument name=\"brand name\" default=\"DERMA CALM\"}", "color_palette": [ "White", "light blue", "{argument name=\"primary color\" default=\"Dark blue\"}" ], "layout": { "heade