【WEBデザイン】住宅会社(ハウスメーカー)のスタイリッシュなHPデザイン10選

今回は住宅会社(ハウスメーカー)のスタイリッシュなWEBデザインをまとめました。

「ホームページを作りたい」「そろそろリニューアルを」とお考えの方は、ぜひご覧ください。

住宅会社(ハウスメーカー)のホームページ構成

住宅は人生の中で最も大きな買い物と言われますが、高価な分、比較検討期間が長くじっくりホームページを見られることが多い業種でもあります。

しっかりと作り込んで、企業の思いの伝え方や、施工事例のポートフォリオをどのように魅力的に見せるかが大切です。

一般的なページ構成としては、以下のようになります。

● トップページ
● 施工事例
● 会社概要
● コンセプト(家づくりについて)
● 商品について
● 分譲地情報
● ブログ(情報更新用)
● よくあるご質問
● お問い合わせ、資料請求

その他企業の特色によって、

● 住宅ローンについて
● 標準仕様について
● ZEHなど省エネについて
● 保証について
● モデルハウス案内
● お客様の声
● スタッフ紹介

などのページを増設するケースが多くなっています。

住宅会社(ハウスメーカー)のホームページづくりのポイント

消費者が住宅会社(ハウスメーカー)を比較検討する上で、重視するのはやはり「企業の印象」と「施工事例」が大きな割合を占めています。

施工事例の重要性

施工事例は「自分がこの住宅会社で家を建てたらどんな家になるんだろう」という想像を膨らませることができるコンテンツ。

施工事例の写真は最重要となり、スタッフさんが撮影したものを使用することもありますが、ここはぜひプロのカメラマンを起用することをオススメしています。

施工事例の写真をプロに撮影してもらうことで、ホームページのメインビジュアルとして使えたり、その他SNSやアナログ媒体まで幅広く使用することもできます。

また、見込み客にさらに情報をリアルに感じてもらうため、施主のコメントや実際の間取りなどを掲載するのもおすすめです。

意外と見られる「スタッフ情報」

当社調べでは、ハウスメーカーさんは特にスタッフさんの写真やコメントを掲載した「スタッフ情報」のページがよく見られています。

理由としては、住宅は問い合わせ・見学会などのファーストタッチポイントから引き渡しまでの期間が長く、「どんな人が対応してくれるんだろう」という部分が気になる方が多いことが考えられます。

また、実際に家を建てる工務の方や大工さんなどの顔写真やコメントがあると、より安心感や信頼を与えることができます。高いお金を払って建てる自分の家を「どんな人が工事するのか」というのは誰でも気になるものですよね。

検討中の見込み客は、意外と「働く人」の人となりを知りたがっているようです。

制作事例

弊社で住宅会社(ハウスメーカー)実績を以下にまとめていますので、ページ構成やデザイン等のご参考になれば幸いです。

スタイリッシュな住宅会社・ハウスメーカーのデザイン10選

株式会社ハニカムラボラトリー 様(大阪府大阪市)

ハニカムラボラトリーさん

六角形のオブジェクトに点在するラフなタッチのイラストが印象的なデザイン。ハニカムラボラトリーさんは、大阪府大阪市のリノベーション会社。古い家の持ち味を生かし、新しさを共存させるという企業の特色が施工事例からしっかりと伝わってきます。

https://www.honeycomb-labo.com/

yado Inc.(東京都渋谷区)

「泊まるように暮らす」をテーマに、旅先の宿のような家づくりをコンセプトとしたyado Inc.さんのホームページ。旅館や海外のコテージを彷彿とさせる重厚な質感の写真が印象的です。

https://www.yadohouse.jp/

悠悠ホーム株式会社 様(福岡県大野城市)

福岡のハウスメーカー悠々ホームさんが手掛けるプロダクトのひとつ、「FAV STYLE」のホームページ。住宅会社・ハウスメーカーでは、このようにブランドごとにWEBサイトを用意して、異なるターゲットに向けたアプローチを行う方法も効果的です。

力強い明朝フォントに手書きの「Favorite」の文字が身近感をプラスしていて、最初のタッチポイントとなる相談会や見学会への参加、カタログ請求などに手を伸ばしやすくなっている印象です。

