SaaSプロダクトのサービスサイトを構築したプロジェクトです。GSAPとLenisを活用したリッチなスクロールアニメーションが特徴です。
トップページではKVアニメーションに続き、各機能セクションをスクロール連動で演出。Macのトラックパッドやモバイルデバイスなど、多様な入力デバイスでの滑らかなスクロール体験を実現しました。
主な実装内容
- ヘッダー・グローバルメニューの実装
- トップページ（KVアニメーション、機能紹介セクション）
- GSAP + Lenis によるスクロール連動アニメーション
- Glide.js を使用したスライダー実装
- Mac トラックパッド対応（慣性スクロールの最適化）
- iPhone の画面高さ問題への対応
- WordPress連携のLP制作