FVデザイン案を比較するためのステージングです。各パターンはサブパスで公開しています。
スマホ表示(1画面)での確認を推奨します。
メインビジュアル差し替え版(診断開始ボタンあり)
ネイビーヘッダー+「解体業者選びのポイントがわかる」訴求。作業員×住宅×重機の実写メインビジュアルを上端フェードで背景になじませ、1画面(100svh)に収めた構成。ボタン上に余白を作り視認性を強化。
診断開始ボタンなし・最初から質問開始型
開始ボタンを廃し、FVにQ1「解体を考えたきっかけ」を直接提示。コンパクトなヘッダー+左コピー/右差し込み画像のヒーローに、そのまま5択の質問カードを続ける構成。離脱前に回答を取りにいく狙い。
新しい案を追加するときは public/<pattern>/index.html を作り、このインデックスにカードを1枚足して再デプロイします。
デプロイ: npx wrangler pages deploy public --project-name kaitai-fv-patterns