不動産・賃貸|参考になる!おすすめホームページデザイン33選!【最新版】株式会社リーピー岐阜県内最大手のWeb制作
Webマーケティング会社

37,663 VIEW
  • 公開日:2018年03月30日
  • 更新日:2022年11月02日

不動産・賃貸|参考になる!おすすめホームページデザイン33選!【最新版】

不動産・賃貸|参考になる!おすすめホームページデザイン33選!【最新版】

今回は、ホームページ制作を検討する際に参考になる『不動産業界のおしゃれなホームページデザイン(賃貸編)』をまとめてみました。

不動産売買編では、商品単価が高いだけあり、「高級感」や「安心感」を与えるようなサイトデザインがほとんどでした。しかし、賃貸編では対象とするペルソナの年齢層や想定収入などが大きく異なるため、ホームページデザインやテイストが全くの別物になります。

    デザイン面だけでなく、集客や売り上げにつながるような仕組みについても解説していきますので、

  • どういうホームページにしようか迷っている
  • 売り上げなどの結果につなげる仕組みを作りたい
  • どんな会社がホームページを持っているのか知りたい

等について、ぜひご参考くださいませ!

不動産売買編は下記リンクよりご覧くださいませ。

参考記事:『不動産・売買|参考になる!おしゃれなホームページデザインまとめ【2020年】』

大量の情報をうまくまとめているホームページ

SUUMO(スーモ)

https://suumo.jp/

TVCMなどでもよく目にするリクルート社「SUUMO」の不動産ポータルサイト。こちらはスマホアプリでも展開され、誰もが一度は閲覧したことがあるのではないでしょうか?

ブランドカラーのグリーンをたくさん使っており、キャラクターのイラストも随所に配置され、優しい楽しい雰囲気になっています。

情報量が多いホームページですが、エリア別に分けてあったり、「借りる」のボタンが目立つように配置されていることから迷わずに目的の情報へたどり着けます。

個人的には「SUUMO」の綴りを「打ち間違い」した時用フォローまでされているところにクスッとしてしまいました。

アパマンショップ

http://www.apamanshop.com/

こちらも、TVCMなどでもよく目にするApaman Network社「アパマンショップ」の不動産ポータルサイト。

ブランドカラーのブルーをメインカラーに、さし色にピンクを使用して、落ち着いた親しみのある雰囲気になっています。

トップページに様々な特集が写真つきで掲載されているので、ユーザーがイメージしやすく探しやすいですね。

かとう不動産

http://kato-r.jp/ (制作 株式会社リーピー)

店舗や事務所の賃貸物件を専門とした岐阜のホームページです。ロゴがぴょんぴょん動いて可愛いです。

白黒を基調としているためか、写真が目に飛び込んで来ます。さらにシンプルなアイコンでカテゴリ分けしてあるので直感で検索ができます。

カテゴリ分けも「景色が良い」や「住居つき」などの一般的な事業者向けの不動産サイトでは珍しいものが見られます。

また、「ここがおすすめ!」「惜しい!」のコメントが物件の1件1件を大事にしているようで、見ているだけで楽しいホームページです。

かとう不動産のWebサイトの詳細を知りたい方は、こちらをご覧ください。

「色」が印象的なホームページ

おうちbank(ME Real Partners株式会社様)

ME Real Partners株式会社様

http://www.ouchibank.com/(制作 株式会社リーピー)

こちらは、ME Real Partners株式会社様が運営する「おうちbank」のサービスサイトになります。

シンプルなサイトデザインですが、すでにユーザーが「こういう物件に住みたい!」というビジョンが存在する場合、判断を迷わせてしまうような華美な装飾はかえって逆効果です。

そこで当サイトでは、「新築物件」や「リノベ物件」、「ペットと暮らす」など、計8つのシンプルな検索条件だけを大きく掲載することで、ユーザーをTOPページから物件詳細ページへ遠回りさせることなく遷移させ、最短距離で物件を選べるよう制作いたしました。

このように、物件情報を掲載している不動産会社において、『物件情報への導線配置』は最終的な問い合わせ数にも大きく影響するため、非常に重要な要素です。

スマホなどの普及により、「とりあえず来店して探す」というユーザーも少なくなってきているため、サイト制作依頼時には、こういったユーザーの動きを踏まえたサイト構成・導線配置まで行ってくれる会社に依頼するのがベストでしょう。

おうちbankのWebサイトの詳細を知りたい方は、こちらをご覧ください。

ピタットハウス

