마케터가 직접 만든 AI 홈페이지

설명

“이 홈페이지, 정말 직접 만드셨어요?”

강의 현장에서 가장 많이 받는 질문입니다. 개발자가 아닌 마케터가, Claude AI와 WordPress만으로 sungyeol.com을 처음부터 끝까지 만들었다고 하면 대부분이 반신반의합니다. 이 책은 그 ‘어떻게’에 대한 기록입니다.

Claude가 내 대신 코드를 짠 것이 아닙니다. 내가 원하는 것을 Claude와 함께 설계한 것입니다.

이런 분들을 위한 책입니다

• 개발자 없이 나만의 디지털 자산을 갖고 싶은 1인 기업가
• AI를 ‘써봤다’는 단계를 넘어 실제 결과물을 만들고 싶은 마케터
• WordPress에 관심은 있지만 어디서부터 시작할지 막막한 분
• Claude AI의 실제 협업 방식을 구체적 사례로 배우고 싶은 분
• 외주 견적서 앞에서 ‘내가 해볼 수는 없을까?‘를 고민해본 분

이 책이 약속하는 것

• Claude AI와 대화하며 코드·디자인을 완성하는 실전 워크플로우
• WordPress + Astra 테마 기반 포트폴리오 사이트의 A to Z 제작 과정
• 실제로 맞닥뜨린 수십 개의 에러와 해결 기록
• 블로그 · 쇼핑몰 · 결제까지 포함된 완전한 1인 디지털 자산 구축법

왜 이 책이 다른가

시중에는 이미 WordPress 책도, AI 활용법 책도 많습니다. 이 책이 다른 이유는 실제 판매 중인 하나의 사이트를 처음부터 끝까지 추적한다는 점입니다.

지금 보고 계신 이 페이지 — sungyeol.com — 이 바로 그 결과물입니다. 홈, About, Career, Blog, Shop, 결제 페이지까지 모든 화면이 Claude AI와의 실제 대화를 통해 설계·작성·수정되었고, 그 전 과정이 책 안에 기록되어 있습니다.

이 책이 다루는 주제들

Part 1. 전략 설계

• 왜 WordPress인가 — Wix, 카페24, Gamma와의 비교 판단
• 포트폴리오 사이트의 정보 구조(IA) 설계
• 브랜드 컬러 시스템 확정 과정 (다크 + 골드 + 틸)

Part 2. Claude AI와 협업하는 법

• 효과적인 프롬프트의 구조와 분량
• Claude에게 전체 파일·스크린샷을 제공하는 방식
• Claude의 판단을 신뢰할 때와 사람이 결정해야 할 때의 경계

Part 3. 페이지 구축 실전

• 메인 페이지 디자인 시스템 정립
• About · Career · Lecture · Services · Contact 6개 페이지 제작
• 반응형 모바일 대응 (Astra 테마의 한계 극복)

Part 4. 블로그 시스템 (AEO · GEO · SEO)

• Answer Engine Optimization(AEO) 구조 설계
• Schema 마크업 · FAQ 구조 · 검색 의도 기반 목차
• WPCode 스니펫으로 블로그 커스터마이징

Part 5. 쇼핑몰과 결제 (WooCommerce)

• WooCommerce + 심플페이 + 토스페이먼츠 조합
• 전자책 디지털 상품 등록과 자동 다운로드 설정
• 다크 테마 WooCommerce 디자인 시스템

Part 6. 에러 해결 일지

이 책의 가장 실용적인 부분일 수 있습니다. 책 전체에 걸쳐 수십 개의 실제 에러와 해결 과정이 기록되어 있습니다.

• CSS 검증기가 전체 스타일을 말없이 거부할 때
• WordPress 기본 헤더가 커스텀 NAV를 덮어쓸 때
• 모바일에서만 레이아웃이 깨질 때
• 결제 플러그인 호환성 문제를 만났을 때

성공기가 아닌, 시행착오 기록입니다

대부분의 ‘AI로 홈페이지 만들기’ 콘텐츠는 성공한 결과물만 보여줍니다. 하지만 실제 제작 과정의 80%는 “왜 안 되지?”라는 질문으로 채워집니다.

이 책은 그 80%를 숨기지 않았습니다. 잘못된 프롬프트, Claude의 애매한 답변, 적용해도 반영되지 않는 CSS, 예상치 못한 모바일 레이아웃 깨짐 — 모두 기록되어 있습니다. 그리고 그 모든 문제에 대한 실제 해결 과정도 함께입니다.

저자 안성열

10년 이상 마케팅 현장에서 병원·기업·공공기관 프로젝트를 수행해온 실무자. 주식회사 믿는구석 대표이자 영상 스튜디오 올튼필름 대표.

AEO · GEO · SEO · AI 마케팅 전략을 기업·강의 현장에서 전달하며, 마케터 본인이 직접 AI를 활용해 사업 자산을 구축하는 방법을 연구·실천한다. sungyeol.com은 그 실험의 결과물이다.

구매 후 제공되는 것

• PDF 원본 — 고해상도 인쇄·저장 가능
• 실제 사용된 프롬프트 모음 — Claude와 나눈 대화 패턴
• WPCode 스니펫 원본 코드 — 복사해서 바로 사용 가능
• CSS 디자인 시스템 변수표 — 색상·타이포그래피·여백 기준
• 에러 대응 체크리스트 — 같은 문제를 만났을 때 참고용

---

AI 시대의 마케터에게 가장 필요한 것은 ‘사용법’이 아니라 ‘함께 만들어본 경험‘이라고 생각합니다. 이 책이 그 첫 경험의 동반자가 되기를 바랍니다.

— 안성열, 믿는구석 대표

PDF 전자책 · 실습 코드 · 프롬프트 모음 포함 · ₩9,800