背景全体に動画をいれ、その上にスライダーを重ねて学校生活の様子を伝えている

東京都板橋区にある「城北学園 城北中学校・高等学校」のホームページです。

メニューのレイアウトがとても個性的なサイトです。メニューと右上の検索窓やTwitterボタンはページをスクロールしてもついてくるようになっていて、ページのトップに戻らなくてもすぐに他のページに移動することができるようになっています。
トップページの背景全体には動画、右側に縦長のスライダーと、学校の授業風景や部活の様子が動画と写真両方で見れるようになっています。画面いっぱいに表示されるのでインパクトもありますね！

サブページは、左側のメニューとコンテンツの文章や写真が重なってしまわないように、左側は多めに余白を取ってレイアウトを調整しています。
各学年のカリキュラムを紹介しているページでは、内容だけでなく学年ごとのブログも一緒に掲載していて「どの時期にどういうイベントがあるのか」「そのイベントはどういう内容なのか」が分かるように工夫されています。

受験生や学生が普段見るのにはもちろん、保護者や卒業生の方も見やすく使いやすいようになっていて参考になります！