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

データ可視化、タイムライン、3Dイラストを盛り込んだ、ダークテーマのマーケティング事例紹介用UIモックアップ。

プロンプト

{ "type": "ランディングページ UI デザイン", "theme": "ダークモード、モダンテック、ネオンパープルとブルーの光るアクセント、グラスモーフィズム", "header": { "logo": "goViralX", "badge": "バイラルキャンペーン事例紹介" }, "sections": [ { "id": "hero", "layout": "左側にテキスト、右側に画像を配置した分割レイアウト", "content": { "badge": "事例紹介", "headline": "1,000 万回以上のバイラルインパクトを生み出した手法", "subtitle": "ネットワークを 3 日間で活性化し、ブランドの指数関数的な成長を支援", "stats_row": { "count": 4, "labels": ["総再生数 1,024 万回以上", "エンゲージメント率 18.7%", "コンバージョン数 3,200 件以上", "実行期間 72 時間"] }, "hero_image": "暗い部屋で光るフローティングビデオスクリーンを見つめる人物のシネマティックなショット、大きな再生ボタンのオーバーレイ" } }, { "id": "strategy", "title": "キャンペーンの全貌：3 日間の実行戦略", "layout": "3 ステップの垂直タイムライン", "steps": [ {"step": 1, "title": "戦略策定", "image": "画面上のデータを分析する人々"}, {"step": 2, "title": "コンテンツ制作", "image": "動画編集インターフェース"}, {"step": 3, "title": "配信と拡散", "image": "SNS アイコンが表示されたスマートフォンを持つ手"} ] }, { "id": "performance", "title": "成果：データドリブンなパフォーマンス", "layout": "左側に統計カードのグリッド、右側にチャートを配置", "left_stats": { "count": 4, "labels": ["総露出数 1,000 万回以上", "平均 CPM 43% 低減", "新規フォロワー 28,000 人以上", "コンバージョン数 3,200 件以上"] }, "right_charts": { "count": 2, "items": [ "3 日目に 832 万回でピークに達する 7 日間のトレンドを示す折れ線グラフ", "プラットフォーム別の内訳を示す横棒グラフ：TikTok 52%、Instagram 24%、X 15%、YouTube 9%" ] } }, { "id": "keys_to_success", "title": "バイラル化の理由：成功のための 3 つの鍵", "layout": "3 枚のカードを横並びに配置", "cards": [ {"icon": "fire", "title": "感情を揺さぶるフックのデザイン"}, {"icon": "bullseye", "title": "コンテンツ構造の設計"}, {"icon": "antenna", "title": "配信戦略の実行"} ] }, { "id": "social_proof", "title": "クリエイターやブランドから信頼されています：多くの企業が goViralX で成長を実現", "layout": "左側にロゴ、右側に導入事例を配置した分割レイアウト", "left_logos": { "count": 8, "labels": ["SHEIN", "SHOPLINE", "Blueglass", "instacart", "lemon8", "mi", "CIDER", "bellroy"] }, "right_testimonials": { "count": 2, "labels": ["SaaS 創業者からのコメント", "グロースマネージャーからのコメント"] } }, { "id": "cta", "title": "バイラル化の準備はできていますか？：同じ成長効果を得たいですか？", "layout": "左側にテキストと入力フォーム、右側に 3D イラストを配置", "elements": [ "プレースホルダーテキスト付きの入力フィールド", "ボタン：専用の成長プランを獲得 ->" ], "image": "紫と青に光る 3D ロケットの発射シーン" } ], "footer": "ロゴと著作権表示" }