WEBSITE
2015年度いちょう祭公式サイト
2015年
大阪大学大学祭中央実行委員会
https://archive.ichosai.com/15/Webサイトのデザイン・実装
PHP
HTML
CSS
JavaScript
大阪大学では、毎年5月初頭に「いちょう祭」という大学祭が全学規模で開催されます。いちょう祭の学生企画を管理・運営する大学祭中央実行委員会で広報を担当していた私は、いちょう祭の魅力を内外に宣伝するためにWebサイトを制作しました。事前に詳細な情報を簡単に手に入れられるだけでなく、イベント当日にスマホを片手に学祭を巡ることができるような「案内リーフレットの代替になるWebサイト」の姿を目指しました。
サイトのデザインは、当年度のいちょう祭に与えれていた「和」なデザインイメージに基づく日本的な配色と造形が特徴です。大学本部が主催する公的な大学祭でもあるため、気品のある落ち着いた雰囲気を醸し出すための配慮もいたしました。
スマホ対応は、前年のまちかね祭公式サイトとは打って変わって、PC用とSP用の2種のHTMLを用意して、ユーザーエージェント別に振り分ける方法を採用しました。これにより、前述の目標に向けてスマホからの操作性を大きく高めることができました。サイトには、興味ある企画を即座に探せる企画検索機能や、イベント当日におけるステージスケジュールのリアルタイム表示機能など、「案内リーフレットの代替になるWebサイト」に繋がる動的なコンテンツを盛り込み、これらはPHPで記述したプログラムで制御しています。スマホサイトのメニュー表示などにJavaScriptを使用しています。
サイトのデザインは、当年度のいちょう祭に与えれていた「和」なデザインイメージに基づく日本的な配色と造形が特徴です。大学本部が主催する公的な大学祭でもあるため、気品のある落ち着いた雰囲気を醸し出すための配慮もいたしました。
スマホ対応は、前年のまちかね祭公式サイトとは打って変わって、PC用とSP用の2種のHTMLを用意して、ユーザーエージェント別に振り分ける方法を採用しました。これにより、前述の目標に向けてスマホからの操作性を大きく高めることができました。サイトには、興味ある企画を即座に探せる企画検索機能や、イベント当日におけるステージスケジュールのリアルタイム表示機能など、「案内リーフレットの代替になるWebサイト」に繋がる動的なコンテンツを盛り込み、これらはPHPで記述したプログラムで制御しています。スマホサイトのメニュー表示などにJavaScriptを使用しています。
続きを読む