Thank you Su-chan

School Site

学校サイト
Webサイトへ
課題内容
  • ・名   称:学校サイトリニュアル提案
  • ・コンセプト:既存のサイト(母校)の現状分析と問題点を書き出し、それに対し解決策(見やすさ、管理のしやすさの工夫)を提案すること
    リニューアルの場合は現行と新サイトマップを比較できるような提案内容にすること
    ※学校名は【天白市立WAS〇学校】WASは、カタカナ、平仮名、漢字どれでもOK
必須要素
  • ・ヘッダーロゴ
  • ・グローバルナビ
  • ・メインビジュアル
  • ・キャッチコピー
  • ・その他必要だとおもうコンテンツ(カテゴリー)
  • ・PC版トップページ+下層1ページ以上(モバイル対応)のコーディング
  • ・サイズ:幅960px-1200px 縦任意
制作意図

①トップページに情報が集中しているため、
・主要コンテンツをグローバルナビとして設定し、情報を整理する
・アクセントカラーやジャンプ率の大きいものを使用し、優先度の高いものに目が向くようにする
・下層ページへのリンクがあるものにはポインタを置いた際に変化があるようにする

②アクセシビリティ向上のため、
・携帯から容易にアクセスできるようレスポンシブ対応
・ページ移動はワンアクション、現在地をアンダーライン
・タイトルを2018年から学校名へ変更

注目ポイント
  • ・キーカラー:緑とオレンジ
    緑は生命や若い、オレンジは親しみや活発という色が持つ印象があるため、思春期の中学生そのものを色で表現したかったこと、また、母校地域は自然豊かな環境であることや校歌の「♪山々青く水清み~」の歌詞から連想される色を選びました。
  • ・名称とキャッチコピーに込めた想い
    名称の漢字の和は穏やか、澄は透き通るという意味があることと、「心を込めた行動で相手とつながる」の自作のキャッチコピーを含め、相手を思いやる心の余裕がある穏やかな人になってほしいという願いを込めました。
  • ・トップページのメイン情報に緊急情報とお知らせ
    思春期を迎えた我が子との距離感が難しくなる中学生の子を持つ親を思い浮かべました。干渉されたくない子供と学校での様子が気になる親。子供から直接情報を得ずとも最低限の情報が手に入り、保護者の方へ安心を提供したいと考えました。
  • ・メインビジュアルに校舎
    道に迷った方や初訪問の方が近くを通った時に学校の場所に気づくことができるため、ファーストビューに校舎の写真を選定しました。
  • ・サイトマップのカテゴライズについて
    歴史ある公立中学校のため、在校生の親が卒業生であることが多いことや地域住民との関わりが深いため、地域住民の皆様への下層ページを設け、対象者別に必要な情報を抽出できるよう表題から内容が把握できるようにしました。
制作時間 80時間
制作環境 Windows10,Illustrator CS5,Photoshop CS5,Brackets