https://yuyuhome-favstyle.jp/

ネクストイノベーション株式会社 様(東京都新宿区)

コンクリート住宅を「手の届く価格で」提供する「RC-STANDARD」というブランドのホームページ。全ページのコンクリートを彷彿とさせる質感が個性的です。

トップページを上から下までスクロールするだけで「木造住宅より強いつくりでRC住宅よりもお手頃価格」という情報が、意識的に字を読まなくても自然と頭に入ってくるように設計されており、「これぞデザインの力」という印象です。

https://rc-std.jp/

久友設計 株式会社様(沖縄県うるま市)

HPを訪れた途端目に飛び込んでくる沖縄の海が印象的な久友設計さん。全体的に白と黒のコントラストが美しく、施工実績に明るい時間帯の写真だけでなく、夜の写真もあることでより住宅の雰囲気が伝わる構成になっています。

トップページのみ横スクロールで、そのほか子ページは縦スクロールになっているところもユーザビリティへの配慮が素晴らしいです。

https://www.hisatomo-p.com/

リベロホーム株式会社様(山梨県南都留郡)

「山梨の暮らしを豊かにする」というメインコピーのバックに自然に囲まれた住宅写真、という企業のコンセプトをまっすぐに伝えるファーストビューが魅力的なリベロホームさん。

実際に働くスタッフさんたちのお顔がよく見えるホームページで、親近感が湧きます。ホームページデザインとマッチした優しい色合いの施工事例写真も印象的です。

https://liberohome.jp/

株式会社野村建設 様(岐阜県揖斐郡)

岐阜県で創業100年を迎えた野村建設さんの住宅ブランド「clasico」のホームページ。トップページをスクロールした時のアニメーションが心地よく、ついつい下まで見たくなる流れになっています。

建築事例はすべて「◯◯の家」で統一されてすっきりと見やすいつくりに。

事例の詳細ページに入ると「家づくりストーリー」というタイトルでその家ができるまでのブログ記事がまとめられていて、地鎮祭や上棟などの大きな節目はもちろん、床施工や雨樋施工、サッシ施工など本当に細やかな工程まで記録に残されています。ここまでの高頻度で情報更新を行えるのは、スタッフさんたちの努力の賜物ですね。

施主さんとしても自宅ができるまでの工程を見ることができるのはきっと嬉しいことですし、これから家を建てようと検討中の方には「丁寧な仕事をしてくれそう」という印象を強く与えます。
なかなか簡単に真似できることではないですが、取り入れたいアイデアですね。

https://www.clasico-nomura.jp/

丸美産業株式会社 様(愛知県名古屋市)

「PLACESION」のブランドサイト。ゆったりとしたアニメーションと、コントラスト強めの写真が高級感を漂わせ、ラグジュアリーな雰囲気のWEBデザインです。

マンションと戸建ての2つのプランがありますが、どちらを求めている人も情報に辿り着きやすい、すっきりとした構成になっています。

https://www.placesion.com/

株式会社 古谷野工務店 様(東京都板橋区)

東京都板橋区の古谷野工務店さんのコーポレートサイト。

ファーストビューで飛び込んでくるロゴマークと、大きく魅せる施工事例が印象的です。「私たちの想い」の最後の一文「お客様一人ひとりに最適解を。」がホームページ全体に行き渡るような、施主さんへの真摯な気持ちを感じ取れるデザインだなと感じます。

「住まい手の声」のコーナーではスタッフさんと施主さんのやりとりをインタビュー形式で読むことができ、読み物としても見応えのある企画になっています。

https://koyanokoumuten.co.jp/

有限会社 関工務店 様(長野県長野市)

長野県長野市、関工務店さんのコーポレートサイト。

品を感じさせるデザインの中に織り込まれた「人柄」が見えて、どこかほっとする印象です。「関工務店ストーリー」という、社長さんが施主さんのところへ出向いて、建築当時のことや現在の暮らしぶりを取材するコーナーが面白く、地域密着の工務店ならではの人情味を深く感じることができます。

https://seki-koumuten.co.jp/

まとめ

さて、今回は住宅会社(ハウスメーカー)のホームページデザインについてご紹介してきました。
みなさんのご参考になれば幸いです。

弊社へのお問い合わせ・ご相談はこちら