工務店・建設会社のホームページの作り方|施工事例と相談導線

建設・工務店|工務店・建設会社・リフォームのホームページの作り方|ページ構成・必要な機能・費用の目安

工務店・建設会社のホームページでは、施工事例、対応する工事と地域、費用の考え方、相談後の流れを確認できるようにします。新築、リフォーム、法人向け工事など、検討する内容が異なる場合は入口を分けます。

施工事例は、写真に加え、依頼者の要望と対応内容を掲載します。自社で追加できる項目と、写真・住所・価格の掲載許可を決めておくと、公開後の更新を続けやすくなります。

目次

必要なページとURLの構成例

スクロールできます
ページ・URL例掲載する内容
トップ /工事の種類、対応地域、施工事例、相談への入口
事業内容 /service/新築・リフォームなど、対応範囲と対象外
施工事例 /works/一覧と詳細。要望、工夫、仕様、公開可能な価格
費用 /price/価格の条件、含む工事、別途費用、見積もりまでの流れ
進め方 /flow/相談、現地調査、設計、契約、施工、引き渡し
性能・仕様 /spec/検証できる仕様、測定・認定の条件
保証・点検 /support/対象、期間、点検、連絡先、対象外の条件
会社・スタッフ /company/所在地、担当、許可等の確認できる情報
見学会・相談 /event/開催日、場所、対象、予約条件、終了後の案内
採用 /recruit/募集する場合の仕事内容・条件・応募方法

個別のページをすべて独立させる必要はありません。情報量、工事の種類、更新頻度に合わせ、読み手が必要な情報へ移動できる構成を選びます。

施工事例に載せる項目と記入例

写真を見た人が、自分の希望と比較できるようにします。棟数や写真の枚数を一律の合格条件にせず、掲載許可を得た事例に必要な説明をそろえてください。

スクロールできます
項目記載する内容
工事の種類・地域新築、リフォーム、店舗など。地域は許可された範囲
仕様・規模構造、面積、改修範囲、設備や材料
要望と課題工事前に困っていたこと、希望した暮らしや使い方
工夫と提案動線、収納、性能、施工上の条件への対応
価格・工期公開できる範囲と、含む工事、時点、条件
写真外観・内観・施工中など、説明に必要な箇所

架空の記入例なら、「共働きで家事の移動を減らしたいという要望に、洗濯と収納の配置を見直して提案した」のように、要望と対応を組にします。これは実績の例ではありません。自社の実際に実施・確認した内容へ置き換えてください。

写真・施工地・施主情報の掲載許可を取る

撮影の可否と、Web・SNSなどへの掲載範囲を分けて確認します。住所は市区町村まででも、外観から住宅を特定できる場合があります。氏名を伏せるだけで十分とは限りません。

  • 掲載する写真と、外観・内観・施工中の範囲
  • 氏名、地域、間取り、価格を表示できる範囲
  • Web、SNS、広告など、使う媒体
  • 掲載期間と、変更・削除の連絡方法
  • 撮影者の利用条件、他社への素材の受け渡し

公開の承認者と確認日を記録します。契約や素材の整理は著作権・納品・検収の確認も参照してください。

資料請求・見学予約・個別相談を、検討段階で分ける

施工事例を見た人が、すぐに具体的な建築計画を持っているとは限りません。自社が実際に対応できる窓口に絞り、各ボタンの近くに「何が届くか」「来場が必要か」「次にどんな連絡をするか」を表示します。

入口フォームで聞く内容の例申込前に伝えること
資料請求希望資料、送付方法、必要な送付先・連絡先メールか郵送か、資料の内容、送付の目安。その後の連絡方針
見学予約対象の建物・イベント、希望枠、人数、連絡先場所、所要時間の目安、駐車場、予約が確定するタイミング
個別相談新築・改修などの相談内容、予定エリア、時期、連絡先対面・オンラインなどの方法と、準備する資料。土地や予算が未定の場合の対応

例えば土地探しの段階なら、住所の番地や建物の仕様を必須にせず、予定エリアと未定の項目を伝えられる形にします。資料が不要な人を資料請求へ誘導したり、予約希望を送った時点で確定したように表示したりしないことが大切です。