https://www.pitat.com/

こちらも有名な不動産会社さんのサイトです。大量の情報をカラフルできれいな色を使って区別しています。

たくさんの色があっても、目が痛くない程度に色の明度を明るくしたり、彩度を揃えるなどしっかり調整していますし、目的の情報に近づくにつれ、色数が限定されてくるので、見ていて気が散ることはありません。

また、エリアごとにもホームページがあるようです。

各地域ごとにデザインが違うので、こちらも参考にしてみてください。

https://www.chintai-baibai.jp/

https://www.618000.jp/index.html

UR賃貸住宅

https://www.ur-net.go.jp/chintai/

コーポレートカラーである濃い紫色・紺色ですが、ホームページでは薄く使うなどして、全体的な印象が暗くならないようにしていますね。

フラットデザインと呼ばれる、グラデーションやドロップシャドウ(影)などがなく、シンプルな四角形をたくさん使ったデザインで、はっきりと情報が分けられているので、こちらも迷いなく、目的のページへ辿りつけそうです。

DOOR chintai

http://chintai.door.ac/

きれいな水色がホームページ全体で使われていて、爽やかな印象を受けます。使われている水色は何色かあるのですがトーンが揃っているためか統一感があります。

物件の詳細ページは少し情報が見づらいのですが、そこへたどり着くまでは迷いなくスムーズでした。

LIFULL HOME’S(ライフルホームズ)

https://www.homes.co.jp/

物件数がものすごく多いこちらの大手ホームページも、欲しい情報までの道筋がポップアップなどで提示されるので迷うことはなさそうです。

使われているオレンジ色は強い色味なので、最初のページのみ面積を広く使っているようです。とにかくインパクト大です。

他のページは同じオレンジ色をさりげなくデザインの一部に取り入れていて、ホームページ全体が統一されています。

century21

https://www.century21.jp/

こちらも大手企業のホームページ。黄色がインパクト大です。

右下に担当者とチャットで話せるコンタクトセンターがあるので、電話をかけたりせずとも、気軽に情報収集できそうです。

officee

https://officee.jp/

オフィスの賃貸物件を取り扱っているホームページです。トップページは青色の濃淡のみで構成されていて、大胆なデザインです。

検索フォームが一番上に来ているので、見ている側はイキナリ検索したい項目を入力するだけ。サジェスト機能もあるので、ダイレクトに欲しい情報に辿りつくこともできます。

エイブル

https://www.able.co.jp/

ブランドカラーにあわせた緑色が、新生活をイメージさせ印象的なホームページです。

大きなアイコンをたくさん配置しているので、視認性が高く、高齢者にも分かりやすいデザインになっています。

at home(アットホーム)

https://www.athome.co.jp/

ブランドカラーの赤色と、それにリンクしたウォーリーの赤色が、インパクトと統一感がありますね。

ファーストビューは赤色ですが、スクロールすると読みやすい配色になります。

目立たせたいところだけ赤色にして、ホームページ全体にメリハリをつけています。

流行りの雑誌風レイアウト

エイブル女子部。

https://joshi.able.co.jp/

こちらもTVCMなどでおなじみ、エイブル社のホームページですが、「女性のお部屋探し」に着目した特設サイトです。

最近の女性誌などでよく見る「手書き風文字」や「手書きイラスト」「ヴィンテージ感のあるロゴ」「蛍光イエローの下線・差し色」「白と黒の斜線」など女性が好む流行りのトレンドデザインを網羅しています。

ietta(イエッタ)

https://ietta.jp/

「賃貸情報メディア」として賃貸関連の情報を発信している札幌のホームページです。

部屋の写真がたっぷり載った物件紹介記事や、実際に住んでみた感想記事など、リアルな情報がたくさんあるのでお家探しの参考として重宝しそうです。

イラストの可愛らしさもさることながら、ホバーすると傾く画像や、太字のフォント・アンダーライン、配色や掲載されている写真も今風ですね。

ジャングル不動産

http://www.jungle.so/

大分のジャングル不動産のホームページです。明るい黄緑色がコーポレートカラーなのでしょうか。黄緑色を多く使っていることでまとまった印象を受けます。

物件詳細ページでは、他の物件サイトではあまり見かけない「たて書き」を採用していて、まるで雑誌の記事を読んでいる錯覚にすら陥ります。

他にも「360°VIEW」が使われているので、借りたいお部屋の様子や構造を自宅で確認することも可能!

REISM

http://www.re-ism.jp/

