制作概要

学校サイトリニューアル提案
既存のサイト(母校)の現状分析と問題点を書き出し、それに対し解決策を提案すること
リニューアルの場合は現行と新サイトマップを比較できるような提案内容にすること 必須項目
PC版トップページ＋下層3ページのコーディング
サイズ：幅960px－1200px 縦任意
構成要素
ヘッダーロゴ／グローバルナビ／メインビジュアル／キャッチコピー／その他必要だと思うコンテンツ／架空サイト表示

制作意図

オリジナルサイトの問題点
・見るデバイスによってグローバルナビが隠れる
・ヘッダー、サイドバーが固定されていて且つサイズも大きいためメインの領域が狭く見づらい。
・リンク切れが起きている箇所が多い。
・文章量が多く写真が少ない。
ターゲット
メイン:進学希望の中学生
サブ：在学生、保護者
リニューアルにおける改善
中学生の目線で、わかりやすく見やすく使いやすいサイトを意識しました。水色や青色を使い清楚さや知性をイメージし、学校の雰囲気をサイトから感じてもらえるようにしました。
既存サイトにはなかった在学生・保護者・卒業生用ページを作成しました。サイトから情報を得られるようにすることで、学校への問い合わせが減り教職員の負担を減らすことができるのではないかと考えました。
部活動ページは現行サイトでは、部活動名が羅列されておりクリックすると各部活動が用意したPDFに飛ぶ構成でしたが、リンクがないサイトもありユーザーにわかりにくい点がありました。一覧にし、大まかな概要と写真を載せることでユーザーが見やすいサイトを意識しました。
現行サイトで使用しているPDFデータは概要下のボタンから飛べるようにすることで部活動ごとの詳細も知れるようにしました。

制作環境

Illustrator CS5,CC / Photoshop CS5,CC /Brackets