Chapter 02
과정·흐름

기획부터 배포까지
전체 흐름

아이디어에서 paulingplus.com 라이브까지.
어떤 순서로, 어떤 도구로, 얼마나 걸렸는지 — 전체 여정을 한눈에 정리합니다.

전체 숫자

이 정도 규모였습니다

2주
홈페이지 초안→배포
기획부터 Netlify 라이브까지
13개
진단 도구
5 Phase, 13개 도구 설계·배포
7개
사용한 도구
Claude, Netlify, Gabia 외
0원
외주 비용
Claude 구독료 월 $20 제외
전체 흐름

순서대로 보면 이렇습니다

복잡해 보이지만 실제로는 단순한 흐름이에요. 크게 6개 단계로 나뉩니다.

① 브랜드 설계
→
② 홈페이지 제작
→
③ 디자인 고도화
→
④ 배포·연결
→
⑤ 진단 도구
→
⑥ GEO 최적화
Step 01 · 브랜드 설계
무엇을, 누구에게, 어떻게 보여줄 것인가
포지셔닝 문장, 브랜드 컬러, 타겟 고객, 핵심 실적 정리. 이 단계가 명확할수록 이후 AI와의 대화가 빠르고 정확해집니다.
Claude (브랜드 문서 작성)
Step 02 · 홈페이지 초안
첫 번째 프롬프트 → 첫 번째 HTML
브랜드 정보를 Claude에게 전달하고 첫 초안 생성. 히어로·통계·서비스·케이스·컨택트 섹션 구성. 이후 수십 번의 수정 반복.
Claude (HTML 생성)
Step 03 · 디자인 고도화
웜 오프화이트 → 흰 배경 + 강한 검정으로 전환
5color 평가 10라운드를 거치며 Superhuman + Nike + Loewe 레퍼런스 방향으로 재설계. 폰트 4종 체계 확립.
Claude (CSS 수정) · 5color 평가
Step 04 · 도메인·호스팅 연결
Netlify 배포 + Gabia DNS 연결
Netlify에 폴더 드래그앤드롭 → paulingplus.com DNS A레코드 설정 → HTTPS 자동 발급. 기술 지식 없이 30분 안에 완료.
Netlify · Gabia
Step 05 · Diagnostic Suite 설계
5 Phase, 13개 진단 도구
Brand Positioning Map부터 OKR 실행 진단까지. 각 도구마다 Claude API 연동 + 5color 평가 10라운드. 총 13개 도구 완성.
Claude (로직 설계 + API 연동)
Step 06 · GEO 최적화
AI가 나를 인용하게 만드는 구조
JSON-LD 스키마, robots.txt, sitemap.xml, llms.txt 적용. GEO(Generative Engine Optimization) — AI 검색 엔진이 나를 직접 인용하게 만드는 구조. 초기 점수 52점에서 70점대로 개선 예상.
Claude Desktop (GEO 감사·적용)
핵심 원칙

이 과정에서 지킨 한 가지

완벽한 것을 만들려 하지 않았습니다.
일단 만들고, 보고, 고쳤습니다.

— 이 Playbook 전체를 관통하는 작업 방식

각 단계에서 완성도를 100%로 올리려 하지 않았어요. 80% 수준에서 다음 단계로 넘어가고, 전체가 돌아가는 것을 먼저 확인한 뒤 세부 조정을 했습니다.

6단계 전체를 놓고 보면 이게 왜 중요한지 보입니다. Step 02에서 홈페이지를 완벽하게 만들려 했다면 Step 05 진단 도구까지 가지 못했을 거예요. 각 단계를 "일단 작동하는 수준"으로 마치고 다음으로 넘어간 것이 전체를 완성할 수 있었던 이유입니다.

다음 챕터

각 단계에서 실제로 쓴 도구들

전체 흐름을 파악했으니, 이제 각 단계에서 어떤 도구를 어떻게 썼는지 들어갑니다. Claude, Netlify, Gabia, Calendly, Google Workspace, geo-seo-claude — 실제로 쓴 도구들의 역할·비용·팁까지 정리합니다.

월 고정 비용이 얼마인지, 무료 플랜으로 가능한 건 무엇인지도 함께 공개합니다.