静岡大学 情報学部
学科ごとの特色をわかりやすく伝え、情報学部の魅力を引き出すサイト。
静岡大学情報学部は、情報技術や科学に関する高度な知識と技術を学べる学部で、コンピュータサイエンス、人工知能、データベース、ソフトウェア開発、メディア、コミュニケーションなど多岐にわたる分野を扱っています。ノイは、他の大学サイト制作を担当していたご縁で、静岡大学情報学部様から学部サイトのリニューアルをご依頼いただきました。サイト設計からデザイン、システム構築、CMSの導入まで一貫して担当しました。
2024年公開
ご要望 REQUEST
- 学科ごとの特色を際立たせ、学部全体としての魅力を伝える
- モバイル端末向けの最適化とユニバーサルデザインの採用
- 効果的な視覚的訴求を意識したデザイン
ノイの提案・アイデア IDEA
複雑な情報を整理し、目的地へたどり着きやすいサイト設計に
現状サイトはメニュー内容が複雑で、ユーザーが目的のページへたどり着きにくいという課題が見受けられました。そこで、情報の集約とコンテンツ内容の整理を実施し、ページの統廃合を行うことでシンプルなサイトマップへと再構築しました。モバイル端末向けの最適化も併せて行い、幅広いユーザーにとって使いやすい設計を目指しています。
各学科の比較検討を容易にするコンテンツ構成とデザイン
情報科学科、行動情報学科、情報社会学科という3つの学科の特色や違いが明確に伝わるよう、構成やデザイン面で工夫を施しました。各学科ページのフォーマットを統一することで、ユーザーが比較検討しやすい内容に整えています。また、学生向けにわかりやすいページ構成を取り入れた「文系のための情報学部ガイド」を制作し、ターゲット層の理解促進を図るコンテンツ展開をサポートしました。
誰もが扱いやすく、柔軟な権限管理が可能なCMS環境の構築
運用フェーズにおいて、多数の学内ユーザーがサイト更新を行うことを想定し、誰が触ってもわかりやすいCMSとなるよう細かな調整を行いました。プラグインを活用してHTMLパーツを直感的に挿入しやすい仕組みを構築したほか、アカウントに応じたメニュー項目の出し分け機能を実装するなど、セキュリティや権限管理に関する高度なご要望にも柔軟にお応えしています。
コンテンツ CONTENT
トップページ
3つの学科の特色を視覚的に表現するグラフィックとアニメーション
静岡大学情報学部の強みである3つの学科をグラフィックで表現し、メインビジュアルの動画に反映させました。トップページのアニメーション実装にあたっては、デザインを極力忠実に再現するため、SVGやCSSアニメーションを組み合わせています。各学科のモチーフをアニメーションに組み込むことで、ユーザーの印象に残る効果的な視覚訴求を実現しました。
文系のための情報学部ガイド
文系学生の不安を払拭し、情報学を学ぶ意義を伝えるコンテンツ
「文系科目は得意だが、理系分野には自信がない」というメインターゲットの学生に向けて、情報学部の特徴や文系学生が情報学を学ぶ意義を丁寧に解説しています。基礎から学べるカリキュラムや具体的なサポート体制をFAQ形式で紹介するなど、学生の不安を払拭し、理解を深めやすいページ構成を取り入るとともに、情報社会をデザインする「文系の視点」の重要性も提示することで、入学後の学びのイメージを明確に描けるよう工夫しています。
各学科ページ
学科ごとの特色をわかりやすく伝えるページ
各学科ページのフォーマットを統一することで、ユーザーが各学科の違いを比較検討しやすい設計に。各ページ内で「入学後に身につく知識や力」などの情報をわかりやすく整理することで、受験生が自身の志向に合った学科を直感的に見つけられるコンテンツへと仕上げました。