写真にインスタグラムのようなフィルタ加工を加えると雰囲気が出て、インテリア雑誌のような印象を与えることができます。

ざらっとしたテクスチャを加えたヴィンテージなデザインのイラストや、ちょっとシックなオレンジ色などの色選びも参考になりますね。

blue studio

http://www.bluestudio.jp/

レイアウトがとてもきれい!ちょっとレトロなフォントを使っていたり、色数を絞っていたり、細かい部分にこだわりを感じられます。

検索にある「家賃」や「面積」項目が視覚的にわかるメニューは斬新ですが、線幅や色を揃えているため、おしゃれな印象です。

goodroom

https://www.goodrooms.jp/

ナチュラルなイメージでかわいいこちらのホームページは白とグレー、差し色として彩度低めの青を使用しています。

文字色をただの黒色でなく、グレーにしていることできつくなく柔らかい印象がありますね。北欧風で女性が好みそうなデザインです。

取り扱い物件はスタッフさんが足を運んで、1部屋1部屋ブログのようにレビューしている点もポイントです。

私が覗いた時は「全全全窓」というタイトルの物件紹介記事がありましたよ。怒られないかな。

R-STORE

https://www.r-store.jp/

こちらのホームページも色数を絞っていますが、コンパクトにまとめているためか、差し色に赤を使っているからか、かっこいいというよりはちょっとかわいい雰囲気が出ています。

白×黒を基調としたデザインは今回の記事でも多数紹介していますが、レイアウトの違いや余白の取り方、差し色の選択、色の濃淡で印象が変わってきます。

こちらのホームページも全物件にスタッフさんレポートがあるので、見ているだけでも夢が膨らんできます。

Woman.CHINTAI

https://woman.chintai/

CHINTAIの女性向け、お部屋探しサイトです。

イラストを多く取り入れた女性誌のようなデザインになっています。

「あなたのタイプに合わせたお部屋診断」をページの上に配置することにより、ターゲットの興味を惹く+他サイトとの差別化をしています。

BRUNO不動産

https://www.bruno.jp/

大阪の物件検索サイトです。

モノトーンなシンプルな配色と、デザインフォントがおしゃれでスッキリとしています。

ごちゃごちゃしていないので、物件情報に目が行きやすく、ユーザーが探しやすいデザインです。

今風デザインといったらこれ?!大きな写真スペース。

タカギプランニングオフィス

http://www.t-p-o.com/

大きな写真スペース、限定された色数(ほぼ白〜グレー〜黒)、広めの余白、ととてもシンプルなデザインですが、文字の太さや大きさ、余白の取り方などで情報にメリハリをつけています。

写真も「こんな素敵なお家に住んでみたい!」と思わせてくれますよね。写真自体の見栄えが良い場合はこのくらいシンプルなデザインにすると、今風でこだわっている感じが出ます。

余白を適切にとっているため、情報がどこに載っているかを見つけやすく、またすっきりとしてまとまったイメージを与えることができ、かっこいいページとなっています。

特に賃貸だけでなく住宅の購入も取り扱う不動産会社様は、ホームページのデザインが良いことがユーザーにとって重要なポイントのようです。

KIZUKU

http://kizuku-chintai.com/

アパートなどの賃貸物件経営を目指すオーナー様へ訴求するホームページ。こちらも写真を大きく使っているのでインパクト大ですね。

また2018年も流行するといわれている「グラデーション」を背景やボタン・ロゴなどに使用しているので「イマドキ感」があります。

グラデーションの配色もきれいな水色なので爽やかな印象を与えることができます。

ローディングアニメーションもスムーズに動いてかっこいいですよね。

東亜不動産

https://www.toa-estate.co.jp/

熊本の物件検索サイトです。

ファーストビューの写真とキャッチコピーで、ホームページを開いてすぐに安心感・信頼感を得られるデザインですね。

左サイドメニューも必要な情報だけがスッキリまとめてあり、迷わないナビゲーションになっています。

シンプルなデザインですが、写真やイラストが豊富なので、賑やかで親しみのある素敵なデザインです。

地元密着の不動産企業!

Century21 マルヨシ

http://www.century21saitama.com/

この記事でも紹介している「Century21」様加盟店の中から、気になる2サイトをご紹介します。

写真を大きく使っているこちらのホームページは、Century21のコーポレートカラーのオレンジ色をところどころに使っていて、グループ会社であることを表していますね。

Century21 富士ハウジング

http://www.century21chintai.com/

