玉川大学

学校法人玉川学園がホームページをリニューアル――パソコンやタブレット・スマートフォンに対応した「レスポンシブWebデザイン」を採用

大学ニュース  /  IT情報化

  • ★Facebook
  • ★Twitter
  • ★Google+
  • ★Hatena::Bookmark

学校法人玉川学園 (理事長・学長・学園長:小原芳明)は、2013年4月1日、玉川大学・玉川学園ホームページ( http://www.tamagawa.jp )をリニューアルした。幼稚部から小学部・中学部・高等部、そして大学、大学院、通信教育、研究所を一つのサイト内で展開させ、幅広い教育活動や研究活動を横断的に閲覧でき、サイト訪問者が参加できるコンテンツを設けている。最大の特徴は、「レスポンシブWebデザイン」の採用。パソコンやタブレットなど幅広い端末への表示に対応している。

 今回のリニューアルでは幼稚部から小学部・中学部・高等部、そして大学、大学院、通信教育、研究所を対象とし、約2,000ページにおよぶ内容を、見やすさや使いやすさを提供するために「レスポンシブWebデザイン」を採用した。これは、パソコンやタブレット、スマートフォンなど、端末のスクリーンの大きさに応じてページのレイアウトデザインを柔軟に調整できる手法で、国内の教育機関での採用は少なく、先進的な事例ともいえる。同学園の幼稚部でも、タブレット端末を用いた教育活動を始めており、今後、各種端末に対応したホームページの展開は有効な手段ともいえる。

 また、さまざまな年齢層が集う教育環境を横断的に閲覧できるコンテンツとして「TAMAGAWA SCOPE」を設置。ここでは、訪問者がピックアップしたコンテンツに触れ、自らの想いや考えを反映させ、実際に参加できるシステムを備えている。これは、各教育活動に共感した場合、「応援ボタン」をクリックしてもらい、押した数によって順番や画像の大きさが変わることで、視覚的に変化が伝わるというもの。同学園の教育活動が、システムとデザインとコラボレーションし、分かりやすいコンテンツを創出している。

 ページ全体で使用している円形のデザインは、「円」「輪」「和」「球」「玉」をイメージ。この「円」「輪」「和」「球」「玉」には、玉川学園全体やワンキャンパス、人と人との繋がり、地球規模での教育・研究、グローバル人材の育成など、同学園がもつさまざまな魅力や想いを込めたデザインとし、ブランドイメージの醸成となっている。

◆玉川大学・玉川学園ホームページ
 http://www.tamagawa.jp

◆リニューアルの主な特徴
・「レスポンシブWebデザイン」の導入http://www.tamagawa.jp/aboutsite/
 デバイスのもつスクリーンの特性に応じてデザインを変える手法

・TAMAGAWA SCOPE http://www.tamagawa.jp/scope/
玉川の活動に共感する気持ちを、「応援する」ボタンを通じ、伝えられるコンテンツ

・各サイトのアドレス
 幼小中高サイト:http://www.tamagawa.jp/academy/
 大学サイト:http://www.tamagawa.jp/university/
 大学院サイト:http://www.tamagawa.jp/graduate/
 通信教育サイト:http://www.tamagawa.jp/correspondence/
 研究所サイト:http://www.tamagawa.jp/research/
 大学入試情報サイト:http://www.tamagawa.jp/uni_admission/
 大学院入試サイト:http://www.tamagawa.jp/gra_admission/

▼本件に関する問い合わせ先
 玉川学園教育企画部 キャンパス インフォメーション センター
 〒194-8610 東京都町田市玉川学園6-1-1
 TEL: 042-739-8720
 FAX: 042-739-8723

4087 総合サイトのトップページ画面

4088 レスポンシブWebデザイン

4089 SCOPE画面