Sierra Solution

GSAP HTML/CSS JavaScript

商品販促広告サービス会社サイト。
GSAPを使用した横スクロールを実装した作品です。
PC、SP用のデザインを作成し、レスポンシブ対応のコーディングを行いました。

WEB SITE

POINT: ・GSAPを使用した横スクロールアニメーション
GSAPを使用してPC表示では全体、SP表示ではセクションの一部にて横スクロールを実装しました。各種アニメーションの始動タイミングや切替など、GSAPのScrollTriggerプラグインを使用してそれぞれ実装しました。 TOPページのみの作成となりましたが、GSAPへの理解、サイト作りの練習として大変為になりました。
ページ数: 1 ページ
使用技術: GSAP / JavaScript / HTML/CSS
URL: https://sierrasolution.mikanbako.jp/
Github: https://github.com/y-nagai0725/sierra-solution
デザイン: Figmaページ（閲覧のみ可能です）