明治安田生命保険相互会社　Webサイトリニューアルプロジェクト

誰でもいつでも同じ体験ができるコーポレートサイトへの転換

今回のリニューアルプロジェクトでは協力会社と連携しデザインシステムの開発及び新デザインに伴うCMS開発・ページ移行・運用マニュアル（デザイン・フロントエンド・CMS）作成を実施し、利用者が自由に回遊・体験ができるWebサイトを構築しました。

目的に応じた情報の整理とスマホ最適化を実施

明治安田生命は2020年5月に経営計画「MY Mutual Way 2030」を策定。そのめざす姿に沿ったブランディングを強化する一環として、本リニューアルプロジェクトはスタートしました。特にユーザー体験を考慮する点において、スマートフォンも含めたマルチデバイス対応を求められる状況が生まれました。また前回のリニューアルから5年以上がたち、コンテンツは2000ページ以上に。その中でユーザーの利用目的や情報鮮度などを踏まえ移行対象コンテンツを精査し、約1000ページをラソナの移行対象コンテンツとし移行計画を立案しました。

企業ブランドを阻害しないUI規定の整備

今回のリニューアルのポイントとして

• Adobe XDを活用したデザインシステムの再定義
• フロントエンド　コンポーネント設計

を中心に本プロジェクトリニューアルを進めました。

旧サイトの課題として複数部署が関わる状況から、構造が複雑化した影響があり、適切な情報発信の環境を整えるためにサイト制作時にクオリティの一定の担保を目指すためのルールとして、デザインシステムとHTML/CSS/Javacsriptを規定したコンポーネントを用意。

Webサイトの記事を追加・更新する際にもUIが大きく崩れないようにするためのマニュアル類を用意しました。