未来のクリエイターとの出会いを導くブランド体験
デジタルハリウッド大学 Webサイトリニューアル

時代の移り変わりのなかで、まさに変化の局面を迎えつつある「大学教育」。文部科学省の「高大接続改革（＝大学入試改革）」では、生徒・学生の主体性、時代適応能力、国際的な社会貢献力の育成や探求型学習が重視され、大学入試や教育カリキュラムについて、新たな方針へのシフトが始まっています。

さらに、2040年には大学入学者が現在（2022年）の約8割まで減少し、入試競争がさらに激化することも予測されています。大学がこうした時代や環境の変化に対応しながら、持続可能な経営を行い、これからの時代に求められる人材を輩出し続けるためにも、戦略的なブランディングがますます重要になっています。

2005年に開学したデジタルハリウッド大学（以下、DHU）は、「Entertainment. It’s Everything!（すべてをエンタテインメントにせよ！）」というバリューを掲げ、デジタルクリエイティブの分野において第一線で活躍する講師陣や最新の制作環境を備えた、先進的な教育を推進。デジタル表現やエンタメ領域を中心に、これからの時代に求められる、創造的で国際感覚を備えた人材を輩出してきました。しかし、日本の偏差値に偏った教育・受験環境の影響もあり、受験検討者にとって「第一志望」として選ばれにくい状況がありました。

DHUは、大学選択を取り巻く旧来の価値観を打破し、自学が提供する教育の価値を発信するために、ロフトワークの支援のもと、コンセプトブック（大学案内）とWebサイトをリニューアル。自学の強みや独自性を強調し、受験検討者の「迷い」をきっかけにした体験シナリオを実装することで、大学としてのリブランディングを図りました。

この記事では、プロジェクトの中でも、Webサイトリニューアルの概要とポイントについてご紹介します。

執筆：後閑 裕太朗（Loftwork.com編集部）
編集：岩崎 諒子（Loftwork.com編集部）

本リブランディングプロジェクトの特徴は、DHUの強みを発掘し表現することに加え、「受験検討者がDHUを第一志望に決めるまでの体験シナリオ」を設計し、Webサイトとコンセプトブックの誌面に実装したことにあります。

偏差値や周囲の評判に左右されがちな現在の受験環境で、DHUが「第一志望」となることは容易ではありません。今回のリブランディングでは、あえてこの点に注目しました。コンセプトブック、Webサイト、そしてオープンキャンパスという、DHUを認知・理解する3つのタッチポイントを通じて、受験検討者自身が本当に行きたい大学や学びたいことについて「迷い、見つめなおす」きっかけを提供。そのうえで、DHUの学びの特徴や魅力を実直に伝え続けることで、徐々に自分の意思でDHU志望への確信を持たせる、というシナリオを策定しました。

コンセプトブックの導入部やWebサイトのファーストビューには、受験検討者に向けて自分らしく学び、挑戦することを後押しする印象的なメッセージを配置。また、等身大の学生の様子をビジュアルで訴求。これにより、「大学選択の迷いや内省」のきっかけを与えています。そのうえで、DHUの特徴的な教育プログラムや、学生生活に直結する情報を伝える内容も充実させています。

また、誌面やサイト上で、各タッチポイント間の導線も強調。コンセプトブックからWebサイト、そしてオープンキャンパスへと、連続したコミュニケーションを繰り返すなかで、DHU受験への確信を深めることを目指しています。

Webサイトにおいて自学の第一印象を決定づけるTOPページのファーストビューは、キャッチコピーを大きく見せるレイアウト。季節ごとに入れ替わるコピーは、大学の魅力や特色を語る以上に、受験検討者や在学生に「こうあってほしい」という大学の想いを直接訴えかけています。

ねらいとして、あえてテキストメッセージを大きく打ち出すことで、Webサイトを訪れる受験検討者の気持ちを揺さぶることを企図。また、従来よりDHUが醸成してきた「オルタナティブな大学」として学生たちによる創造的な挑戦を後押しする姿勢を表現しています。

Webサイトのカラースキームは、白と黒、及びそのグラデーションを基調としています。これは、シンプルでありながら、成熟さ・静謐さとを備えた水墨画の色づかいから着想を得ており、DHUが自学の教育において大切にしている「本質性＝（Authentique）」が体現されています。

さらに、インタラクションによってユーザーを惹きつける工夫も施されています。例えば、ファーストビューのキーワードにマウスオーバーすると、そのキーワードに関連するページのビジュアル（OGP）が浮かび上がり、そのページにアクセスすることができます。また、ページをスクロールすると背景と文字の配色が反転する、記事のサムネイル画像にカーソルを合わせると画像が震えるなど、随所にインタラクティブな工夫が組み込まれています。

