建設会社の施工事例ページをClaude Codeで見積もり相談につなげる: 写真・工程・見積内訳の公開前チェック

建設会社の施工事例ページで、Before/After写真は並んでいるのに、見積もり相談の手前に工事範囲、工程、費用内訳の考え方がない。読者は「うちも同じ金額でできるのか」「何日かかるのか」「現地調査で何を見せればよいのか」が分からず、写真だけ見て帰ります。今日まず直す1箇所は、見積もりCTAの上に写真、工程、見積内訳、現地調査で必要なものを並べる確認表です。

この記事では、建設会社の社長、営業担当、Web担当者がClaude Codeで施工事例ページを公開前に点検する手順を書きます。参考にした一次情報は、国土交通省の各団体が作成した標準見積書、令和8年1月の発注者・受注者間における建設業法令遵守ガイドライン第8版、国民生活センターのリフォーム見積書の相談FAQと訪問販売によるリフォーム工事・点検商法、国土交通省の改正建設業法説明会資料です。

この記事は建設業法や契約の個別判断を代わりに行うものではありません。Claude Codeには、施工事例ページ、写真名、工程表、職人メモ、見積項目、フォームを読ませ、抜けや危ない見せ方を表へ出させます。人は、工事範囲、見積内訳、工期、写真許可、契約、公開承認を見る。既存の施工事例ページ記事はページ構成が中心なので、今回は見積もり相談前の不安と内訳説明に絞ります。

この記事の要点

• 建設会社の施工事例ページは、写真だけでなく、工事範囲、工程、見積もり前に必要な情報をCTA前に置きます。
• Claude Codeに任せるのは、写真、工程表、職人メモ、見積項目、問い合わせフォームの棚卸しです。
• 人が見る範囲は、費用、工期、契約、施工判断、写真の掲載許可、個人情報、公開承認です。
• 成果はPVだけでなく、見積もりフォーム開始率、現地調査予約率、見積もり前の聞き返し件数、差し戻し件数で見ます。
• 今日やる1手は、施工事例1件の見積もりCTA上に「写真・工程・見積内訳・現地調査で必要なもの」を4行で置くことです。

建設会社の施工事例ページで起きる失敗シーン

施工事例ページを見ている読者は、スマホで完成写真を見たあと、自宅や店舗の状態と比べます。外壁のひび、屋根の傷み、店舗の内装、駐車場の舗装。写真が近いと興味は出ますが、見積もり前に何を送ればよいかが見えないと止まります。寸法、現地写真、希望時期、予算感、立ち会いの有無が分からないまま、フォームへ進むのは怖いからです。

現場側にも失敗があります。職人メモには「下地処理2日、乾燥、仕上げ、検査」と残っているのに、ページでは「短期間で完了」とだけ書いてしまう。写真はBefore/Afterだけで、養生、下地、検査、片付けがない。読者には簡単そうに見えますが、問い合わせ後に「そんなに日数がかかるんですか」と戻ります。

2026年時点の建設業では、見積内訳や適正工期の説明も避けにくくなっています。国土交通省の建設業法令遵守ガイドライン第8版は、見積条件の提示、書面契約、追加・変更契約、工期変更、著しく短い工期の禁止、不当に低い発注金額などを扱っています。施工事例ページでも、早い・安いだけの見せ方ではなく、工事範囲と工程を読者が確認できる形に戻します。

業務フロー: 施工事例から見積もり相談までを1枚にする

施工事例ページの公開前レビューでは、写真フォルダ、職人メモ、工程表、見積項目、フォーム項目を同じ表に入れます。読者が見る順番は、施工前の困りごと、工事範囲、工程、完成後の変化、見積もり前の確認です。社内で持っている資料の順番ではなく、読者の相談順に並べます。

読者が見る場所	置く情報	人が確認する理由
Before写真の近く	困りごと、劣化箇所、依頼のきっかけ	写真だけで診断に見せない
工事範囲	対象面積、部位、材料、含まない作業	見積もりの前提をそろえる
工程	養生、下地、施工、乾燥、検査、片付け	短すぎる工期に見せない
見積もり前	写真、寸法、希望時期、現地調査、予算感	聞き返しを減らす
CTAの上	見積もり相談、返信目安、現地調査の流れ	相談への不安を減らす

国土交通省の標準見積書ページでは、法定福利費の内訳を明示する標準見積書に触れています。改正建設業法説明会資料では、請負代金内訳書に材料費、労務費、法定福利費、安全衛生経費、建退共掛金を明示する考え方が出ています。施工事例ページに金額を断定して載せる必要はありませんが、見積もり相談前に「何が費用に入るのか」を読者へ見せる余地はあります。

