- 実際のWebサイトはこちら
-
- 担当範囲：コーディング
- 制作期間：2025年1月 2025年9月（アニメーション追加）
- 制作時期：10日間
使用技術：
- レスポンシブ対応
- リキッドレイアウト
- FLOCSS
- JavaScript(GSAP)
- ハンバーガーメニュー
- スクロールアニメーション
- ローディング
- タブ切り替え
- アコーディオン
- SVGアニメーション
- お問い合わせフォーム(フロントのみ)
デザイナー様の制作意図として
「さまざまな問題を抱えているクライアント様の悩みをギュッと絞り出してひとしずくにして、その悩みをfresh groveが解決します！という流れをフレッシュなジュースの生搾りに見立てて表現」
ということでしたので、それに合わせてGSAPでアニメーションを作成いたしました。
フレッシュな雰囲気をイージングで表現し、スクロールに連鎖してしずくが絞られるような動きをGSAPで実装いたしました。