施工事例には、その物件で参考にできる特徴から関連する相談先を案内します。「狭小地での間取り」の事例なら敷地条件の相談へ、開催中の見学会に使う物件ならそのイベントの予約ページへつなぐ、という設計例です。

費用と性能は、条件を添えて説明する

価格は、本体だけか、付帯工事や諸費用まで含むかを明記します。公開時点、面積、仕様、土地や地域の条件を添え、現在の見積もりが必要な場合はその旨を示します。

断熱や耐震などの性能を載せる場合は、対象となる仕様、測定や評価の条件を確認します。すべての建物に当てはまらない数値を、会社全体の保証のように表示しないでください。保証や点検も、対象・期間・除外条件と一緒に掲載します。

自社更新と、事例の絞り込みを決める

事例を追加する担当者が、写真と必要な項目を入力できる管理画面を確認します。施工地域、工事種別、価格などで探す必要があるなら、分類と入力項目を最初に決めます。事例の件数だけで検索機能の要否を決めず、読者の探し方と更新負担を確認してください。

見学会は、受付開始、終了、延期・中止の表示を決めます。予約フォームや外部の受付へ進めること、通知が届くことを確認し、終了した告知には開催済みと次の案内を付けます。延期・中止した場合は、サイトの告知だけでなく予約済みの人への連絡担当と方法を決めます。外部の予約サービスを使う場合も受付枠を変更し、変更後の日時への振替やキャンセルの希望を確認してください。

地域の情報は、実際の対応範囲に合わせる

会社所在地、対応地域、工事の条件と、その地域の掲載許可を得た事例を示します。地名だけを変えた同内容のページを増やす方法は避け、地域ごとに案内すべき違いがあるかを確認してください。

店舗情報を公開している場合は、Googleビジネスプロフィールと住所・電話・営業時間を合わせます。検索や地図の順位は保証できないため、地域名を入れることだけで集客を判断しません。

制作費と期間を見積もるための条件

スクロールできます
条件制作会社へ伝えること
ページ工事の種類、価格・保証、採用など、今回作る範囲
施工事例初期登録数、既存データ、写真、執筆・登録の担当
撮影撮影箇所、撮影可能日、掲載許可の状況
機能事例の分類、見学会予約、資料請求、管理画面
公開日イベントや採用の予定、原稿と確認の日程

業種別の一律の価格表より、これらの条件をそろえて見積もりを比較します。ホームページ制作費用と相見積もりの取り方で、含む作業と別料金を確認してください。

WordPressで自作する場合は、業種別の見本を出発点にする

掲載する写真・文章を自社で用意でき、WordPressの更新も担当できる場合は、業種別のテーマから作る方法があります。当社MOTOKI合同会社が開発するKUMITATE Buildは、工務店向けのデザインとページ見本を収録しています。

施工事例、家づくりの流れ、費用の考え方、会社案内、ご相談などの見本を確認し、自社で必要なページと編集できる範囲が合うか判断してください。子テーマ1点は11,000円(税込)。無料の親テーマと共通プラグインを組み合わせ、写真・文章・連絡先を実際の情報に変更して使います。

サーバー・ドメイン、予約受付・問い合わせフォームなどは別途必要です。原稿・写真の制作や個別の制作代行はテーマ料金に含まれません。構成の整理から任せたい場合や、独自の機能が必要な場合は、制作会社への依頼と比較してください。

購入前に、準備から公開までの操作を確認する

公開前・公開後のチェック

  • 事例、価格、仕様、保証の内容を社内で確認した
  • 写真・地域・施主情報の掲載範囲を承認した
  • スマホで事例と価格の表を読め、予約へ進める
  • 事例と見学会を担当者が更新できる
  • フォームの入力・送信・受信を確認した
  • 資料請求、見学会、工事相談を分けて受付結果を記録する

実例は工務店・住宅のデザイン事例、依頼先は工務店・建設会社の制作会社一覧で確認できます。事例を公開するまでの原稿作成と管理画面も、提案範囲に含めるか確認してください。

公開後は、どこで相談につながらないかを分けて見る

アクセスが少ない原因と、訪問者が相談を選べない原因は別々に確認します。以下は改善箇所を探すための見方です。数字だけで理由を確定せず、実際のページや受付記録を照合してください。

