Dark Mode Marketing Case Study UI

原文

GPT Image 2 · en

{
  "type": "Landing page UI design",
  "theme": "Dark mode, modern and technological feel.{argument name=\"primary accent color\" default=\"Neon Purple\"} With blue glowing accents, glass-like style",
  "header": {
    "logo": "{argument name=\"brand name\" default=\"goViralX\"}",
    "badge": "Case Studies of Viral Marketing Campaigns"
  },
  "sections": [
    {
      "id": "hero",
      "layout": "Text on the left, image on the right layout",
      "content": {
        "badge": "Case Studies",
        "headline": "{argument name=\"hero headline\" default=\"How to create a viral impact of 10 million+ views\"}",
        "subtitle": "Exploding online in 3 days, helping brands achieve exponential growth.",
        "stats_row": {
          "count": 4,
          "labels": [
            "Total page views{argument name=\"main metric\" default=\"10,240,000+\"}",
            "Interaction rate: 18.7%",
            "3,200+ conversions",
            "Execution cycle 72 hours"
          ]
        },
        "hero_image": "A cinematic shot shows a person in a dark room watching a glowing, floating video screen with a large play button overlay."
      }
    },
    {
      "id": "strategy",
      "title": "Event Breakdown: Our 3-Day Execution Strategy",
      "layout": "3-step vertical timeline",
      "steps": [
        {
          "step": 1,
          "title": "Strategy Formulation",
          "image": "People analyze data on the screen."
        },
        {
          "step": 2,
          "title": "Content creation",
          "image": "Video editing interface"
        },
        {
          "step": 3,
          "title": "Distribution and Amplification",
          "image": "Holding a smartphone with social media icons"
        }
      ]
    },
    {
      "id": "performance",
      "title": "Performance Evaluation: Data-Driven Performance",
      "layout": "Left side: Statistical card grid; Right side: Chart.",
      "left_stats": {
        "count": 4,
        "labels": [
          "Total exposure: 10 million+",
          "Average CPM decreased by 43%",
          "28,000+ new followers",
          "3,200+ conversions"
        ]
      },
      "right_charts": {
        "count": 2,
        "items": [
          "The line chart shows a 7-day trend, reaching a peak of 8,320,000 on day 3.",
          "The horizontal bar chart shows the platform distribution: TikTok 52%, Instagram 24%, X 15%, YouTube 9%."
        ]
      }
    },
    {
      "id": "keys_to_success",
      "title": "Why it spreads virally: 3 key factors for success",
      "layout": "3 cards arranged horizontally",
      "cards": [
        {
          "icon": "fire",
          "title": "Emotional hook design"
        },
        {
          "icon": "bullseye",
          "title": "Content structure design"
        },
        {
          "icon": "antenna",
          "title": "Distribution strategy execution"
        }
      ]
    },
    {
      "id": "social_proof",
      "title": "Trusted by creators and brands alike: they are all using goViralX to achieve growth.",
      "layout": "Logo on the left, customer reviews on the right",
      "left_logos": {
        "count": 8,
        "labels": [
          "SHEIN",
          "SHOPLINE",
          "Blueglass",
          "instacart",
          "lemon8",
          "mi",
          "CIDER",
          "bellroy"
        ]
      },
      "right_testimonials": {
        "count": 2,
        "labels": [
          "SaaS Founder's Comments",
          "Growth Manager Evaluation"
        ]
      }
    },
    {
      "id": "cta",
      "title": "Ready for viral spread? Want the same growth potential?",
      "layout": "Text and input box on the left, 3D illustration on the right.",
      "elements": [
        "Input box with placeholder text",
        "Button:{argument name=\"call to action text\" default=\"Get a customized growth plan ->\"}"
      ],
      "image": "3D glowing purple and blue rocket launch"
    }
  ],
  "footer": "Logo and copyright notice text"
}

使い方

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

開始前の確認

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