2,500ページ超の独立行政法人サイトリニューアル

住宅金融支援機構様のWebサイトは前回リニューアル後からかなりの年月がたっており、かつ膨大なページ数が継ぎ足しで制作されてきたという経緯がありました。

つまり、ユーザーが探したいページへ簡単にたどり着けないといったUIの課題が山積した状態です。

そこで、リニューアルを実施することになり、競争入札の方式がとられることになりました。

「機構サイト」「フラット35」2サイトの合計2,500ページを超える大規模サイトリニューアルです。

プロジェクトに求められる要件は以下の項目になります。

（１）問題点の抽出

（２）改修方針の策定

（３）改修案の作成

（４）改修ページの作成

（５）ガイドラインの作成

（６）監修、サポート業務及び搭載確認

（７）効果測定

★★★この実績をもとに要件整理のアドバイスを聞きたい

問題点の整理を行います。

2サイトは以下の役割になります。

・住宅金融支援機構様サイト＝「機構サイト」

【役割】コーポレートサイト、機構が提供する商品・サービス全体像の説明

・フラット35サイト＝「フラットサイト」

【役割】フラット35の商品説明

まずは、両サイトの関連性に関する課題抽出です。

それぞれ、独立して制作されており、互いの関係性や、商材の位置づけなどがお客様（ユーザー）へ伝わらない状態でした。

また、各サイトでの課題は

多様なユーザに対するメニューとしてナビゲーションが機能していない

１）多様なユーザーに対する単調な説明

２）ユーザーの処理能力を超えるメニュー数

３）画面サイズを想定していないレイアウト設計

など、Webサイトのナビゲーション的な視点が欠如していました。

また、「フラットサイト」では

ユーザーの検討プロセスとコンテンツが合っていない

１）コンテンツと対象ユーザーの関連づけのなさ

２）ユーザーの検討導線を想定していないただ列挙されているコンテンツ

といった、Webサイトの営業・接客の視点が欠如していました。

★★★同様のサイト制作にかかる金額感・スケジュール感を知りたい

サイトの問題点を一方的な視点ではなく、360°全方位的な視点で抽出します。

その方法は以下の通りです。

・ヒューリスティック評価：過去の成功セオリー、Webトレンドの視点

・競合ベンチマーク評価：競争対抗上の視点

・アクセスログ解析：客観的・数値的視点

・ペルソナ設計：顧客像の視点

こういった形で出た大量の課題を取りまとめて、優先順位をつけてサイト設計に活かします。

★★★この制作実績をもとに相談したい

住宅金融支援機構様は公共性が高い事業をされており、ステークホルダーが多岐にわたります。それゆえ、ペルソナの数も30以上にのぼりました。

全方位的にWebサイトの設計を行いますが、全ての人に100％満足のいく設計を行うことは不可能です。

そこで、優先順位づけと、各ページの役割分担を明確に定義することにより複雑な情報を整理して極力見やすいページ設計を心がけました。

★★★これと同様の内容で制作した際にかかる費用感・スケジュール感を知りたい

Webサイトの設計上の課題を抽出したら、次はサイト設計フェーズに移ります。

住宅金融支援機構様の場合、2,500ページを超える大量のホームページと、金融・学術的な専門用語が飛び交う文章内容をどうやって分かりやすくユーザーへ伝えるのかというところが非常に難しいポイントでした。

そこで、乱立したコンテンツをルール化しそれを「主要コンテンツ定義書」にまとめました。つまり、ルールに基づいて記事や画像を使うことになるため、ある程度専門知識が無くても、どこに、どんな情報があるのかが視覚的に想像しやすくなります。

そして、文章そのものにも問題が多くあり、急遽ライターを5名アサインして、リライト部隊を編成して業務に当たりました。

★★★この実績をもとに要件整理のアドバイスを聞きたい

その後、サイトマップを構築し、ペルソナを意識してサイトストラクチャの設計、ページゾーニング設計、ワイヤーフレーム作成を行います。

その後に、事前に抽出したサイトの課題がワイヤーフレームに反映されているかをチェックするためコンサルタントのレビューを行い、その上でデザイン制作に入ります。

★★★類似の制作実績を聞きたい

デザインファイルが制作完了したら、HTMLコーディングを行うフェーズに移り、さらにCMSへの実装を行うことになります。

今回は、CMSベンダーは既存に利用されているものをバージョンアップする形でリニューアルを進めました。

現状の課題をしっかり把握して反映させるという視点はとても大切ですが、CMSの機能や拡張性、さらにはCMSベンダーの役割・発注範囲を把握しておくとも非常に重要です。

当初計画時の分量や、設計範囲と実際の実装するものの差分が出ることは良くあることで、それをちゃんとカバーできる体制を、クライアントとベンダーで協力して作ることがプロジェクト成功の鍵となります。

★★★サイトリニューアルの進め方について相談したい

リニューアル前に目標KPIを立てて、リニューアル後数か月でその目標がどうなったか振り返ります。

ECマーケティング社ではリニューアルは一過性のものではなく、サイトを生まれ変わらせて、そこから成長させるための出発点と考えております。よって、目標の設定と振り返り、その後のPDCAサイクルの導入を強くお勧めしています。

住宅金融支援機構様は、当初立てた4つのKPIの100％以上を達成し、リニューアルは一旦成功しました。　その後のPDCAも継続しており、さらに更新などのマニュアルも活用されており、数年経った今でもWebは成長し続けています。

★★★同様のサイト制作にかかる金額感・スケジュール感を知りたい