Claude.ai에 brief + 이미지 넣으면 섹션·카피·이미지 목록·MJ 프롬프트까지 자동 생성
Claude.ai⏱ 20분
기획자
Claude.ai
Claude.ai에 brief.md + 제품 이미지 첨부 후 기획안 요청
💬 Claude 프롬프트
첨부한 brief.md와 제품 이미지를 바탕으로 상세페이지 기획안 만들어줘.
포함 내용:
1. 섹션 구성 (히어로/특장점/사용장면/CTA 순서와 목적)
2. 각 섹션 헤드카피 초안 (구매전환 중심)
3. 필요 이미지 목록 (보유/AI생성필요/촬영필요 분류)
4. AI 생성 필요 이미지의 Midjourney 프롬프트 (영문)
5. 채널별 톤 차이 (스마트스토어/쿠팡/자사몰)
기획자 (민지홍)
기획안 내용 planning.md에 저장 후 Drive 업로드
Drive / [제품명] / planning.md 저장. 디자이너 단일 기준 파일
기획자 (민지홍)
✓ STEP 02 완료 — 기획 검토로
STEP 03
기획안 검토 · 컨펌 ★
가장 중요한 단계. 여기서 방향 확정 = 이후 재작업 없음. Claude와 대화로 즉시 수정 가능
★ 기획자 핵심 개입⏱ 30~60분
기획자
Claude 수정
섹션 구성 검토
히어로→특장점→사용장면→CTA 순서가 이 제품에 맞는지 확인. 순서 변경 필요 시 Claude에 요청
기획자 (민지홍)
카피 수정 및 확정
헤드카피·본문 문구 검토. 수정 필요 시 프롬프트 활용
💬 수정 프롬프트 예시
"특장점 섹션 카피를 더 감성적으로. 30대 여성이 공감할 수 있는 톤으로"
"히어로 헤드카피를 쿠팡 버전으로. 더 직접적이고 혜택 중심으로"
기획자 (민지홍)
이미지 목록 확정
보유/AI생성필요/촬영필요 분류 확인. MJ 프롬프트 방향 검토
기획자 (민지홍)
planning.md 최종 업데이트 후 디자이너 알림
수정 반영 후 파일 업데이트. 카톡: "기획 확정! planning.md 확인 후 이미지 작업 시작해줘요"
기획자 (민지홍)
✓ STEP 03 완료 — 이미지 생성으로
STEP 04
추가 이미지 생성 · 튜닝 ★
Claude가 MJ 프롬프트 작성 → 디자이너 생성·보정 → 기획자 컨펌. Claude는 이미지 직접 생성 불가
Midjourney⏱ 1~3시간
디자이너
Midjourney
기획자 컨펌
planning.md에서 MJ 프롬프트 확인
AI 생성 필요 이미지 목록과 각 프롬프트 복사 준비
디자이너 (민지현)
Midjourney에서 이미지 생성
프롬프트 붙여넣기 → 생성 → 마음에 드는 컷 선택 (V 변형, U 업스케일)
💡 프롬프트 수정 필요 시
"이미지가 너무 어두워. 밝고 깔끔한 톤으로 프롬프트 수정해줘"
디자이너 (민지현)
포토샵으로 후보정·제품 합성
생성 이미지에 실제 제품 합성·색보정·브랜드 톤 맞춤
디자이너 (민지현)
완성 이미지 01_images/generated/ 업로드 후 기획자 알림
카톡: "이미지 완성했어요. Drive에서 확인 부탁드려요"
디자이너 (민지현)
기획자 이미지 검토 · 컨펌
Drive 댓글로 피드백. OK면 카톡: "이미지 컨펌! Claude Design 작업 시작해줘요"
기획자 (민지홍)
✓ STEP 04 완료 — Claude Design 시작
STEP 05
Claude Design — 전체 톤 · 흐름 초안
섹션별 작업 전 전체 방향 한 번 컨펌. 여기서 톤 확정 = 이후 재작업 없음
Claude Design⏱ 1시간
디자이너
Claude Design
기획자 컨펌
claude.ai/design 에서 전체 레이아웃 초안 요청
planning.md 내용 + 확정 이미지 Import 후 전체 구조·분위기 확인용 초안 생성
💬 Claude Design 프롬프트
아래 기획안으로 상세페이지 전체 레이아웃 초안 만들어줘.
전체 톤·컬러·섹션 흐름 확인이 목적이야.
세부 수정은 이후 섹션별로 할 예정.
[planning.md 내용 붙여넣기]
디자이너 (민지현)
전체 초안 스크린샷 → 기획자 공유
카톡 or Drive에 올려서 "전체 톤 확인 부탁드려요" 알림
디자이너 (민지현)
기획자 전체 톤 컨펌
컬러·폰트·전체 무드 확인. OK면 카톡: "톤 컨펌! 섹션별 작업 진행해줘요"
기획자 (민지홍)
✓ STEP 05 완료 — 섹션 작업 시작
STEP 06
섹션별 세부 수정 · PNG 추출
섹션 단위로 쪼개서 집중 수정 → 각각 PNG 추출. 한 번에 전체 수정 X → 퀄리티 UP
Claude Design⏱ 2~3시간
Claude Design
디자이너
히어로 섹션 수정 완료 → PNG 추출
메인 이미지 + 헤드카피. 02_sections/01_hero.png 저장
디자이너 (민지현)
특장점 섹션 수정 완료 → PNG 추출
아이콘·설명·배치. 02_sections/02_features.png 저장
디자이너 (민지현)
사용장면 섹션 수정 완료 → PNG 추출
라이프스타일·감성 이미지. 02_sections/03_lifestyle.png 저장
디자이너 (민지현)
CTA 섹션 수정 완료 → PNG 추출
구매 유도·가격·혜택. 02_sections/04_cta.png 저장
디자이너 (민지현)
02_sections/ Drive 업로드 후 기획자 알림
카톡: "섹션 PNG 완성! 최종 확인 부탁드려요"
디자이너 (민지현)
기획자 최종 PNG 검토 · 컨펌
각 섹션 확인. Drive 댓글로 피드백. 전체 OK면 채널 변환 진행
기획자 (민지홍)
✓ STEP 06 완료 — 채널 변환 마지막 단계
STEP 07
채널별 자동 변환 · 업로드
Claude Code 스크립트가 PNG를 채널 규격으로 자동 변환. 더블클릭 1번으로 완료
Claude Code⏱ 10분
자동 스크립트
기획자 최종
채널 변환 스크립트 실행
02_sections/ PNG → 03_output/ 채널별 폴더 자동 생성
💬 Claude Code 프롬프트 (최초 1회)
02_sections 폴더의 PNG를 채널별로 변환하는 스크립트 만들어줘.
- 스마트스토어: 가로 860px, JPG 품질 85
- 쿠팡: 가로 800px, JPG 품질 85
- 자사몰: 원본 PNG 유지
출력: 03_output/smartstore, coupang, own_mall 폴더
파일명: 01_hero, 02_features, 03_lifestyle, 04_cta 순서 유지