「ユーザー中心の大学広報」を一気通貫で実装
受験生サイト・大学サイト連続リニューアル

関東学院大学は横浜市に拠点を置く総合大学ですが、100m先は横須賀市という市の南端に位置しています。いわゆる「ヨコハマ」のイメージと実際のキャンパス風景との間には抗えないギャップがあり、受験生にキャンパスの立地を訴求する上で悩みの種となっていました。

そんな折、横浜市の中心街・関内に新キャンパス開校が決定。港町ならではの洗練されたイメージや、源流にあるミッション系大学としてのカラーを盛り込んだコミュニケーションへと、トーン&マナーを刷新する必要がありました。

さらに、私立大学のマーケティングには「2度選ばれなければならない」という課題があります。まず「受験校として選ばれること」、次に「入学校として選択されること」。「選ばれる大学」となるためには、受験生はもちろん、進路決定に大きな影響を与える学校の先生や受験生の家族・親戚に自学の特色と魅力を伝えることが大きな課題です。同時に、関東学院大学は学びの特色として「社会連携教育」を打ち出しており、地域住民や企業からの視点や評価も見逃すことはできません。

多様なステークホルダーに向けて、いかに自学ならではのブランドと存在感を示し、訴求できるか。新キャンパスの開設に合わせ、2019年から2年がかりで、受験生向けWebサイトと大学Webサイトを一新しました。

受験生に「選ばれる」第一歩としてのWebサイトです。受験生の行動・ニーズから逆算して「見やすさ・わかりやすさ」を重要視。条件検索から、自分におすすめの学部・学科とその受験日程をスムーズに発見できる機能を実装しました。

変化しつづける大学の姿を見せるWebサイト。学生や受験生のみならず、企業や地域の人々など幅広いステークホルダーに向けて、大学と接点を持ちたいと思う「動機」を創出することを目指しています。

Topページは、学内の活動に関する最新情報を集約するとともに、関東学院大学の特色である「社会連携」を通した学びのイメージを伝えるメッセージが掲載されています。

第二階層は、関東学院の教育や研究に関する全体像を掴みつつ、最新のTOPICS・NEWS、詳細情報へ誘導するハブになっています。情報量が多いページでも読み手の関心を持続させる工夫として、追随インデックスとパララックスによる動きを取り入れました。

本プロジェクトでは、関東学院大学の明確な広報戦略を軸として要件定義から制作を進行。一気通貫の体制で、受験生向けサイトと大学Webサイト、2つのリニューアルに挑みました。

まず、2つのサイトに共通する要件定義を実施。その上でより小規模な受験生向けサイトから着手し、次に大学サイトの順で構築し、両方のサイトでコンセプトの軸がぶれることなく進めることができました。

さらに、本プロジェクトでは、より受験生に近い感覚を制作の視点に取り入れるために、広報課の最若手メンバーを入れたプロジェクトチームを編成。Webの運用・構築の経験が浅いメンバーが小規模サイトの構築を経験しながら学習・成長できたことで、続くより大規模な大学本体サイトのリニューアルまで完遂できました。

リニューアル以前は、大学サイトと受験生サイトの両方で似たようなコンテンツが乱立しており、閲覧するユーザーにとっても、サイトを管理・更新する人にとっても煩雑な状況でした。そこで、2つのサイトの目的を以下のように定め、コンテンツ構造と導線を設計しました。

1. 大学サイト：これから関東学院大学と接点を持つ人に向けて「動機」を作るための情報提供
2. 受験生サイト：受験生を必要な情報へ誘導するための導線設計

その上で、大学サイトでは、多様なステークホルダーに向けて関東学院大学と接点を持ちたいという動機付けを図るために、自学の魅力として打ち出すコンテンツを、企業・自治体・地域と連携して教育を展開する「社会連携教育」と、学び・研究成果により社会課題の解決に貢献する「教育研究活動事例」の2点に設定。アクセス数が最も多いトップページや、第二階層ページにおいて、関連コンテンツを強く押し出しています。

受験生サイトは、メインターゲットとなる受験生の視点に立った「使いやすさ」にフォーカスし、条件検索から学科を絞り込みできる機能を実装。グローバルナビゲーションの「学びを探す」から、自分が関心のある事柄に関連するタグや、志望する業界から関連する学部・学科を絞り混みできるように。さらに、「受け方を探す」からは、受験科目や受験日程、試験会場などの情報から自分が受験できる学部・学科を絞り込むことも可能です。

情報設計は高校生からのアクセス傾向を鑑みて、スマートフォンサイトから優先して作り込み、その後PCサイトへとUIを分岐させました。

今回のリニューアルでは、従来使用していた商用CMSから、オープンソース型のCMSであるWordPressへとリプレイスがなされました。その理由として、世界中で広く使われているCMSであること、拡張性が高くこの先の機能改修やリニューアルが比較的やりやすいことなどが挙げられます。

さらに、サイトを運用する広報担当者の運用負荷軽減にもつながっています。受験生サイトと大学サイトの両方をWordPressで統一したことで、広報担当者が慣れた環境の中ですべてのコンテンツを運用・管理できるように。管理画面は、コンテンツ表現の自由度の高さを取り入れつつ、迷わず直感的に操作できるテンプレートを構築。コーディングやプログラミングといった高度な知識がなくても、ストレスなくサイトの更新作業ができる環境を整えました。

一方で、WordPressはアクセス集中などの負荷に弱い傾向にある「動的CMS」です。入試時期などで一時的にサーバーの負荷が高まりサイトが落ちてしまうこと、また、セキュリティ面のリスクが懸念されました。その対策として、WordPressサイトを静的化するサービス「esper」を導入。応答速度の向上とセキュリティ対策の両面をカバーしました。

絶えず変化するVUCA時代において、「未来を見据え、日々変化していく大学のすがた」を発信していくことが、自学の魅力訴求につながる。新しいWebサイトは、関東学院大学広報部門の「強い信念」を体現しています。

例えば、大学Webサイトにおいて最も高いクリエイティビティが求められるTopページのビジュアルとコピー。これをひとつのクリエイティブで固定化せず、広報課内で「今最も伝えるべきトピック」を検討し、随時更新していく体制を選択しました。難易度の高い運用方法ですが、リニューアルから半年が経過した現在も、クリエイティブの品質を保ちながら、移り変わる「大学のすがた」を発信し続けています。

これを実現しているのは、今回のWebリニューアルプロジェクトを完走した広報課のメンバーたち。要件定義フェーズにおけるブランド価値の言語化から参画したことで、広報課チーム全体が、自学が発信していくべきブランドイメージとコンテンツの役割、Webサイトの機能を深く理解している状態を作りました。また、新しい更新環境もチームのパフォーマンス向上に寄与しており、現場からは「驚くほど使いやすくなった」との声も上がっています。

定量的な変化として、大学Webサイトでは、コンテンツのカテゴリーを「教育研究活動事例」と「社会連携教育」に集約したことにより、特別なSEO対策をすることなく自然検索からのサイト流入が増加。リニューアルの効果として、Webサイトの信頼度・評価が高まったことを示しています。

運用チームにコンセプトを浸透させ、モチベーションとパフォーマンスを高めながら、広報戦略から施策までをスピーディに実行する。関東学院大学は、激動の時代に適応するための強固な広報基盤を確立しました。