用Claude Code整理建設公司施工案例頁: 照片、流程與估價動線

建設公司的施工案例頁，如果只是放幾張完工照片，很難帶來詢問。讀者想知道的是：施工前遇到什麼問題，實際處理了哪些範圍，中間流程如何，完成後有什麼改變，想請你估價前要準備什麼資料。這些沒有說清楚，頁面看起來漂亮，卻不能推動下一步。

本文把施工案例頁當成地方建設公司、工務店、改修公司、專門工種的営業資料來看。Claude Code不應該判斷施工品質，也不應該編造價格、工期、保固或許可資訊。它適合整理已確認的照片、職人備忘、工程步驟、限制條件和一個清楚的估價CTA。圖片部分可參考Google圖片SEO最佳做法，內容品質可參考people-first content。

重點

• 施工案例要包含問題、範圍、流程、照片、結果、限制和一個估價CTA。
• Claude Code可以整理職人備忘、照片說明、alt文、工程時間線和估價前確認清單。
• 人必須確認掲載許可、許可表記、金額、保固、安全表現、臉、車牌、鄰家和表札。
• 圖片SEO不是塞關鍵字，而是在相關文字附近放照片，寫清楚照片的作用。
• 除了PV，也要看估價表單開始、現地調查預約和重複詢問。

施工案例頁常見失敗

很多公司其實素材足夠。現場有照片，営業有報價，職人有LINE備忘，事務所也知道工種和地域。問題是素材散在不同地方，還沒有變成讀者能理解的順序。

最常見的是只放完工照片。讀者看見漂亮成果，但不知道原本問題是漏水、外壁裂縫、店舗停業時間、搬入経路，還是既存下地不良。施工案例不是展示相簿，而是讓讀者判斷「我的情況也能相談嗎」。

另一個問題是專門用語太早出現。材料和工法很重要，但入口應該先用讀者語言，例如屋根漏水、外壁裂縫、倉庫地面起粉、店舗不停業改裝。先說困擾，再補足工法。

從照片到估價詢問的流程

階段	收集資訊	頁面作用
施工前	困擾、現場條件、照片	讓讀者看見相似問題
調查	劣化、限制、進出動線	說明檢查點
工事範圍	做什麼、不做什麼	避免誤解
工程	每日步驟	降低不安
完成	Before/After	確認成果
估價	需要資料	推動CTA

這樣分段後，照片不再只是裝飾。施工前照片負責共感，工程負責信任，完成照片負責證明，估價清單負責下一步。

Claude Code負責什麼，人負責什麼

Claude Code負責整理。把職人備忘、照片名稱、工程草稿、現場限制和CTA交給它，請它輸出標題、冒頭、照片caption、工程timeline、估價前清單和CTA文案。

人負責公開判斷。照片中是否有臉、車牌、表札、鄰家、室內文件。施主是否同意掲載。保固文字是否準確。建設業許可、資格、對應地域是否是確認過的表記。價格和工期是否經過現場確認。

Three Use Cases

Use case 1: Before/After照片變成詢問文案

Claude Code可以把施工前照片連到「原本困擾」，把施工後照片連到「看得見的變化」。頁面要回答什麼壞了、團隊檢查什麼、完成後改變什麼。

Use case 2: 建立工程timeline

調查、養生、拆除、下地補修、施工、檢查、清掃。這些順序讓發注者安心。AI可以整理日報，人確認工期、天候、噪音、停車和立會。

Use case 3: 估價前確認清單

CTA前要寫清楚要送什麼。地址地域、工種、困擾部位、希望時期、照片、圖面、停車條件、現地調查候補日。這會減少來回確認。

可直接使用的Prompt

Act as an editor for a construction company case study page.
Do not invent price, schedule, warranty, license, or safety claims.
Organize approved photos, project notes, process steps, constraints, and one estimate CTA.
Flag photos that need human approval before publication.

可執行檢查程式

const caseStudyPage = {
  sections: [
    "projectSummary",
    "beforeAfterPhotos",
    "workScope",
    "processTimeline",
    "materialsAndConstraints",
    "safetyAndPermissionNotes",
    "result",
    "estimateCta",
  ],
  photos: [
    { file: "roof-before.jpg", phase: "before", alt: "工事前の屋根と雨樋の劣化部分", approved: true },
    { file: "roof-after.jpg", phase: "after", alt: "葺き替え後の屋根と新しい雨樋", approved: true },
  ],
  ctas: ["requestEstimate"],
};

const requiredSections = [
  "projectSummary",
  "beforeAfterPhotos",
  "workScope",
  "processTimeline",
  "materialsAndConstraints",
  "safetyAndPermissionNotes",
  "result",
  "estimateCta",
];

const missingSections = requiredSections.filter((section) => !caseStudyPage.sections.includes(section));
const unapprovedPhotos = caseStudyPage.photos.filter((photo) => !photo.approved);
const weakAlt = caseStudyPage.photos.filter((photo) => photo.alt.length < 12 || /^IMG_|写真|image/i.test(photo.alt));
const ctaProblem = caseStudyPage.ctas.length !== 1 || caseStudyPage.ctas[0] !== "requestEstimate";

if (missingSections.length || unapprovedPhotos.length || weakAlt.length || ctaProblem) {
  console.error({ missingSections, unapprovedPhotos, weakAlt, ctaCount: caseStudyPage.ctas.length });
  process.exit(1);
}

console.log("Construction case study page is ready for human review.");

Pitfall: 常見錯誤

錯誤1: 只有完工照片。 加上原本困擾和工程中的檢查點。

錯誤2: 工期和金額寫得太輕。 寫出會改變估價的條件，例如面積、材料、足場、搬入、既存劣化和天候。

錯誤3: 忘記照片隱私。 臉、車牌、表札、鄰家和文件要公開前確認。

錯誤4: CTA太多。 主CTA固定為估價相談，電話和LINE放輔助。

ROI指標

看施工案例PV、照片互動、CTA點擊、表單開始、估價送信、現地調查預約和受注率。若詢問後一直被問「要傳什麼照片」，就把照片清單移到CTA前。

還要看詢問內容的品質。只問「大概多少錢」的人很多時，頁面可能沒有說清楚估價條件。若讀者已經附上照片、地址區域、希望時期和現地調查候補日，代表施工案例頁已經完成了営業前半段的工作。這種詢問雖然數量不一定最多，但後續溝通會短很多。

常見問題

先做幾篇案例？ 先做想接單的3個工種，而不是做10篇普通頁。

要寫金額嗎？ 可寫影響估價的條件和何時報價，不要編造固定額。

alt文怎麼寫？ 寫照片在頁面中的作用，不要塞關鍵字。

照片掲載許可怎麼管理？ 在照片列表中加入 approved、usage、blurNeeded 三個欄位。Web掲載、提案書、SNS投稿可能需要不同確認，不能把一次許可當成全部用途的許可。

諮詢動線

如果要把施工照片變成詢問頁，準備施工案例URL、職人備忘、照片一覧、估價前問題，前往研修・相談。相關文章可看權限判斷日志。

實際確認結果

我用建設公司施工案例頁做了prompt和Node.js檢查。確認項目是必要section、照片許可、alt文和CTA數。最大的發現是，施工案例不是相簿，而是估價相談前的說明順序。