コンセプト作品 ・ 不動産
SUMAI Search（賃貸ポータル）
架空の事業者を想定して制作したデモサイトです。実在の企業・店舗とは関係ありません。
賃貸ポータルを想定した物件検索サイト。地図とリストを並べ、条件を絞り込みながら探せます。
想定した課題
条件で絞り込みながら地図の上で物件を探したい方に向けて、たくさんの物件情報を快適に見られるようにする必要がありました。
- 想定したお客さま：一人暮らしを考えている20代の方
- サイトのゴール：物件詳細ページからのお問い合わせ
設計のポイント
地図と物件リストを並べて表示し、地図を動かすとその範囲の物件に絞り込まれるようにしました。数百件の物件データ（ダミー）でも、スクロールがもたつかないようにしています。検索条件はページのURLに反映されるので、検索結果をそのまま人に共有できます。
使った技術
- 仮想スクロール
- Leaflet＋OpenStreetMap によるマーカークラスタリング
- 検索条件とURLクエリパラメータの同期