比較ページ
GitHub Pages / Cloudflare Pages OK
同一会社LPのサンプルを3段階で比較(下・中・上)
まずはページ遷移で見比べるための一覧です。提出時はどれか1つに絞れます。
下(Low)— 最小構成
- 基本の縦長LP構成(静的)
- JSなし(フォームはボタンのみ)
- 最小のCSS・最速納品想定
Low を開く
中(Mid)— 標準品質
- カード/グリッドの整備
- スクロールでふわっと表示(Vanilla JS)
- FAQアコーディオン
Mid を開く
上(High)— しっかり作り込み
- より洗練された余白・見出し体系
- 固定ヘッダー / アンカー / 進行感
- 数値カウンター・スライドなど軽い演出
High を開く
WordPress即移植の前提:
どの版も assets/ を分離し、セクションは <section class="...-section"> で切ってあります。
後日WP化する場合は、index.html を front-page.php に貼り、ヘッダー/フッターを切り出すだけで移植しやすい構造です。