愛知県豊明市の藤田保健衛生大学は、創立50周年の記念日となる2018年10月10日に『藤田医科大学』へ学校名を変更しました。既存のサイトが持つ構造上の問題を改善し、学部改組に伴う内容を見直す。受験生や病院の患者さんなど幅広いユーザーにも分かりやすいコンテンツ発信を実現する。さまざまな目標を掲げた本プロジェクト。4月からスタートしたプロジェクトは、10月10日という外せないスケジュールに向けていかに進めていったのか?5つのサイトを同時にリニューアルするプロジェクト設計はどう実現したのか?ロフトワーク京都が担当した短期集中の大規模Webリニューアルをご紹介します。Point「統一性」と「独自性」のバランスを追求したプロジェクト体制プロジェクト開始時点では、大きく「大学サイト」、「第1病院サイト」、「第2病院サイト」の3つにプロジェクトを分割し、別々のチームで制作を進めることも考えられました。それぞれのサイトが新たに「藤田医科大学グループ」として足並みを揃えつつ、納期必達の短い期間でプロジェクトを完遂するには、コミュニケーションコストの面でリスクがあります。そこで、1名のプロジェクトマネージャーが5サイトすべての設計・制作進行とコミュニケーションを統括し、制作領域ごとにディレクターを置いて、その下に機能特化したクリエイターがつくというチーム体制をとりました。取り組みに連動した新規コンテンツ制作」という3つのアプローチを採用しました。一般的なWebサイトの制作プロセスでは、まず大学Webサイトのトップページデザインを作って各サイトに展開する、あるいは同時並行で大学・病院のトップページを検討するといったアプローチを取ります。個性の違う複数サイトを同時に扱う場合、各サイトのデザインが「似すぎる」または「違いすぎる」リスクがあります。http://movebell.com/そこで、Webサイトデザインよりも一段階上のレイヤーとして、5サイトに共通する「藤田医科大学/藤田学園としてのデザインコンセプト」を、コンセプトビジュアル(ダイヤグラム)として可視化するという方法を取りました。いうキーワードを核とした、ポスター形式のコンセプトビジュアルを作成。各機関が自立的に進める数多くのユニークな取り組みと、それぞれがゆるやかに繋がりながら1つの大きな主体として「FUJITA」を形成する、といった想いが込められています。この世界観と、各機関に対応するカラースキームの定義を受けて、Webデザインチームがサイトデザインに落とし込みました。各サイトでは、単純なカラーバリエーションだけでなく、このコンセプトビジュアルを引き継ぐ様々なディテールが散りばめられています。最近では「アジャイル開発」がかなり普及しているとはいえ、多様なステークホルダーとの合意形成が重要になる大規模Web構築では、ウォーターフォール型のプロセスが依然として主流です。通常の「デザインFix⇒コーディングFix⇒CMS開発⇒移行」のステップを素直に進める場合、プロジェクトの長期化が避けられません。今回は5サイト計1000ページ近くの既存コンテンツ移行を含めて「6ヶ月」という短期間に納めつつ、各学科・診療科など個別の担当部局を含む確認期間を確保する必要があったため、プロセスの工夫が必要でした。そこで、トップページデザインが完全に固まる前に、「パーツ集(コンポーネント)」のデザイン制作・コーディング・CMS開発を切り出して先行し、画面デザイン展開と並走して「移行」を早期に着手するというアプローチを取りました。これまでロフトワークが手がけた数多くの大規模大学Webサイト構築の知見とノウハウが、このアプローチを可能にしました。プロジェクトを通じて精度を高めたWebRelease2.7の共通仕様(ロフトワークでは「記事セット」と呼称)を下敷きにすることで、長文のページ/複数の写真によるレイアウト/PDFリンクリスト/複雑な表組など、大学Webサイトの移行時に頻出するパターンを的確に網羅。加えて、本格着手前の「サンプル移行」による品質確認や、クラウド型データベース「Airtable」を利用したページ別ステータス管理など、大量のコンテンツ移行を齟齬なく行うための独自のノウハウを活用しました。