Claude Code로 건설회사 시공사례 페이지 정리하기

건설회사 시공사례 페이지는 완성 사진 몇 장만으로 문의를 만들기 어렵습니다. 방문자는 공사 전 문제가 무엇이었는지, 어떤 범위를 시공했는지, 공정은 어떻게 진행됐는지, 완료 후 무엇이 달라졌는지, 견적 전에 무엇을 보내야 하는지를 알고 싶어 합니다.

이 글은 지역 건설회사, 공무점, 리폼 회사, 전문 공종 업체를 위한 사례 페이지 작성 흐름입니다. Claude Code는 시공 품질을 판단하거나 가격, 공기, 보증, 허가 정보를 만들어내면 안 됩니다. 대신 승인된 사진, 현장 메모, 공정, 제약 조건, 하나의 견적 CTA를 정리합니다. 이미지는 Google 이미지 SEO, 콘텐츠 품질은 people-first content를 참고합니다.

핵심 요약

• 시공사례에는 문제, 범위, 공정, 사진, 결과, 제약, 견적 CTA가 필요합니다.
• Claude Code는 현장 메모, 사진 설명, alt 문구, 공정표, 견적 전 확인표를 정리합니다.
• 사람은 사진 게재 허가, 면허 문구, 가격, 보증, 안전 표현, 얼굴, 번호판, 이웃집 노출을 확인합니다.
• 이미지 SEO는 키워드 나열이 아니라 사진을 관련 문맥 옆에 놓고 설명하는 일입니다.
• PV뿐 아니라 견적 폼 시작, 현장 조사 예약, 반복 질문을 봅니다.

실패하는 지점

대부분의 회사에는 이미 재료가 있습니다. 현장 사진은 휴대폰에 있고, 견적 정보는 영업 파일에 있으며, 장인 메모는 채팅에 남아 있습니다. 문제는 그것들이 고객이 읽을 순서로 정리되어 있지 않다는 점입니다.

가장 흔한 실패는 완성 사진만 올리는 것입니다. 예뻐 보이지만 원래 누수였는지, 외벽 균열이었는지, 점포 영업을 멈추지 않는 공사였는지 알 수 없습니다. 사례 페이지는 사진첩이 아니라 “우리 현장도 상담할 수 있겠다”는 판단을 돕는 자료입니다.

사진에서 견적 문의까지의 흐름

단계	모을 정보	페이지 역할
공사 전	문제, 현장 조건, 사진	방문자의 고민과 연결
조사	손상, 제약, 동선	확인한 포인트 표시
범위	한 일과 제외한 일	기대치 조정
공정	순서와 일정	불안 감소
완료	Before/After	변화 확인
견적	필요한 정보	문의 준비

이 구조를 쓰면 각 사진의 역할이 생깁니다. 공사 전 사진은 공감, 공정 사진은 신뢰, 완성 사진은 결과, 확인표는 다음 행동을 만듭니다.

Claude Code에 맡길 범위와 사람이 볼 범위

Claude Code에는 정리를 맡깁니다. 현장 메모, 승인된 사진명, 공정 초안, 현장 제약, CTA를 주고 제목, 도입문, 사진 caption, 공정 timeline, 견적 전 체크리스트, CTA 문구를 만들게 합니다.

사람은 공개 판단을 봅니다. 얼굴, 차량 번호, 표찰, 이웃집, 실내 문서가 찍혔는지, 소유자가 게재를 승인했는지, 보증 문구와 공기, 가격, 면허 표기가 맞는지 확인합니다.

Three Use Cases

Use case 1: Before/After 사진을 문의 문장으로 바꾸기

공사 전 사진에는 고객의 고민을 붙이고, 완료 사진에는 보이는 변화를 붙입니다. 방문자가 사진만 보고 추측하지 않게 합니다.

Use case 2: 공정 timeline 만들기

조사, 보양, 철거, 바탕 보수, 시공, 검사, 청소 순서를 짧게 보여줍니다. AI는 일보를 정리하고, 사람은 공기와 현장 조건을 확인합니다.

Use case 3: 견적 전 확인표 만들기

주소 지역, 공종, 문제 부위, 희망 시기, 사진, 도면, 주차 조건, 현장 조사 가능일을 CTA 앞에 둡니다. 문의 후 되묻는 횟수가 줄어듭니다.

복사해서 쓰는 프롬프트

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는 견적 상담 하나로 둡니다.

ROI 지표

시공사례 조회수, 사진 클릭, CTA 클릭, 폼 시작, 견적 송신, 현장 조사 예약, 수주율을 봅니다. 반복 질문이 나오면 페이지 위쪽에 답을 추가합니다.

자주 묻는 질문

몇 개부터 만들까요? 먼저 받고 싶은 공종 3개를 만듭니다.

가격을 써야 하나요? 정확한 가격 대신 견적이 달라지는 조건과 견적 시점을 씁니다.

alt 문구는 어떻게 쓰나요? 사진이 페이지에서 전달하는 정보를 짧게 씁니다.

상담 동선

사진을 문의 페이지로 바꾸고 싶다면 사례 URL, 현장 메모, 사진 목록, 견적 전 질문을 준비해 연수・상담으로 오세요. 관련 글은 권한 판단 로그도 참고하세요.

실제로 확인한 결과

건설회사 사례 페이지를 가정해 프롬프트와 Node.js 확인 코드를 만들었습니다. 필요한 section, 사진 허가, alt 문구, CTA 수를 확인했습니다. 핵심은 사례 페이지가 사진첩이 아니라 견적 전 설명 순서라는 점입니다.