大学の「ストーリー」を引き立てるWebサイト。東京都立大学

東京都立大学のWebサイトリニューアルにて、コンセプト策定、デザイン、記事コンテンツの制作と、大学案内・リーフレットの制作を担当いたしました。

東京都立大学（以下、都立大）は、「学問の力で、東京から世界の未来を拓く」をビジョンに掲げる、東京都で唯一の都立大学。

CINRA, Inc.は、「コンセプト」「情報設計」「デザイン」3つの制作フェーズでワークショップをしながら制作することをご提案。今回のプロジェクトは、いかに「都立大らしさ」を伝えられるかがカギとなるため、プロジェクトのマイルストーンごとに、都立大も含めた制作チームメンバーの視点と、目指すべきゴールの認識をそろえることに重点を置きました。それによって、届けたいストーリーを引き立たせるアウトプットができるのではないかと考えました。

「届けたいストーリー」を言語化し、プロジェクトの土台を固める

まずはサイト設計の土台となるコンセプト策定。学長様をはじめ教職員の皆さまを対象に、「学問の力で、東京から世界の未来を拓く」というビジョンの解像度を上げるため、4つのカテゴリーごとに考えや思いを言語化するワークショップを行ないました。

・WORK1：【WHY視点】この大学が存在する価値はなにか・どこにあるか
・WORK2：【HOW・WHAT視点】大学らしさを表現している研究や教育はどんなものがあるか
・WORK3：【WHO視点】それらを届けたいターゲットはどんな人たちか
・WORK4：【ストーリーの構築】都立大が届けたいストーリーはどんなものか

それぞれの思いをキーワードに落とし込みながら、新たなサイトコンセプトを策定しました。

次の情報設計フェーズでは、コンセプトをもとに、CINRA, Inc. のUXデザインチームが、具体的なターゲットやコミュニケーション戦略を整理するためのワークショップを実施。ユーザーストーリーマップを用いて、必要なコンテンツがどのターゲットグループに、どんな順番で届けていくのが最適かを可視化しました。

サイト全体においては、都立大のことをまだよく知らない人や、これから知っていきたいと思っている人でも、目的の情報にたどり着きやすいナビゲーションと階層構造を意識しつつ、好奇心を持って回遊をうながすような設計に。ページ設計では、スクロールするごとに段階的に理解が深まっていく構造に仕立てています。

最後に、これまで決まった情報をもとに、デザインコンセプトのワークショップも実施。コンセプトやサイトのイメージから連想されるキーワードを洗い出し、それに合わせたフォントやカラーセット、UIパーツやデザインを選定。華美で装飾的なアニメーションではなく、ユーザーの操作性向上やサイト閲覧の促進を目的としたUIを効果的に導入いたしました。

記事を通じて、読者に自身の「将来像」を見せる

Webサイト内で展開する記事コンテンツでは、都立大のことをより深く知ってもらうため、サイトコンセプトに合わせたインタビュー企画を提案・制作いたしました。在学中の生徒や教職員だけでなく、卒業生にもインタビューをし、ターゲットのニーズに合った都立大の魅力を伝え、進学先として選ぶ理由につながるようなスト

ーリーを描いていきました。

また、今回は大学案内や3種類のリーフレットも制作。大学案内は、読むことで大学への興味につなげ、Webサイトへ訪れてもらうための重要な役割を担うもの。いかに必要な情報をコンパクトに編集し、サイトへの導線を設けるかが肝になります。

そこで、社内に編集者がいるCINRA, Inc.ならではの強みを活かし、学内のプロジェクトメンバーへヒアリングをしつつ、Webサイトの膨大な情報のなかから、大学のビジョンや強みを伝えるためのコンテンツを適切にピックアップし、まとめ上げました。

また、大学案内に、Webサイトの該当情報へ飛ばすためのQRコードを掲載するなど、スムーズな導線をつくる工夫も施しています。

東京都立大学のみなさまからは、「写真の使い方といったデザイン面や、情報設計も含めて、クリアなトーンが大学のイメージに合っている」というお声をいただいています。

志高いビジョンや、未来へつながる学びを実感できるのが都立大の大きな魅力。今回、これまで多くのオウンドメディアを制作してきたCINRA, Inc.が得意とする「届けたいストーリーの言語化＝ストーリーブランディング」の手法を活かして制作をお手伝いすることで、すでに都立大に触れてきた人も、そうでない人にも、その魅力がしっかりと伝わるWebサイトをつくることができました。

News & Link

• 大学案内（PDF）

Credit

CLIENT：東京都公立大学法人
■Webサイトデザイン
ACCOUNT PLANNER：加藤修吾 / 田中健一
PROJECT MANAGER：林杏奈 / 城真美子*
UX DESIGNER：中川加衣 / 洪如觀
ART DIRECTOR：上野由誠
DESIGNER：石井裕佳* / 三川裕*
ILLUSTRATOR：寺原慧*
EDITOR：服部桃子/ 株式会社ライター*
PHOTOGRAPHER：bird and insect*
■大学案内・リーフレット
DESIGNER：宮川洋平* / ampersands* / 寺原慧*
EDITOR：服部桃子 / Mo-Green*
PHOTOGRAPHER：豊島望* / 丹野雄二* / 佐藤佑樹*
* 社外