4P3自社のコーポレートサイトを制作しました。GSAPによるパララックスアニメーション、テキスト分割アニメーション、Swiperスライダーなど、リッチなインタラクションで「HP制作会社のショールーム」としての役割を果たしています。
パープルグラデーションでテクノロジー企業の先進性を表現。
パープルを基調としたグラデーション背景に、浮遊するロゴと回転するSVGテキストサークルを配置。GSAP ScrollTriggerによるパララックスと、1文字ずつ出現するテキストアニメーションで、訪問者の目を引くファーストビューを実現しています。
Next.js × GSAP × Swiperでリッチなインタラクション。
Next.js 16で構築し、GSAP ScrollTriggerによるパララックス、anime.jsによるスライダーズーム、画像ホバーのclipPathアニメーションなど、複数のアニメーションライブラリを組み合わせた高品質なインタラクションを実装。12のサービスカードとFAQモーダルで情報を整理しています。
