School Site

学校サイト - リニューアル提案

レスポンシブデザインにするのに手こずりました

課題内容

• 母校のサイトのリニューアル提案をする
• 既存のサイトの現状分析と問題点を書き出し、それに対し解決策を提案すること
• PC版トップページ＋下層１ページ（モバイル対応）のコーディング
• 構成要素＜ヘッダーロゴ、グローバルナビ、メインビジュアル、キャッチコピー、その他必要だとおもうコンテンツ（カテゴリー）＞
• 学校名は【天白市立WAS〇学校】
• サイズ：幅960px-1200px 縦任意

制作意図

母校のWebサイトが保護者や地域の方向けのブログのようなサイトだったので、親しみやすさはあるものの情報を探しにくく、その点の改善を目指しました。保護者、地域の方がより使いやすくなるようリニューアルしました。
まず情報をわかりやすくグループ分けしてサイトマップを作り、グローバルナビゲーションを置いて目的の情報を探しやすくしました。既存サイトの良い点として、サイトを開いてすぐ生徒の様子が写った最新画像が見られる点は残したかったので、トップページに中学校の近況を伝えるコンテンツの最新情報を置きました。
サイトの配色は母校の体操服をイメージしたもので地域の方に親しまれるデザインにしました。

制作環境

• 制作時期: 2019/11/6 - 11/29
• 制作時間 : 60時間
• 制作環境: OS/Windows10, PhotoshopCS5