- 担当範囲：
コーディング
- 使用言語：
HTML / CSS（Sass） / JavaScript（jQuery）
- CSS設計：
BEM設計
- 制作期間：
14日間
- 実装機能（要件に基づく実装）：
- レスポンシブ対応（PC・タブレット・スマホ）
- ファーストビュー画像の自動切替（フェードイン演出）
- カードスライダー（ページネーション付き／SPはスワイプ操作対応）
- マップと連動したスライド切替＆モーダル表示機能：矢印クリックで牧場内のコンテンツを切り替え、各スポットの詳細をモーダル表示
- 実装機能（独自に追加した機能）：
- CSS keyframesによるアニメーション(太陽の揺らぎ、鳥の浮遊、牛の歩行モーション)：サイト全体の世界観を高め、滞在時間の向上につながる動きを表現
- wow.jsを活用したタイトルのフェードイン演出：コンテンツの区切りが視覚的にわかりやすく、ユーザーの視線誘導をサポート
- 制作のポイント：
- 「癒やし」や「自然のゆったりとした時間」をテーマに、アニメーションの速度・タイミングを細かく調整し、世界観を壊さないように実装。
