School Site

画像の代替テキストを入力
課題名
WAS小学校
課題内容
・学校サイトリニューアル提案
既存のサイト(母校)の現状分析と問題点を書き出し、それに対し解決策を提案すること
PC版トップページ+下層ページ1ページ(モバイル対応)のコーディング
コンセプト
[改善案]
・学校全体の外観が見えるように
学校って結局どれなの?と思わせないように、学校の外観をファーストビューに配置。
・文字ばかりで子供たちの姿がない
文字ばかりだと見ると疲れてしまうので、学校と一緒にランドセルを背負った女の子を配置しました。背景に動きがあるため、それぞれの場所をイメージさせるのに効果があります。
・更新する楽しみを増やす
トピックスの更新は先生達が毎日多くの内容を書き出します。そのため、流れて見えなくなるのも早いのは勿体ないと思ったので毎日更新のあるものは独立させました。また、お知らせと差別化することで見やすさを出しました。
[ロゴマーク]
天白区の花"マーガレット"を使用しました。花びらをカラフルにして子供たち一人一人の個性を表しています。従来の堅苦しい校章ではなく、柔らかい印象を色や形で表現しました。
制作時期/時間
2021年2月/デザイン15時間 コーディング50時間
制作環境
Windows10/Mac Photoshop CS5/CC Illustrator CS5/CC Brackets