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