- 課題内容
- 既存のサイト(植田小学校)の現状分析と問題点を書き出し、それに対し解決策を提案する
PC版トップページ＋下層３ページのコーディング
必須記載項目：ヘッダーロゴ、グローバルナビ、メインビジュアル、キャッチコピー、その他必要だとおもうコンテンツ（カテゴリー）
サイトサイズ：幅960px～1200px、縦任意 - マーケット
- どこの学校もカウンターツールを見る限り、1日の訪問者数が少ない⇒見る人が少ない
2020年、母親になる平均年齢は32歳。32歳の時に産まれた子どもが小学生になる時の母親の年齢は39歳。
※統計なごやweb版より
PCよりスマホを使う人が多い - クライアント
- 小学校の先生。見やすく、使いやすく、先生自体が更新しやすいサイトにしたい
- ターゲット
- メインターゲット：子どもの保護者
家事・育児・仕事などで忙しい保護者。忙しいのであまり学校サイトは見ていない。いまいち必要な情報がどこにのっているのかわからない。印刷物でもらうものは白黒だし、写真などはわかりづらい、子どもが渡し忘れることも…
普段の子どもの様子や学校行事の様子などが気になる、もっと詳しく知りたい。
サブターゲット：近隣住民
緊急時の非難について知りたい。 - 現状
- トップページに行く前に入口ページがある為、流入にしくいのではないか
メニュー欄の字の大きさや色がバラバラの為、まとまりがなく、わかりづらい
ページによって、字の大きさやフォントに相違がある為、読みづらい
ページの色味に統一性がない
どこに何の情報が載っているのかわかりづらい
トップページにdescriptiomタグがついていない
画像にaltタグが付いていない
スマホ未対応
在籍ページで画像と文字のかぶりがある - 分析
- 入口ページの削除
グローバルナビを統一感を持って作成し、どこに何の情報があるのかわかりやすくする
色味、字の大きさやフォントに統一感を持たせる
トップページにdescriptiomタグをつけ、画像にaltタグをつける
バナーを作り、一目見てわかるようにする - コンセプト
- 保護者が何度もアクセスしたくなる、端的で見やすい学校サイト
- 制作ポイント
- 忙しい保護者がターゲットの為、トップページで必要な情報がわかるように、緊急のお知らせや、新着情報、更新頻度の高い情報などを記載
飛びたいページにすぐに行けるよう、左にメニューを固定して配置
天白区の花はマーガレット。ロゴもマーガレットを使用し、マーガレットをイメージした黄色でフッター部分を装飾
今の保護者の世代はSNS使用率も高く、情報を視覚的にとる人が多いのではと考え、文字での起債は少なく、写真を多くし、わかりやすく表示
現状ページがゴチャゴチャしていたので、スッキリ端的にわかるように設計
更新する先生の手間がかからないように、更新するのは基本的にはトップページに表記のある3種類。年間行事は年1回、給食は月1回、ブログは適宜更新 - ロゴ
-
- バナー
-
-
- 制作時間／制作環境
- デザイン36時間、ページ制作40時間／photoshop CS5、CC、Illustrator、Brackets