エリアに有名な場所があったり、「用意できる写真がない…」という場合はイラストを使ってみるのもステキですね。

サーフィンなど、海が近くて有名な「湘南エリア」なので、波のような動きをするエフェクトを使っているところがとても良いです。

下関賃貸.COM

http://shimonoseki-chintai.com/

エリア分けが立体的なかわいいイラストMAPになっているこちらのホームページ。フグがかわいい!

画像の下部分がまるく切り取られているのも印象的です。

Rent act 港区

https://www.ma-minatoku-chintai.com/

フラットなデザインで、レイアウトがきれいなホームページです。余白の取り方が適切で情報が見やすく整理されています。

「港区」に特化しているからか、ファーストビューで使われている東京タワーが映った夜景が各所に使われています。

株式会社バーモスホーム

https://www.vamos-h.com/

幼稚園のホームページのようなかわいらしくポップなデザインです。

淡い配色とポップなフォントがかわいいですね!

小さいお子さんを持つファミリー向けなデザインですが、文字のサイズやボタンが大きいので、おじいちゃんおばあちゃんも閲覧しやすくなっています。

エム・ジェイホーム

http://www.chintai-siga.com/

豊富なコンテンツと、安心感のあるスタンダードなデザインで、信頼のできるホームページです。

緑色と、ちりばめられたスタッフの顔写真も信頼感に繋がっています。

セントラルホームズ

http://www.centralhomes.co.jp/index.html

トップページのコンテンツごとに背景を区切って、最近流行りのメリハリのあるデザインになっています。

様々な分類で物件がピックアップされているので、探しやすいですね。

ニッショー.jp

https://www.nissho-apn.co.jp/

エリアで探すボタンが大きいので、ホームページを訪れたときに、最初に押したくなりますね。

ユーザーをうまく導くデザインになっています。

各ボタンには大きく統一感のあるイラストがついているので分かりやすく、テイストもホームページにあっていてかわいいですね。

全体的にスッキリしており、とても見やすくまとまっていると思います!

企画が面白い!

ペットホームウェブ

https://www.pethomeweb.com/chintai/kanto/

思わず「なるほど!その手で来たか!」と唸ってしまいそうな「ペット可能賃貸物件」に特化したホームページ。

ペット飼いさんはわざわざ他のホームページで「ペット可能」カテゴリで探さずとも、このホームページだけ見ればいいので楽にお部屋が探せそうですね。

イラストがかわいいです。ブルドッグ……?

 

いかがでしたでしょうか?

当社では「コンサルティング型制作」として、売り上げ増加や採用強化など、お客様の目標を達成するためのホームページ制作を行っております。

不動産関連企業のホームページ制作経験も多数ございますので、ホームページ制作・リニューアルをお考えの不動産会社様は、ぜひ一度株式会社リーピーへご相談ください。

 

※ご紹介しているサイトの中で、「(制作 株式会社リーピー)」と書かれたサイトは当社の制作実績です。その他のサイトは当社の制作実績ではございませんが、デザイン性などが優れているため、事例としてご紹介させて頂きました。制作をされた制作会社様で、掲載の取り消しをご希望の場合は速やかに対処させて頂きますので、当社までご連絡くださいませ。

デザイン性だけでなく、
”成果につながるサイト”を。

河合塗装様
岐阜県 高山陣屋 様
佐藤歯科医院様
大日コンサルタント様
ぎふ木遊館様
株式会社市川工務店様
有限会社谷川クリーニング様
医療法人和光会様/社会福祉法人和光会様
馬渕塗工様
エンプロ株式会社様 My Shift NURSE
株式会社松浦紙器製作所様 PoppyBox
株式会社石川商会住宅機材様

Web集客において、「お客様の検討候補に残れるか?」は、サイトを訪れた直後、わずか【2.6秒】で決まるといわれています。

そのため当社では、お客様の第一印象をグッと掴む高いデザイン性はもちろん、全国900社以上の支援実績で培った【各業界における勝ちパターン】を踏まえた
”成果につながるWebサイト”を制作いたします。

実際の制作実績から、各制作における「制作前の課題」や「その解決策」などもご紹介しておりますので、ぜひ一度ご覧くださいませ。

この記事を書いた人
沖田真希

おきた

WEBデザイナー/2016年入社/岐阜県出身 お●ゃる丸に出て来る黄色い鬼(キスケ)似です。イラストを描いてコンペに出したりしてます。

LEAPY BLOG

LEAPY OFFICE