積水ハウスが目指していたのは、「住まいを提供するハウスメーカー」から、「住まいを起点に、多様な幸せを提供する企業」への認知転換です。そのためには、企業の情報を届けるだけでなく、積水ハウスが大切にする価値観や世界観まで感じられるコーポレートサイトが求められていました。
また、住まいの購入を検討するお客さまにとって、実際の空間を体験できる展示場は重要な接点です。デジタル上で自分に合った展示場を見つけ、来場予約まで迷わず進める体験も同時に整える必要がありました。
セブンデックスでは、コーポレートサイトのトップページリニューアルと、展示場検索のUX/UI改善を支援。ブランドへの共感と使いやすさをどのように両立させたのか、そのプロセスをご紹介します。
プロジェクトの詳細は下記の実績ページでもご覧いただけます。
積水ハウスが抱えていた課題
積水ハウスでは、「住まいを提供するハウスメーカー」から、「住まいを起点に、多様な幸せを提供する企業」へと、社会からの認知を変えていくことを目指していました。
お客さまとの接点が多様化するなか、コーポレートサイトもまた、積水ハウスという企業を知ってもらうための重要な場所です。必要な情報へ迷わずたどり着けることはもちろん、サイトを訪れた人にブランドの世界観や想いまで感じてもらえる体験が求められていました。一方、住まいの購入を検討するうえでは、実際に空間を体験できる展示場も大切な接点です。しかし、既存の展示場検索には、絞り込み条件の複雑さや表示速度などの課題があり、自分に合った展示場を探し、来場予約へ進むまでの体験を妨げていました。
ブランドへの共感を育むことと、ユーザーが求める情報へスムーズに導くこと。その両方を実現するため、コーポレートサイトのトップページと展示場検索のUX/UIを見直すプロジェクトが始まりました。
ブランド戦略をサイトへつなげる
積水ハウスが目指していたのは、「住まいを提供するハウスメーカー」という従来のイメージを越え、「住まいを起点に、多様な幸せを提供する企業」として認知されることでした。
お客さまとの接点が多様化するなか、コーポレートサイトは、積水ハウスという企業の姿勢や価値観を伝える重要な場所になっています。そこで今回のリニューアルでは、ユーザーが求める情報へスムーズにたどり着ける導線を整えるだけでなく、サイトを通じてブランドへの共感が生まれる体験を目指しました。
さらに、デジタルが最初の接点となる一方で、住まいの購入過程では、実際の空間を体験できる展示場も大切な役割を担います。コーポレートサイトと展示場を切り離して考えるのではなく、デジタル上の体験からリアルな接点までを一つの流れとして捉え、サイト全体のあり方を検討していきました。
データからターゲットを定める
ブランドの世界観を伝えながら、ユーザーにとって使いやすいサイトをつくるためには、まず「誰が、何を求めて訪れているのか」を明確にする必要があります。そこで、SEO分析やアクセス解析を行い、ユーザーのニーズやサイト内での行動を把握しました。流入後の動きを分類し、積水ハウスの戦略から導き出した仮説と照らし合わせながら、リニューアルで重視するメインターゲットを設定しています。また、さまざまな目的で利用されるコーポレートサイトの特性を踏まえ、メインターゲット以外のサブターゲットについても整理しました。
さらに、アクセスデータだけでなく、ヒートマップやユーザー導線の分析、ヒューリスティック評価を通じて、既存サイトのどこでユーザーが迷い、情報へたどり着きにくくなっているのかを確認しました。こうしてユーザー像とサイト上の課題を具体化し、感覚だけで方向性を決めるのではなく、分析結果をもとに改善すべきポイントを整理。リニューアル後の効果を検証できるよう、定量的な目標も設定しました。
サイトの役割を再定義する
ターゲットと既存サイトの課題を整理したうえで、プロジェクトでは「コミュニケーションを行うWebサイト」というコンセプトを定めました。企業側が伝えたい情報を一方的に並べるのではなく、ユーザーの関心や行動に寄り添いながら、積水ハウスが提供する価値やブランドの世界観を伝えていく。コーポレートサイトを単なる情報の掲載場所ではなく、企業とユーザーの間に接点を生み出す場所として捉え直しました。
このコンセプトを具体的なサイトへ落とし込むため、サイトが担う価値を「機能的価値」と「情緒的価値」に分けて整理しています。ユーザーが必要な情報へ迷わずたどり着くための機能的価値は、コンテンツや情報構造へ反映。一方、積水ハウスの姿勢や想いに触れ、ブランドへの共感を育む情緒的価値は、UIやビジュアルへ落とし込みました。どちらか一方を優先するのではなく、使いやすさとブランド表現を両立させることを、サイト全体の設計方針としています。
ユーザー起点で情報を組み直す
サイトコンセプトを具体的な体験へ落とし込むため、まずは既存サイトに掲載されているコンテンツを棚卸ししました。アクセスデータやヒートマップを用いて、どの情報が見られているのか、ユーザーがサイト内をどのように移動しているのかを確認。既存サイトは積水ハウスの事業を軸に情報が構成されていたため、ユーザーは自分の目的に合う情報がどこにあるのかを考えながら探す必要があり、情報へたどり着くまでの認知的な負荷が高い状態でした。
そこで、企業側の発信したい順序だけではなく、設定したターゲットが何を知り、次にどの情報を求めるのかという視点から、コンテンツと情報構造を再設計しました。積水ハウスが伝えるべき情報と、ユーザーが必要としている情報のどちらかに偏らせるのではなく、双方が自然に交わる構成を検討。それぞれの目的に応じて情報を見つけやすく、サイトを読み進めるなかで積水ハウスへの理解も深まる情報設計を目指しました。
ブランド共感と使いやすさを両立する
積水ハウスらしいデザインをつくるため、プロジェクトでは実際に展示場を訪れ、そこで感じられる空間やブランドの世界観を体験することから始めました。その体験をWebサイト上でも伝えられるよう、余白を生かしたレイアウトと印象的な写真を取り入れています。画面に動きや変化を持たせる遊び心と、企業サイトに求められる安定感を組み合わせることで、積水ハウスへの共感を育みながら、企業としての信頼感も伝わるビジュアルを目指しました。
一方で、世界観を強く打ち出すあまり、必要な情報が見つけにくくなっては意味がありません。Webアクセシビリティのガイドラインに沿いながら、画面内の情報量や視線の流れまで細かく調整し、直感的に内容を理解できる設計を進めました。また、スマートフォンでの閲覧を前提にデザインし、グローバルナビゲーションも目的の情報へ進みやすい構成へ刷新。ブランドの魅力を感じられることと、誰にとっても使いやすいことを切り離さず、一つの体験として設計しています。
展示会検索の課題を解消する
コーポレートサイトのリニューアルと並行して、展示場検索のUX/UIも見直しました。既存の検索画面は、絞り込み条件や操作方法が複雑で、ユーザーが自分に合う展示場を選びにくい状態でした。また、ページの表示に時間がかかることも、必要な情報へたどり着く前に離脱してしまう要因となっていました。
そこで、ユーザーが迷わず候補を絞り込めるよう検索条件を整理し、直感的に操作できるUIへ改善しました。表示速度の向上に加え、展示場の画像を見ながら候補を比較できる構成へ見直すことで、自分に合った展示場をスムーズに探せる体験を目指しています。
展示会に行きたくなるUIをつくる
展示場検索では、条件に合う場所を見つけやすくするだけでなく、その展示場の魅力が伝わり、「実際に訪れてみたい」と思える体験も重視しました。画像やテキスト、来場予約へつながるCTAの大きさを調整し、展示場の情報を確認してから予約へ進むまでの流れを設計。不要な情報を減らし、ユーザーが知りたい内容へスムーズにたどり着ける画面を目指しました。
また、絞り込み機能を直感的に操作できる形へ整えるとともに、ボタンの文言についても検証を重ねています。展示場を探す、比較する、詳細を知る、予約するという一連の行動をつなぎ、デジタル上で興味を持ったユーザーが、実際の展示場へ足を運びやすいUIへと改善しました。
ブランド戦略を伝わる体験へ
積水ハウスのプロジェクトでは、ブランド戦略を起点に、ターゲット設定や情報設計、ビジュアルデザインまでを一貫して見直しました。企業が伝えたい世界観を表現するだけでなく、ユーザーが必要な情報へ迷わずたどり着けること。その両方を追求したことで、ブランドへの共感と使いやすさを備えたコーポレートサイトへと生まれ変わりました。
また、展示場検索では、場所を探すための機能を整えるだけでなく、展示場の魅力を伝え、来場予約まで自然につながる体験を設計しています。Webサイトと展示場を別々の接点として捉えず、デジタルからリアルへ続く一連の顧客体験として向き合ったことも、今回のプロジェクトの大きなポイントです。
セブンデックスでは、ブランドのあり方を整理するところから、ユーザーに届く情報設計やUX/UI、ビジュアル表現まで一貫して支援しています。企業の想いや価値を、ユーザーに伝わり、次の行動につながるWeb体験へ落とし込みたい方は、ぜひお気軽にご相談ください。
UXUIデザイン支援資料
セブンデックスのUXUIデザインプロセスと実績詳細が解説されている資料を無料でダウンロードできます。
