江古田まさ動物病院

江古田まさ動物病院

*ポイント*

・ヘッダー画像が長方形ではなく多角形になっており、bottomの逆三角形のようになっている頂点にロゴ画像が表示されている

・ボタンがhoverすると中央から上下に色が変わるようになっている

・各ページに飛ぶと見出しの背景が水色のドットの背景画像になっていて見出しと本文がより区別されており、スマートフォンサイズになると背景画像ではなく水色の背景色になっており見やすい

北海道エコ・動物自然専門学校

北海道エコ・動物自然専門学校

*ポイント*

・動画のヒーローヘッダーになっており、どのようなことを行っている学校なのか一目で分かる

・ファーストビューではハンバーガーメニューになっているがスクロールすると左側にメニューが表示されるようになっている(スマートフォンサイズでは右上にハンバーガーメニューが固定されている)

・画像をhoverすると少し拡大になるアニメーションになっている(スマートフォンサイズになるとhoverの指定がなくなる)

・footerの上がグリッドレイアウトの画像一覧になっている

ドッグホテル pocket

ドッグホテル pocket

*ポイント*

・スクロールバーもサイトの色に合わせてオレンジにしている

・ヘッダー画像の雲だけが左から右に流れるようになっている

・スマートフォンサイズになるとヘッダー画像がなくなり黄色の背景だけになっている

・ファーストビューに定休日だけ記載されているので初見の人に分かりやすい