| 実装のポイント | - Swiper＋GSAPを組み合わせたリッチなファーストビュー演出
画像のフェード切り替えに加え、GSAPでゆっくり右→左へ流れるモーションを実装。SplitTypeでテキストの出現タイミングも細かく制御し、視線誘導と読みやすさを両立しました。 - ドロップダウンメニュー
メニュー項目を増減しても崩れない要配慮しました。 - 強制横スクロール（Flowセクション）
GSAP ScrollTriggerを活用し、スクロール量に応じて横方向に展開する演出を実装しました。 - パララックス
- カウントアップアニメーション
- タブ切り替え
FAQセクションではタブ切り替えを実装し、ユーザーが求める答えにアクセスしやすくなっています。 - ユーザー導線を意識したスマホ版固定CTAボタン
サービスセクション〜フローセクションの間のみ画面下部にCTAを固定表示しています。
|
|---|
