課題1 学校サイト「ワーズ学園小学校」

トップページ

トップ

学校紹介ページ《他4下層ページ》

学校紹介

当校の特色ページ《他6下層ページ》

当校の特色

実践的な学習ページ《他9下層ページ》

実践的な学習

保護者の方へページ《他8下層ページ》

実践的な学習
課題名 学校サイト
クライアント要望
  • 名称 / ワーズ学園小学校
  • 依頼主 / ワーズ学園小学校
  • 内容 / 既存サイトのリニューアル
  • コンセプト / 安心・安全で特色、魅力にあふれる小学校
  • ターゲット / 学校に安心、安全を求め、子供を小学生のうちから受験競争に巻き込みたくない、のびのびと学ばせたい保護者
サイズ 横幅 960px・高さ任意 ※ブラウザウインドウサイズ1000〜2000pxを想定
構成要素
  • トップページ
  • 学校紹介ページ
    • 学園長挨拶ページ
    • 沿革・概要ページ
    • 教育理念ページ
    • 校歌・校章ページ
  • 当校の特色
    • 総合的な学習ページ
    • 様々な体験学習ページ
    • 食育の推進ページ
    • 元気キッズページ
    • 災害予防学習ページ
    • ワーズの一日ページ
  • 実践的な学習ページ
    • 国語ページ
    • 社会ページ
    • 算数ページ
    • 理科ページ
    • 生活ページ
    • 音楽ページ
    • 図画工作ページ
    • 家庭ページ
    • 体育ページ
  • 保護者の方へページ
    • 年間行事ページ
    • 学校便りページ
    • 春休みの過ごし方ページ
    • いじめ対策基本方針
    • 土曜授業プランページ
    • ワーズ学園学校評価ページ
    • 出席届
    • お問い合わせページ
制作環境
  • OS / Windows10、Windows7
  • アプリケーションソフト / IllustratorCS5、CC・PhotoshopCS5、CC
作成時間 94時間
制作意図 モデルは母校の区立小学校とした。公立に児童を通わせる保護者が、学校に何を求めてるのかを考え、各種シンクタンクや文科省の資料を基に想定し、「安心、安全、学校が荒れていない、いじめが少ない」をテーマにした。公立小学校のサイトリニューアルなので、トップページに情報を詰め込みすぎないよう特色のみ前面に押し出し、プルダウンメニューを使い情報をすっきりと整理した。ピンク色をベース、アクセントカラーとして用い、和紙のパターンと合わせて、柔らかさを演出した。また、既存のサイトは字と画像が小さく、大変見づらかったため、大きめの文字と画像を使用した。また、可視性を得るため、フォントはメイリオのみ使用した。
感想 学校関係はとにかく、情報が多い。今回は合計32ページの作品となったが、これでもかなり不要な 情報を省けたと思う。サイトを見た人のユーザビリティを高めるため、プルダウンメニューを固定し,必要な情報をすぐに得られるよう工夫したが、やはり情報の捨拾は大切だ。コーディングを進めながら、落としていた情報を加えていったが、最初のフレームワークは本当に重要だと理解した。
作品へのリンク »実際のサイトはこちら«