学習制作 03 | ITスクール LP(CODE BRIDGE)
FVからCTAまでの導線設計を意識し、情報設計とUI実装を統合したランディングページです。
実装範囲
- FV / Problem / Solution / Curriculum / FAQ / Contact の1ページ構成
- data属性を使ったカリキュラムタブ切り替え
- details要素のFAQアコーディオン
- フォームバリデーションと送信完了表示(UI)
- IntersectionObserver のスクロール演出
設計意図
- 課題提起→解決策→行動促進の順で迷いを減らす構成
- CTAを複数箇所に配置して離脱しにくい導線を設計
- PC/SP両方での可読性を重視した余白とタイポ調整
改善予定
- 入力中バリデーション(リアルタイム)
- CTAクリックの計測イベント追加