비개발자가 AI 드림팀을 만들어 회사 웹사이트를 하루 만에 리뉴얼한 이야기
코딩 경험 0인 제가 Claude Code로 "AI 드림팀"을 구성해서, kndli.com 회사 사이트를 약 8시간 만에 리뉴얼했습니다.
안녕하세요, Bella입니다!
스타트업실험실 "퍼스널 브랜딩편"에 참여하면서, 과제였던 나만의 프로필 웹페이지를 만드는 과정을 공유해요.
😫 Before: 이전 상황
저는 대만 출신으로 한국에서 아동복 수출 회사를 운영하고 있어요. 회사 홈페이지(kndli.com)가 있긴 했는데...
디자 인이 오래됨 (몇 달 전에 대충 만든 거)
프로필 페이지가 없어서 "누가 운영하는 회사인지" 전혀 안 보임
서비스 너무 광범위
문의 폼은 있는데 자동응답이 없어서 방치 상태
가장 큰 문제: 저는 코딩을 전혀 못합니다 ㅋㅋ
외주를 맡기자니 비용도 시간도 부담스럽고, 직접 하자니 HTML이 뭔지도 모르는 상태...
🤖 어떻게 해결했나? — AI 드림팀!
저는 Claude Code(클로드 코드)라는 AI 코딩 도구를 쓰고 있는데요, 여기서 역할별로 AI를 나눠서 "팀"처럼 운영하고 있어요.
우리 팀 구조:
벨라 (CEO) — 최종 확인만!
├── 멘토 → 전략 수립 / 검수 리포트 / 우선순위 결정
├── 마스터 → 총괄 조율 / 일일 리포트
└── 오토 → 기술 구현 / 코딩 / 배포
├── qa-reviewer → 번역 교정 / UI 검수 / 코드 테스트
├── content-researcher → 트렌드 리서치
├── content-creator → 콘텐츠 기획/제작
└── 기타 에이전트 3개...
총 1 CEO + 3 역할 + 7 에이전트 = 11명 팀이 Claude Code 하나로 돌아가는 구조입니다
코딩 1도 모르는 제가 CEO 역할만 하면 되는 거예요!
"이거 이상한데?" "여기 색 바꿔" "이 버튼 위치 좀..." 이런 피드백만 주면 팀이 알아서 구현해줍니다.
⚡ 작업 과정 (약 8시간)
1단계: 멘토가 기존 사이트 검수 (30분)
→ 멘토 역할의 AI가 현재 kndli.com을 분석
→ "프로필 페이지 없음, 모바일 깨짐, 번역 어색함" 등 검수 리포트 작성
→ 우선순위 매겨서 작업 지시서까지 만들어줌
2단계: 오토가 프로필 페이지 개발 (3시간)
→ 557줄짜리 profile-v4.html 완성 (크림+네이비 컬러 조합)
→ 한국어/중국어 전환 토글 (버튼 하나로 언어 전환!)
→ 영상 탭, 페이드인 애니메이션까지
→ 공통 CSS 420줄 분리 (나중에 다른 페이지에도 재사용 가능)
3단계: 문의 폼 + 자동응답 연결 (2시간)
→ Google Apps Script로 폼 전송하면 Google Sheets에 자동 기록
→ 문의하면 자동으로 답장 이메일 발송 (한국어/중국어 분기)
→ 저한테도 알림 이메일 옴
4단계: qa-reviewer 검수 (1시간)
→ 번역 교정: 어색한 중국어 표현 수정
→ UI 검수: 모바일/데스크탑 반응형 확인
→ 코드 테스트: 폼 전송 실제 테스트
5단계: 벨라(저) 최종 확인 + 배포 (1.5시간)
→ 실제로 폼 테스트해보고 피드백
→ Apps Script 배포 (이 과정에서 시행착오 좀 있었어요 ㅋㅋ)
→ Vercel로 자동 배포 완료!
✅ After: 결과
프로필 페이지: 없음 → 전문 프로필 완성!
지원 언어: 한국어만 → 한국어 + 중국어
문의 폼: 방치 상태 → 자동응답 + Sheets 기록
소요 시간: 약 8시간
비용: 0원 (Claude Max 구독만)
코딩 경험: 0 → 왕초보라도 괜찮아요 ㅋㅋ
💡 배운 점 & 팁
시행착오 (솔직하게!)
Apps Script 배포 실수: Google Apps Script에서 "라이브러리"와 "메인 프로젝트"를 헷갈려서 코드를 엉뚱한 곳에 수정함 →
3번이나 재배포 ㅠㅠ
→ 팁: Apps Script 수정할 때는 프로젝트 이름을 꼭 확인하세요!
자동응답 이름 오류: 이메일 서명에 이름이 잘못 나와서 수정하는데 시간 걸림
→ 팁: 자동 이메일은 배포 전에 반드시 테스트!
비개발자를 위한 팁 3가지
1. AI한테 "역할"을 주세요 — 그냥 "코딩해줘"보다 "넌 멘토야, 검수해줘"가 훨씬 좋은 결과 나와요
2. 기록이 핵심이에요 — 우리 팀은 TEAM_BRIEFING.md라는 공유 문서에 모든 결정을 기록해요. 다음 대화에서도 AI가 맥락을
바로 잡음
3. 완벽하지 않아도 배포하세요 — 8시간이면 충분히 "보여줄 수 있는" 수준이 됩니다. 나머지는 점진적으로!
🚀 다음 계획
kndli.com에 세미나 신청 페이지 고도화
자동 회신 이메일 디자인 개선 (HTML 이메일)
bella-ai 포트폴리오 사이트와 연동 강화
비개발자도 AI 팀을 잘 조직하면 전문 개발자 못지않은 결과물을 만들 수 있다는 걸, 오늘 다시 한번 느꼈어요.
궁금한 점 있으시면 댓글 남겨주세요! 😊
작성자: Bella (@bellaliv423)
AI 도구: Claude Code (Opus 4.6) + AI Dream Team
사이트: kndli.com
#스타트업실험실 #퍼스널브랜딩 #ClaudeCode #AI자동화 #비개발자AI활용 #AI드림팀 #웹사이트리뉴얼