Claude Codeに任せる範囲と人が見る範囲

Claude Codeに任せる範囲は、施工事例本文の棚卸し、写真名の分類、職人メモの整理、工程表の見出し化、見積項目の抜け、フォーム項目の確認、CTAの位置、危ない表現の抽出です。たとえば、写真をBefore、工程、Afterへ分け、工程説明に養生、下地処理、乾燥、検査、片付けがあるかを表にします。

人が見る範囲は、工事範囲、見積内訳、工期、施工判断、契約条件、写真掲載許可、施主情報、近隣住宅の写り込み、公開承認です。Claude Codeが「この工程は3日」と書いても、その日数は人が直します。天候、材料納期、現地条件、職人手配で変わるものをAIに断定させません。

個人情報と写真も線を引きます。施主名、住所、表札、車のナンバー、顔、室内書類、近隣住宅、未許可の写真は渡さないか、伏せてから扱います。Claude Codeには写真ファイル名や説明メモを渡し、人が画像そのものを見て公開可否を確認します。

3つのUse case

Use case 1: 施工事例を見積もり前チェック表に直す

• 入力: 施工事例本文、Before/After写真、職人メモ、見積項目、フォーム項目。
• 出力: 困りごと、工事範囲、工程、完成後の変化、見積もり前に必要な情報の表。
• 人の確認: 工事範囲、金額の前提、施工判断、写真許可、公開承認を見る。

写真があるのに相談が来ないページは、見積もり前の情報が抜けています。Claude Codeには「読者が見積もり前に送るもの」を表にさせます。人は、現地調査なしで判断できない項目を要確認へ戻します。

Use case 2: 工程を短く見せすぎない説明に直す

• 入力: 工程表、職人メモ、日報、材料名、乾燥時間、検査項目、片付け作業。
• 出力: 養生、下地処理、施工、乾燥、検査、片付けを分けた工程説明。
• 人の確認: 現場条件、天候、材料納期、立ち会い、近隣対応、契約上の工期を見る。

ページでは短く見せたい気持ちが出ます。でも工期を軽く見せると、問い合わせ後の期待値がズレます。Claude Codeには、工程ごとの日数ではなく、工程名と確認項目を出させます。日数は人が入れます。

Use case 3: 見積内訳の説明をCTA前に置く

• 入力: 見積書の項目名、標準見積書の考え方、過去の質問、相談フォーム、返信メール。
• 出力: 材料費、労務費、法定福利費、安全衛生経費、建退共掛金、現地調査で変わる項目の説明。
• 人の確認: 実際の見積書、契約条件、対象工事、法令・約款の確認、公開表現を見る。

金額をページで断定しなくても、費用に何が含まれるかを説明できます。Claude Codeには、見積書の項目名を読ませ、読者向けの短い説明にします。人は、実際の見積書とズレていないかを確認します。

コピペで使えるプロンプト

あなたは建設会社の施工事例ページ公開前レビュー担当です。
写真をきれいに見せるだけでなく、見積もり相談前の不安を減らす表を作ってください。

入力:
- 施工事例ページ本文
- Before / 工程 / After の写真一覧
- 職人メモ
- 工程表
- 見積書の項目名
- よくある見積もり前の質問
- CTAと問い合わせフォーム項目

確認してほしいこと:
1. 施工前の困りごと、工事範囲、工程、完成後の変化が同じ順番で見えるか
2. 見積もり前に必要な写真、寸法、現地調査、希望時期、予算感がCTA前にあるか
3. 材料費、労務費、法定福利費、安全衛生経費、建退共掛金など、見積内訳で人が確認する項目を表にする
4. 工期を短く見せすぎていないか。工程ごとの日数、養生、乾燥、検査、片付けが抜けていないか
5. 施主名、住所、顔、車のナンバー、近隣住宅、未許可写真が残っていないか
6. 人が確認する項目を、費用、工期、契約、写真許可、現地調査、公開承認に分ける
7. 今日30分で直す1箇所を1つだけ出す

制約:
- 工事金額、工期、法令判断を断定しない
- 存在しない資格、許可、工法、補助金を作らない
- 写真だけで施工品質を判断しない
- 不明な箇所は「要確認」とする

動く確認コード

次のNode.jsコードは、施工事例ページの公開前チェックを小さく再現した例です。実サイトや見積システムには接続しません。写真、工程、見積内訳、CTA、写真許可の抜けを見ます。

