*ポイント*
・ヘッダー画像が長方形ではなく多角形になっており、bottomの逆三角形のようになっている頂点にロゴ画像が表示されている
・ボタンがhoverすると中央から上下に色が変わるようになっている
・各ページに飛ぶと見出しの背景が水色のドットの背景画像になっていて見出しと本文がより区別されており、スマートフォンサイズになると背景画像ではなく水色の背景色になっており見やすい
色々なサイトを調べ、デザインが気に入ったサイトを100個選びまとめました。
*ポイント*
・ヘッダー画像が長方形ではなく多角形になっており、bottomの逆三角形のようになっている頂点にロゴ画像が表示されている
・ボタンがhoverすると中央から上下に色が変わるようになっている
・各ページに飛ぶと見出しの背景が水色のドットの背景画像になっていて見出しと本文がより区別されており、スマートフォンサイズになると背景画像ではなく水色の背景色になっており見やすい
*ポイント*
・動画のヒーローヘッダーになっており、どのようなことを行っている学校なのか一目で分かる
・ファーストビューではハンバーガーメニューになっているがスクロールすると左側にメニューが表示されるようになっている(スマートフォンサイズでは右上にハンバーガーメニューが固定されている)
・画像をhoverすると少し拡大になるアニメーションになっている(スマートフォンサイズになるとhoverの指定がなくなる)
・footerの上がグリッドレイアウトの画像一覧になっている
*ポイント*
・スクロールバーもサイトの色に合わせてオレンジにしている
・ヘッダー画像の雲だけが左から右に流れるようになっている
・スマートフォンサイズになるとヘッダー画像がなくなり黄色の背景だけになっている
・ファーストビューに定休日だけ記載されているので初見の人に分かりやすい