◆制作にあたり
・制作時間は、約300分。
・色は好みで制作であったため、ロゴに合わせ温かみのある色合いで制作。
・かわいらしさを出すため、また各見出しがわかりやすいように文字下部に色を
付けました。
・各ブレイクポイントで写真を変更することが可能であるのを知ったため、
メインイメージ写真をブレイクポイントで変更するようにしました。
・バナーを付ける指示はありませんでしたが、「トリミング」を促すためバナー
を付けました。
・headerの各リンクにアンダーバーのアニメーションを設定しました。
・これを作成時点ではハンバーガーメニューへの、JavaScriptを学ぶ前であった
ためレスポンシブ対応は縦型で対応しました。
◆指示書内容
●ナビゲーション：
HOME/ペットショップ・テラの想い/NEWS/当店人気ランキング
●メインイメージ：
ペットショップ・テラの想い、文章は規定
●NEWS ：
内容は規定
●当店人気ランキング：
ランキング順は各自好み
●フッター部分：
HOME/ペットショップ・テラの想い/NEWS/当店人気ランキング
Ⓒ petshop-tera
●ロゴ：
ロゴは規定、変更不可
●ターゲット：
ファミリー層
●イメージ：
あたたかなイメージ、もしくはフレッシュなイメージ。
ショッピングモール内ペットショップ
●レスポンシブ対応：
ブレークポイント：タブレット：800px
スマートフォン：600px
●写真素材：
特定の写真素材のみ使用