URL

制作期間

約12日

サイトについて

ファーストビューでは浮遊感を演出するため、GSAP と Keyframe をはじめとした CSS アニメーションで複数の動きを組み合わせて実装。 静止画像ではなくwebmを使用し、動きを加えることで目に留めていただけるよう工夫しました。 画像の遅延読込みやCSS・JSの最適化を行い、PageSpeed Insightsのスコア90以上を維持！ WordPress でオリジナルテーマを構築し、カスタム投稿・カスタムタクソノミー・カスタムフィールド・コンタクトフォームを組み合わせて、管理しやすい運用設計。 また、GSAP・Lenis・Swiper を活用し、心地よいアニメーションと滑らかなスクロールに仕上げました。 全体のフェードイン／フェードアウトは開始タイミングとイージングを最適化し、アクセシビリティにも配慮しています。