- 案件種別：
自主制作（実案件を想定したデモ制作）
- 担当範囲：
コーディング
- 使用言語：
HTML ／CSS（Sass）／JavaScript（jQuery）
- CSS設計：
BEM設計
- 制作期間：
14日間
- ページ数：
1ページ
- 実装機能：
- レスポンシブ対応
- FV画像のフェード切り替えアニメーション
- ページネーション付きカードスライダー（SP表示ではスワイプ操作に対応）
- 牧場マップと連動したモーダルウィンドウ（クリックした地点に応じたスライドを表示）
- keyframesによるイラストアニメーション（太陽のゆらぎ、鳥の浮遊、牛の歩行など）
- wow.jsによるコンテンツタイトルのフェードイン演出
- 制作概要：
サイト全体の雰囲気に合わせ、動物や自然をモチーフにしたイラストにアニメーションを加え、親しみやすく動きのある表現を実装しました。
また、スマートフォン対応やスライダー、マップと連動したモーダルウィンドウなど、指定されたUI構成に沿って各機能を丁寧に実装しています。