const casePage = {
  title: "築32年戸建て 外壁補修と防水",
  photos: {
    before: ["crack-before.jpg"],
    process: ["sealant-work.jpg", "primer.jpg"],
    after: ["after-wall.jpg"],
  },
  estimateItems: ["材料費", "労務費", "法定福利費", "安全衛生経費"],
  scheduleItems: ["養生", "下地処理", "施工", "検査"],
  cta: "見積もり相談",
  privacyChecked: false,
};

const requiredEstimate = ["材料費", "労務費", "法定福利費", "安全衛生経費", "建退共掛金"];
const requiredSchedule = ["養生", "下地処理", "施工", "検査", "片付け"];

const warnings = [
  ...requiredEstimate
    .filter((item) => !casePage.estimateItems.includes(item))
    .map((item) => "見積内訳の確認項目が不足: " + item),
  ...requiredSchedule
    .filter((item) => !casePage.scheduleItems.includes(item))
    .map((item) => "工程説明が不足: " + item),
  ...(casePage.photos.before.length && casePage.photos.process.length && casePage.photos.after.length
    ? []
    : ["Before / 工程 / After の写真がそろっていません。"]),
  ...(casePage.cta === "見積もり相談" ? [] : ["主CTAが見積もり相談に絞られていません。"]),
  ...(casePage.privacyChecked ? [] : ["写真の掲載許可と写り込み確認が未完了です。"]),
];

console.log({
  canPublish: warnings.length === 0,
  warnings,
});

実行は node check-construction-case.mjs です。warnings に何か出たら、公開ではなく確認へ戻します。実務ではこの考え方を、写真一覧、CMS下書き、見積項目CSV、問い合わせフォームへ接続します。

Pitfall: よくある落とし穴

施工事例ページの落とし穴は、写真で信頼を作ろうとして、見積もり前の確認を飛ばすことです。原因と直し方を分けます。

落とし穴	原因	直し方
完成写真だけで終わる	読者の困りごとが消えている	Before、工程、Afterをセットにする
工期を短く見せすぎる	施工中の養生、乾燥、検査を省く	工程名と確認項目をCTA前に出す
見積内訳が見えない	金額を出せないから説明も省く	材料費、労務費、安全衛生経費など項目名を説明する
未許可写真が残る	スマホ写真をそのまま使う	表札、顔、車、近隣住宅、書類を人が確認する
CTAが多すぎる	電話、LINE、資料請求、無料診断を同じ強さで並べる	主CTAを見積もり相談に絞る

国民生活センターのFAQでは、リフォーム工事の見積書内容に不明点がある人向けに、住まいるダイヤルや消費生活相談窓口を案内しています。これは、見積もり前後で不安が起きやすいことの裏返しです。施工事例ページの段階で、何を見積もりで確認するかを見せるだけでも、相談の質は変わります。

よくある質問

Q. 施工事例ページに概算価格を載せるべきですか? A. 載せるなら、対象工事、範囲、現地条件、含まない作業を人が確認します。金額を断定しにくい場合でも、見積もりに入る項目名を説明すると読者の不安は減ります。

Q. Claude Codeに工期や金額を決めさせてよいですか? A. 決めさせません。Claude Codeには、工程の抜け、見積項目の抜け、写真許可、CTAの位置を確認させます。工期と金額は現場条件を見た人が判断します。

Q. 写真は何枚必要ですか? A. 枚数だけでは判断できません。Before、工程、Afterがそろっているか、表札や顔や車が写っていないか、掲載許可があるかを見ます。少ない枚数でも、工程が分かる写真なら役に立ちます。

Q. 既存の施工事例記事と何が違いますか? A. 既存記事は施工事例ページの構成が中心です。この記事は、見積もり相談前に読者が知りたい工程、費用内訳、現地調査で必要なものに寄せています。

実際に試した結果

この記事では、construction-case-study-estimate-breakdown-claude-code というslugで、frontmatter、内部リンク、外部リンク、CTA、コード、最終h2を確認しました。サンプルコードでは、建退共掛金、片付け、写真掲載許可の不足を warnings に出せることを見ました。今日まずやる1手は、施工事例を1件だけ選び、見積もりCTAの上に写真、工程、見積内訳、現地調査で必要なものを4行で置くことです。

施工事例ページを見積もり相談へつなげる型をチーム標準にするなら、施工事例URL、写真一覧、職人メモ、工程表、見積項目を持って研修・相談へ進めます。Claude Codeに任せる棚卸しと、人が止める工期・費用・公開判断を分けて、問い合わせにつながるページに直します。