DHUの教育プログラムの最大の特徴は、8つの領域の「専門科目」から、学生が自由に科目を選択し、横断的に学べる「1学部1学科」であること。この制度の魅力を明確に伝えることは、入試広報において重要な課題です。

今回のWebリニューアルでは、コンセプトブックと内容を合わせて学部紹介ページの情報を整理。また、それぞれの「専門科目」について伝える各詳細ページでは、DHUならではの学びの特長や、実際の授業内容、将来的なキャリアまでを、在学生の体験談や授業風景の写真を交えて紹介。受験検討者に、具体的な学びのイメージを伝えています。

さらに、各科目の詳細ページがSNSや外部リンク等のランディングページとしても機能するよう、担当教員紹介ページや学生作品ページ、その他の専門科目といった関連ページへの導線を配置。受験検討者の興味に応じて、サイト内を自然に回遊できるように設計しています。

受験検討者の「迷い」から、受験へと気持ちを後押しするためには、「DHUだからやりたいことができる」「学びたいことを学べる」と強く実感できるようなコンテンツの存在も重要です。今回のリニューアルでは、充実した学生生活や卒業時の目標を印象づけるコンテンツとして、キュレーションメディア「NOW」と卒業制作紹介ページを制作しました。

DHUは、大学サイトでの情報発信だけでなく、noteをはじめとするさまざまなメディアでコンテンツを制作しています。それらのコンテンツを集約し、キュレーションすることで、最新情報や実際の学生生活を伝えるゲートウェイとしての機能を持つ、サイト内メディア「NOW」を制作しました。

「NOW」には、オープンキャンパスやイベントのレポート、特別講義の紹介、在学生や卒業生へのインタビューなど、多種多様なコンテンツを、カラフルかつポップな体裁で掲載しています。本体サイトとはトーン＆マナーを変えることで、学生たちのアクティブな様子や学生生活の温度感、活動の多様さが表された、DHUの「B面的な魅力」を発信するのが狙いです。

卒業制作の作品は、エンタメ・クリエイティブ業界を目指すDHUの学生にとって、これまでの学びを生かし、新しい可能性に挑戦する最大の場。また、DHUとしても、教育成果や大学としてのアイデンティティを示すものです。

その作品群を紹介するページでは、大きなビジュアルイメージを活用し、作品一つひとつが際立つようなデザインになっています。学生たちのポートフォリオサイトに近い構成のもと、関連する専門科目をタグで提示することで、教育内容とのつながりも示しています。

リニューアルにおけるシナリオ策定の背景には、事前の入念なリサーチがあります。まず、DHU広報チームとの議論を通じて、ターゲットを「DHUは、自分と関係ない大学だと思っている受験検討者」に設定。彼らに対するアクションのヒントを得るために、DHUの学部1〜2年生へのインタビューを実施しました。

結果として、「偏差値上位校を目指す、世間のレールにモヤモヤを抱えていたこと」「入学前には、DHUの特徴を理解しにくいこと」「明確な意思をもって入学すると、大学生活の満足度も高いこと」などが明らかになりました。これらを踏まえて、受験の常識を疑うことからアプローチしつつ、明確な意思を持ってDHUに入学できる受験検討者を増やすというコミュニケーションの方針を見出しました。

リブランディングという大きな目的を達成するうえで、「コミュニケーション方針策定書」と「クリエイティブコンパス」という2つのドキュメントがプロジェクトの指針として機能しました。

これらは、ビジョンや方針を明確化し、ステークホルダー間での意思決定の判断基準をつくり、デザインなどに一貫性を持たせるために使用されます。今回は、DHUの独自性やユーザー体験のシナリオをデザインに落とし込むための重要なツールとなりました。

リサーチ結果をもとに、プロジェクトが目指すブランドコミュニケーションの方針を定めたドキュメント。コンセプトブックとWebサイトで一貫するコンセプトを定め、長期プロジェクトを進行する拠り所として機能しました。

デザイナー・エンジニアをはじめとするステークホルダーに対して、クリエイティブ制作の方針を共有するためのドキュメント。リサーチで見出した「DHUらしさ」やコミュニケーション方針を軸に、「Entertainment」「Authentique」「Inclusive」という3つのコンセプトキーワードを抽出。デザインの基盤として機能しました。

システム面では、高頻度でのコンテンツ更新や幅広いページ設計に対応できるよう、プラグインを通じた自由度の高い設計が可能なCMSツールであるWordPressを採用。ブロックエディタにより、コーディングの知識がなくても直観的な操作が可能となり、更新作業の効率化につながりました。

また、多彩なインタラクションを取り入れながらも安定した挙動を実現するために、テクニカルディレクター、デザイナー、フロントエンジニアが最後まで調整を重ねることで、安定性の高いWebサイトを実装しました。