確認する状態次に点検するところ
検索結果には表示されるが、クリックが少ない検索語と記事・事例の内容が合うか。タイトルで施工エリアや参考にできる条件が分かるか
施工事例は読まれるが、相談先に進まない対応エリア、工事の範囲、費用の条件、相談後の流れが分かるか
フォームには来るが、受付完了が少ないスマホの入力エラー、必須項目の多さ、希望日時の選びやすさ。計測の漏れも確認
受付は増えたが、対応できない相談が多い施工エリア・対応する工事・相談の条件を申込前に示しているか

見学会が終わったら「受付終了」を表示し、予約フォームを閉じます。建物の情報を残せる場合は施工事例として案内し、現在の見学会一覧へリンクします。日付だけを変えて、実施していないイベントを募集中に見せないようにします。

トップページの配置例

次は情報を置く順番の例です。実際のページでは、営業・サービスの条件と更新する内容に合わせて調整します。

ロゴ / 予約・問い合わせ 代表作の写真 事例をもっと見る スタッフ / 会社紹介 料金・アクセス
工務店・建設会社・リフォームのトップページの構成例
施工事例は写真に加え、建物の条件や対応した要望を示します。自分に近い事例から相談先へ進める配置例です。

よくある質問:工務店・建設会社のホームページを作るとき

工務店・建設会社のホームページでは、何を確認できるようにしますか?

施工事例、対応する工事と地域、費用の考え方、相談後の流れを確認できるようにします。新築、リフォーム、法人向け工事など、検討する内容が異なる場合は入口を分けます。

施工事例には、何を載せますか?

写真に加え、依頼者の要望と対応内容を掲載します。工事の種類・地域、仕様・規模、要望と課題、工夫と提案、価格・工期(公開できる範囲と、含む工事、時点、条件)、写真などの項目が挙げられ、棟数や写真の枚数を一律の合格条件にせず、掲載許可を得た事例に必要な説明をそろえます。

写真や施主情報の掲載は、どう許可を取りますか?

掲載する写真と範囲、氏名・地域・間取り・価格を表示できる範囲、Web・SNS・広告など使う媒体、掲載期間と変更・削除の連絡方法、撮影者の利用条件などを確認します。氏名を伏せるだけで十分とは限らず、公開の承認者と確認日を記録します。

価格は、どう書けばよいですか?

本体だけか、付帯工事や諸費用まで含むかを明記します。公開時点、面積、仕様、土地や地域の条件を添え、現在の見積もりが必要な場合はその旨を示します。

断熱や耐震などの性能は、載せてもよいですか?

載せる場合は、対象となる仕様、測定や評価の条件を確認します。すべての建物に当てはまらない数値を、会社全体の保証のように表示しないでください。保証や点検も、対象・期間・除外条件と一緒に掲載します。

地域名を入れたページを増やせば、集客できますか?

地名だけを変えた同内容のページを増やす方法は避け、地域ごとに案内すべき違いがあるかを確認します。検索や地図の順位は保証できないため、地域名を入れることだけで集客を判断しません。店舗情報を公開している場合は、Googleビジネスプロフィールと住所・電話・営業時間を合わせます。

見学会の告知は、どう扱いますか?

受付開始、終了、延期・中止の表示を決め、予約フォームや外部の受付へ進めること、通知が届くことを確認します。終了した告知には、開催済みと次の案内を付けます。

事例の絞り込み検索は、必要ですか?

事例の件数だけで検索機能の要否を決めず、読者の探し方と更新負担を確認します。施工地域、工事種別、価格などで探す必要があるなら、分類と入力項目を最初に決めます。

制作費や期間は、どう見積もりますか?

業種別の一律の価格表より、ページ、施工事例、撮影、機能、公開日などの条件をそろえて見積もりを比較します。

公開前には、何を確認しますか?

事例・価格・仕様・保証の内容を社内で確認したこと、写真・地域・施主情報の掲載範囲を承認したこと、スマホで事例と価格の表を読め予約へ進めること、事例と見学会を担当者が更新できること、フォームの入力・送信・受信を確認したこと、資料請求・見学会・工事相談を分けて受付結果を記録することを確認してください。

CONTACT

お問い合わせ

成果を出すホームページ制作は私たちにおまかせください。
まずはお気軽にご相談を!

目次