慶大経済学部、日本建築特有の「大和比」でホームページをデザイン：サイト構造は3階層まで

慶應義塾大学経済学部・大学院経済学研究科が刷新したホームページは、日本建築に用いられている比率「大和比グリッド」の活用や、サイトの構造を3階層までにして情報にたどり着きやすくするといった工夫が凝らされている。

[藤村能光，ITmedia]

「慶應義塾大学経済学部・大学院経済学研究科」サイト

　慶應義塾大学経済学部・大学院経済学研究科は2008年12月25日にホームページを刷新した。必要最低限のスペックを掲載した従来の学部サイトを刷新し、来訪者に学びの意欲を持ってもらうようなデザインを目指した。同サイトの構築を手掛けたアイ・エム・ジェイ（IMJ）が、刷新のコンセプトやデザインの詳細を1月14日に発表した。

　同大学はホームページの刷新に当たり、「伝統と新しさを備える経済学部のたたずまいや特徴」を伝えることを目指し、教育のコンテンツを掲載した「Academics」、人に焦点を当てた「People」、卒業生の実績を紹介した「Career」の3カテゴリーをトップページに掲載するデザインを採用した。

　学生や教授の顔写真を表示したパネルアイコンを使って情報の一覧性を高めたり、サイトの構造を3階層までにとどめたりすることで、サイトの来訪者が必要な情報に素早くたどり着けるようにした。コンテンツの面では、「教員一覧」を充実させた。経済についてそれぞれの視点で語った教員インタビューを掲載し、「サイトに訪れたユーザーの学びの意欲をかき立てるようにした」（IMJ）。

大和比グリッドのイメージ（出典：IMJ）

　デザインの構図には「大和比グリッド」を活用。仏像の顔や法隆寺の平面図といった日本建築や彫刻に用いられてきた大和比（1：√2）をWebサイトに投影し、均整の取れたデザインを目指したという。

過去のニュース一覧はこちら

事例記事ランキング

• 本日
• 週間
• 月間

1. JR東日本がTeams導入　“無線中心”だった緊急連絡をデジタルで高速化した方法
2. プロ経営者 松本晃会長の下、現場では何が起きていたのか――カルビー大変革の舞台裏
3. セキュリティ的に意味なし　“旧ノーマル”な職場にはびこる習慣、その名も「PPAP」を知っていますか
4. サンリオの「キティちゃん」を支えるデータベースのチカラ
5. “地味にスゴい企業”は世界の競争に勝てない　データで知名度向上に挑むダイキン

1. JR東日本がTeams導入　“無線中心”だった緊急連絡をデジタルで高速化した方法
2. サンリオの「キティちゃん」を支えるデータベースのチカラ
3. 京都市営バスを便利にするIoT、「ハイテクバス到着案内システム」の裏側
4. 借金10億円、倒産まであと半年――創業100年の老舗旅館「陣屋」をたった3年でV字回復させた方法
5. セキュリティ的に意味なし　“旧ノーマル”な職場にはびこる習慣、その名も「PPAP」を知っていますか

1. サンリオの「キティちゃん」を支えるデータベースのチカラ
2. JR東日本がTeams導入　“無線中心”だった緊急連絡をデジタルで高速化した方法
3. Workdayのファイナンスにクラウド版Informatica、壮絶な“初物導入の舞台裏”全部見せます
4. 日本酒造りにディープラーニング　岩手の銘酒「南部美人」の挑戦
5. 元組み込みエンジニアの農家が挑む「きゅうり選別AI」　試作機3台、2年間の軌跡