CHWORKS

課題名

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

課題内容

［ 課題概要 ］

既存のサイト（母校）の現状分析と問題点を書き出し、それに対し解決策を提案。

［ 構成要素 ］

• ヘッダーロゴ
• グローバルナビ
• メインビジュアル
• キャッチコピー
• その他必要だと思うコンテンツ

※学校名は【天白市立 WAS〇学校】WAS は、カタカナ、平仮名、漢字どれでも可

［ 仕様 ］

• サイズ：幅 960px-1200px 縦任意（※ブラウザウインドウサイズ1000～2000pxを想定。）
• PC 版トップページ＋下層１ページ（モバイル対応）のコーディング

制作意図

［ メインターゲット ］

公立の小学校で、保護者だけではなくお子様からお子様の祖父母世代まで、幅広い世代の方がサイトに訪問することを想定。

［ デザイン概要 ］

小学校なのでできる限り大きな文字や明るい配色で、誰もが親しみやすいサイトになるようデザイン構成しました。明るい太陽のイメージのオレンジ系をキーカラーに、子供の好きな明るいポップな色をメニュー等にポイント的に配置することで、わくわくする見た目にしました。
大きめのグローバルメニューや、TOP へもどるボタン、専用サイトログインボタン等、よく使用される項目は画面固定にすることで、どの年代の方も希望の情報にすぐたどり着けるような導線になるように意識しました。

配色

明るく活発な印象の「オレンジ」をキーカラーとして全体デザインをしました。
強い色でデザインがうるさくならないよう、類似職の濃淡でバランスを調整しました。

制作環境

［ 制作時間 ］

2週間（デザイン構成～コーディング）（2020年11月）

［ 使用ツール ］

Photoshop CS5・CC / Illustrator CS5・CC / Windows10 / Brackets