本文へスキップ
  1. TOP
  2. Webサイト制作実績
  3. ケーススタディ
  4. 探し方が違う利用者を、一つの物件一覧へ導く検索設計

探し方が違う利用者を、一つの物件一覧へ導く検索設計

探し方が違う利用者を、一つの物件一覧へ導く検索設計

オフィス探しの情報サイトで、エリア、路線・駅、地図、オフィスの特徴、ブランド、キャンペーンなど複数の入口を設けながら、検索結果と物件詳細を共通の仕組みで構築しました。お気に入りや検索条件の保存も含め、利用者が条件を変えながら比較・再訪できる導線を整えています。

クライアント名 某住宅・不動産関連企業
業種
サイトのカテゴリ
サイトの特徴
  • 新規サイト構築
制作範囲
  • 企画構成
  • 制作進行
  • ディレクション
  • デザイン
  • コーディング
  • システム
  • 管理画面
  • 会員管理
課題と制約

オフィスを探す理由や知識は利用者ごとに異なります。希望エリアが決まっている人、駅から探す人、居抜きやセットアップなど働き方から探す人、地図を見ながら位置関係を確かめたい人がいます。入口ごとに別の検索機能を作ると、同じ物件でも表示条件や件数が食い違い、運用側の修正箇所も増えてしまいます。

また、条件数が多いほど一度で決めることは難しく、比較中の物件や検索条件を後から見直す機能が必要でした。検索結果、物件詳細、お気に入り、条件保存の間で、利用者が何を選び、何を保持しているかを分かりやすくする必要があります。公開後にも検索条件や表示の改善要望が続くため、個別の例外追加ではなく、優先順位を付けて共通ロジックへ反映できる構成が求められました。

判断と対応

検索の入口は複数用意しつつ、最終的には同じ物件一覧と検索条件へ集約する設計にしました。エリア、路線・駅、地図、特徴、ブランド、キーワードなどは別々のページに見えても、内部では共通の条件として扱います。これにより、入口を追加しても物件データや一覧表示を複製せず、件数と表示内容の整合を保てます。

検索結果では、選択中の条件を見える形にし、条件の追加・解除、並び替え、詳細確認へ進めるようにしました。お気に入りは物件、保存条件は検索条件として役割を分け、再訪時にどちらを開いたかが分かる構成です。地図検索も独立した別サービスにせず、地図上の選択を共通の一覧条件へ渡します。公開後の改善は、利用頻度と影響範囲を確認し、検索ロジック、表示、データのどこを直すかを切り分けて対応しました。

デザイン面の工夫

条件の多さをそのまま一画面へ並べると、利用者はどこから選べばよいか分かりません。そこで最初の入口では目的に近い探し方を選ばせ、一覧では現在の条件と件数、変更できる項目を優先して見せました。専門用語だけに頼らず、オフィスの特徴が想像できる見出しや写真からも検索へ入れる構成です。

スマートフォンでは条件パネルが結果を覆い続けないよう、選択と結果確認を切り替えます。お気に入り、保存条件、問い合わせの操作も同じ強さで並べず、「比較中」「次回も使う」「相談する」という目的を区別しました。検索機能の豊富さを見せるより、迷ったときに現在地へ戻れることを重視しています。

実装と公開後の改善

物件データと検索条件を共通化し、どの入口から来ても同じ検索処理と一覧表示を利用する構成にしました。エリア、路線、特徴などの分類は組み合わせられる形で持たせ、地図、キーワード、キャンペーンからも同じ結果へ接続します。お気に入りと保存条件は保持する対象が異なるため、データと復元処理を分けています。

本案件では、条件と物件データを共通の検索処理へ集約したため、新しい入口を追加した場合も一覧・件数の整合を保ちやすくしました。公開後の改善も、画面表示だけでなく、条件定義・物件データ・検索結果への影響を切り分けて確認できる構成です。

PRACTICAL KNOWLEDGE このケースに関連する実務知識

この案件で確認した判断を、複数の制作記録と照合し、ほかのWeb制作でも使える確認事項として整理しています。

検索結果と登録データの整合性を確認する作業デスク

検索型サイトで、一覧・詳細・件数・公開状態の整合をどう保つか

検索機能を持つサイトで、管理画面への登録から一覧、詳細、検索結果、件数、ページネーション、公開状態までを一続きで確認する方法を整理します。

その他のケーススタディ
CASE STUDY 事業の世界観が伝わる企業サイト 社名非公開

情報だけの「オンライン上の名刺」から、事業の世界観が伝わるコーポレートサイトへ

新しい会社・事業の立ち上げに伴うコーポレートサイト制作です。企業情報や事業内容などの大枠は見えていた一方、各ページの役割、事業を表す言葉、ブランドの見...

業種
レジャー・エンタメ / サービス
カテゴリ
コーポレートサイト
対応範囲
企画構成 / 制作進行 / ディレクション / デザイン / コーディング / CMS
詳細を見る
CASE STUDY 既存Web基盤への新サイト追加 社名非公開

既存Web基盤へ新サイトを追加。CMS権限・公開・継続運用をどう設計したか

既存の企業サイトとMovable Typeが稼働する環境に、施設サイトと新しい更新担当部門を追加したリニューアルです。ページ制作だけでなく、既存ドメイン・サーバー...

業種
レジャー・エンタメ / サービス
カテゴリ
サービスサイト
対応範囲
企画構成 / 制作進行 / ディレクション / デザイン / コーディング / システム / CMS / 管理画面
詳細を見る
CASE STUDY 運用できる会員サイト設計 社名非公開

会員サイトを「公開できる」から「運用できる」へ。認証・検索・権限・外部データ連携をどう設計したか

業界団体の会員向けポータルをリニューアルした案件です。蓄積されたお知らせ、資料、マニュアル、各種フォームを整理し、会員認証、検索、公開期間、管理画面、...

業種
金融 / 特殊法人
カテゴリ
サービスサイト / システム開発
対応範囲
企画構成 / 制作進行 / ディレクション / デザイン / コーディング / システム / CMS / 管理画面 / 会員管理
詳細を見る
CASE STUDY 日英同時進行の多言語サイト 社名非公開

日本語と英語を同時に進める多言語サイト制作

日本語と英語の二言語サイトを限られた期間で並行制作した案件です。日本語版を基準に共通テンプレートを整えながら、後から届く翻訳原稿、言語ごとの文字量と改...

業種
住宅・不動産 / 金融
カテゴリ
コーポレートサイト
対応範囲
企画構成 / 制作進行 / ディレクション / デザイン / コーディング / CMS
詳細を見る
ケーススタディ 一覧