ダークモード採用のバイラルマーケティング事例紹介ランディングページ

A comprehensive, data-dense landing page mockup for a marketing agency featuring timelines, charts, and glowing neon accents.

{
  "type": "UI/UXランディングページのモックアップ",
  "theme": "ダークモード、洗練されたモダンな美学、グラスモーフィズム、{argument name=\"primary accent color\" default=\"ネオンパープルとブルー\"}輝くアクセント",
  "header": {
    "logo": "{argument name=\"brand name\" default=\"goViralX\"}",
    "top_right_tag": "VIRAL CAMPAIGN CASE STUDY"
  },
  "layout": {
    "sections": [
      {
        "name": "ヒーロー",
        "headline": "{argument name=\"hero headline\" default=\"私たちはどうやって10M以上のバイラルインパクトを生み出したか\"}",
        "subheadline": "3日でネット全体を爆発させ、ブランドの指数関数的な成長を支援",
        "stats_row": {
          "count": 4,
          "labels": ["総視聴回数", "インタラクション率", "転換相談", "実行期間"],
          "values": ["{argument name=\"main statistic\" default=\"10,240,000+\"}", "18.7%", "3,200+", "72時間"]
        },
        "visual": "フーディを着た人物が発光するデジタルスクリーンとグラフを見つめるシネマティックショット、大きな再生ボタンオーバーレイ"
      },
      {
        "name": "戦略",
        "title": "私たちの3日間の実行戦略",
        "layout_type": "vertical timeline",
        "steps_count": 3,
        "elements_per_step": ["タイムラインノード", "タイトル", "箇条書き", "再生ボタン付き動画サムネイル", "説明ボックス"]
      },
      {
        "name": "パフォーマンス",
        "title": "データ駆動のパフォーマンス",
        "left_column": {
          "stat_cards_count": 4,
          "values": ["10M+", "43%", "28,000+", "3,200+"]
        },
        "right_column": {
          "charts_count": 2,
          "chart_1": "7日間の成長を示す折れ線グラフ、3日目にピーク",
          "chart_2": "プラットフォーム分布を示す水平セグメントバーチャート (TikTok 52%, Instagram 24%, X 15%, YouTube 9%)"
        }
      },
      {
        "name": "成功の鍵",
        "title": "バイラル成功の3つの鍵",
        "cards_count": 3,
        "card_elements": ["輝くアイコン (火、ターゲット、アンテナ)", "タイトル", "説明", "VIEW DETAILリンク"]
      },
      {
        "name": "社会的証明",
        "title": "クリエイター＆ブランドに信頼されている",
        "left_column": {
          "logos_count": 8,
          "grid": "2x4",
          "brands": ["SHEIN", "SHOPLINE", "Blueglass", "instacart", "lemon8", "mi", "CIDER", "bellroy"]
        },
        "right_column": {
          "testimonial_cards_count": 2,
          "elements": ["引用", "著者タイトル (SaaS創業者、成長マネージャー)"]
        }
      },
      {
        "name": "行動喚起",
        "title": "バイラルする準備はできましたか？",
        "interactive_elements": ["テキスト入力フィールド", "テキスト '{argument name=\"call to action text\" default=\"専用の成長プランを取得 ->\"}' を持つ輝くボタン"],
        "visual": "紫と青の炎で発進するロケット船の3Dレンダー"
      }
    ]
  }
}

機械翻訳 — この作品を生成したのは元のプロンプトです。

✨ 生成 保存 プロンプトをコピー 共有 元の投稿 Hitboard で開く