SchoolSite!

必須項目

小学校のリニューアル。
ダメな点を書き出して改善。

ターゲット

学校に通っている保護者、また入学を検討している保護者

自己テーマ

色盲の方でも綺麗に見えるデザイン。

制作過程

今回自分の卒業した小学校のリニューアル提案ということでした。私の小学校は横幅 820px 3 カラム構成で作成されていました。私はすごく詰めすぎているデザインだと感じたので 今回たくさんの余白を使いたいと思い、3 カラム構成をメインのみにして、残り 2 カラム分を ばらしてグローバルナビに配置したり縦積みにて配置を行いました。ヘッダーナビは固定にし、 スクロールをしてもついてくる様にコードを組みました。またホバーをしたら青色のアンダーバーが ホバーしている間は出現するように配置を行いました。 私は今回問題点の改善と共に、第 1 型 2 型 3 型色盲の方でもデザインが美しく感じるように色を配色しました。 リニューアル前のサイトでは、新しい更新が毎日されていて、3 カラム構成ですが、専用ページが 無いため縦積みで更新させていました。せっかく毎日更新しているのにとても配置が汚かったので 今回私は 3 つ並びクリックしたら専用ページに飛べるように作成しました。 2 カラムをばらして縦積みをしている為 top ページに戻るのが、大変と感じたので今回メインビジュアルより 下にスクロールを行ったらトップまで戻れるボタンを右端に出現する様に設置しました。 全体的に明るい色を配置を行っている為、見ているユーザーが、とても明るいイメージが強すぎると 感じたので、どこか明るいイメージを持ちつつしっかりしているページとユーザーが捉えれるように footer には黒色を配色し、しっかりとしたページと感じられるようにイメージ付けを行いました。