테마
Epic Spec: E-01 랜딩/GTM
메타
| 항목 | 값 |
|---|---|
| Epic ID | E-01 |
| Sprint | S52 |
| 상태 | approved |
| PO 승인일 | - |
| 담당 | 봉희 (디자인) |
| 비고 | 플로우(Flow) 툴 사용, 디자인 단독 작업 |
1. WHY: 왜 이 기능이 필요한가?
문제 정의
현재 랜딩페이지는 "정산 분석" 중심 포지셔닝이다. Sprint 52에서 쿠팡 광고 기능을 정식 출시하지만, 랜딩에서 광고 분석 가치가 노출되지 않는다.
[현재 문제]
1. 방문자가 "이건 정산 분석 서비스구나"로 인식
2. 쿠팡 광고 분석이 핵심 가치인데 랜딩에서 부각 안 됨
3. "데이터 보여주기" 포지셔닝 → 경쟁사와 차별화 안 됨근거 데이터
| 지표 | 수치 | 출처 | 비고 |
|---|---|---|---|
메인 랜딩(/) 세션 | 2,841/월 | GA4 (30일) | - |
| 메인 랜딩 전환율 | 5.9% | GA4 (30일) | Before 지표 |
| 마진계산기 트래픽 | 10,558/월 | GA4 (30일) | 활용 필요 |
| 마진계산기 전환율 | 0.36% | GA4 (30일) | 광고 연결 필요 |
기대 효과
- 포지셔닝 전환: "정산 분석" → "광고 분석" 서비스로 인식
- 전환율 개선: 메인 랜딩 5.9% → 7% 이상 (목표 +20%)
- AEO 노출: AI 검색엔진에서 "쿠팡 광고 분석" 검색 시 노출
2. WHAT: 상세 요구사항
핵심 기능
| # | 기능 | 설명 | 필수 여부 |
|---|---|---|---|
| 1 | 히어로 섹션 개편 | 광고 분석 중심 메시지 + A/B 테스트 (핵클) | 필수 |
| 2 | 가치 블록 3개 | 광고 진단 / 순이익 번역 / 액션 가이드 | 필수 |
| 3 | Social Proof | 셀러 수, 분석 광고비 (정적 값) | 필수 |
| 4 | 정산 분석 연결 섹션 | 기존 정산 분석 기능 안내 + 링크 | 필수 |
| 5 | FAQ 섹션 | AI 검색 최적화용 Q&A | 필수 |
| 6 | GNB 메뉴 추가 | 광고 분석 / 정산 분석 분리 | 필수 |
| 7 | 정산 분석 전용 페이지 | 기존 랜딩 콘텐츠 이관 | 필수 |
| 8 | AEO 최적화 | Schema.org, 메타태그 | 필수 |
| 9 | 서비스 내 메시지 전환 | 온보딩, 이메일 등 | 선택 |
비즈니스 로직
로직 1: 포지셔닝 전환
[Before]
메인 메시지: "상품별 순이익을 자동으로 계산"
서브 메시지: "엑셀 대신 장사왕"
타겟 인식: "데이터 보여주는 곳"
[After]
메인 메시지: (A/B 테스트)
- A: "쿠팡 광고, 뭘 고쳐야 할지 모르겠다면?"
- B: "광고비 줄이고, 순이익 늘리고"
서브 메시지: "장사왕 AI가 캠페인별 진단을 해드려요"
타겟 인식: "판단해주는 곳"로직 2: A/B 테스트 운영
도구: Hackle (핵클)
[테스트 1: 히어로 메시지]
분기 비율: 50:50
- A: "쿠팡 광고, 뭘 고쳐야 할지 모르겠다면?"
- B: "광고비 줄이고, 순이익 늘리고"
[테스트 2: Social Proof 메시지]
분기 비율: 50:50
- A: "장사왕 셀러 10명 중 9명이 순이익을 내고 있어요"
- B: "장사왕과 함께한 셀러 절반 이상이 순이익이 개선됐어요"
측정 지표:
- Primary: CTA 클릭률
- Secondary: 가입 전환율
테스트 기간: 2주 (트래픽 기반 조정)
종료 조건: 95% 통계적 유의성 또는 2주 경과로직 3: 가치 블록 구성
가치 1: 광고 상태 진단
- 헤드라인: "한눈에 캠페인 상태 파악"
- 비주얼: Status Badge UI (🟢🟡🔴)
- 설명:
- 🟢 Good: 이대로 유지하세요
- 🟡 Caution: 점검이 필요해요
- 🔴 Critical: 지금 바로 조정하세요
가치 2: 순이익 번역
- 헤드라인: "모호한 ROAS를 순이익으로 번역"
- 비주얼: Before/After 비교
- Before: "ROAS 441%"
- After: "100원 광고하면 12원 남아요"
가치 3: 액션 가이드
- 헤드라인: "뭘 해야 하는지 알려드려요"
- 비주얼: 액션 가이드 UI
- 예시: "입찰가 200원 → 150원으로 낮추면 100원당 25원 남아요"로직 4: Social Proof 데이터
[제품 방향성: "데이터 나열" → "판단해주기"]
[용어 원칙: "흑자" 대신 "순이익" 사용 - 장사왕 아이덴티티]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
A/B 테스트 메시지 (둘 다 강력하고 합리적)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
버전 A (전체 현황 기반):
┌───────────────────────────────────────────────────┐
│ "장사왕 셀러 10명 중 9명이 │
│ 광고에서 순이익을 내고 있어요" │
│ │
│ 서브: "광고비 100원당 평균 481원 매출" │
└───────────────────────────────────────────────────┘
버전 B (연동 전/후 비교 기반):
┌───────────────────────────────────────────────────┐
│ "장사왕과 함께한 셀러 │
│ 절반 이상이 순이익이 개선됐어요" │
│ │
│ 서브: "4명 중 1명은 50% 이상 성장" │
└───────────────────────────────────────────────────┘
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
실제 고객 케이스 (선택적 추가)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
예시 문구:
"월 광고비 500만원 쓰는 A셀러는
적자 캠페인 3개를 발견하고 월 120만원을 아꼈어요"
→ 숫자보다 스토리가 더 설득력 있을 수 있음
→ 실제 셀러 인터뷰 후 케이스 확보 필요
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
데이터 근거 (2026-01-19 기준):
┌───────────────────────────────────────────────────┐
│ [전체 현황] │
│ • 순이익 달성률: 89% (57/64명) │
│ • 평균 ROAS: 481% │
│ • 총 분석 전환매출: 197.5억 │
│ │
│ [연동 전/후 비교] │
│ • 순이익 개선 셀러: 52% │
│ • 50% 이상 성장: 25% │
│ • 평균 순이익 변화: +23% │
└───────────────────────────────────────────────────┘
데이터 소스: 정적 값 (수동 업데이트)
업데이트 주기: 월 1회 또는 마일스톤 달성 시로직 5: 정산 분석 보전 전략
[핵심 원칙]
광고 분석이 "메인"이 되지만, 정산 분석을 삭제하지 않음
→ 기존 정산 분석 사용자/트래픽 유지
[구현 방안]
1. 랜딩페이지: 정산 분석 연결 섹션 추가
┌─────────────────────────────────────────┐
│ 💼 정산 분석도 함께 │
│ │
│ 광고 분석뿐 아니라, │
│ 상품별 순이익 계산도 자동으로 해드려요 │
│ │
│ [정산 분석 알아보기 →] │
└─────────────────────────────────────────┘
2. GNB 메뉴 구조 변경
[Before]
로고 | (없음) | 로그인
[After]
로고 | 광고 분석 | 정산 분석 | 로그인
또는
로고 | 기능 ▼ (광고분석, 정산분석) | 로그인
3. 정산 분석 전용 페이지
- URL: /settlement (확정)
- 내용: 기존 랜딩 콘텐츠 중 정산 관련 내용 이관
- 유입: GNB + 랜딩 섹션 링크사용자 시나리오
1. 신규 방문자가 sellerking.io에 접속한다
2. 히어로 섹션에서 "쿠팡 광고, 뭘 고쳐야 할지 모르겠다면?" 메시지를 본다
3. Status Badge 스크린샷을 보고 "이런 식으로 진단해주는구나" 이해한다
4. 스크롤하며 3개 가치 블록을 확인한다
5. "무료로 광고 진단받기" CTA를 클릭한다
6. 가입 페이지로 이동한다3. HOW: 플로우 & 화면
페이지 구조
┌─────────────────────────────────────────┐
│ 🔝 Header (로고, 로그인) │
├─────────────────────────────────────────┤
│ │
│ 📢 HERO │
│ - 헤드라인 (A/B 테스트) │
│ - 서브카피 │
│ - CTA 버튼 [무료로 광고 진단받기] │
│ - 제품 스크린샷 (Surface Layer) │
│ │
├─────────────────────────────────────────┤
│ │
│ 💡 가치 1: 광고 상태 진단 │
│ [아이콘] + [설명] + [스크린샷] │
│ │
├─────────────────────────────────────────┤
│ │
│ 💰 가치 2: 순이익 번역 │
│ [Before/After 비주얼] │
│ │
├─────────────────────────────────────────┤
│ │
│ 📋 가치 3: 액션 가이드 │
│ [예시 UI 스크린샷] │
│ │
├─────────────────────────────────────────┤
│ │
│ ✅ Social Proof │
│ "장사왕 셀러 10명 중 9명이 │
│ 광고에서 순이익을 내고 있어요" │
│ + 실제 고객 케이스 (선택) │
│ │
├─────────────────────────────────────────┤
│ │
│ 💼 정산 분석 연결 섹션 │
│ "광고 분석뿐 아니라, 정산 분석도" │
│ [정산 분석 알아보기 →] │
│ │
├─────────────────────────────────────────┤
│ │
│ ❓ FAQ (아코디언) │
│ - 어떤 데이터가 필요한가요? │
│ - 무료인가요? │
│ - 광고 외 기능도 있나요? │
│ │
├─────────────────────────────────────────┤
│ │
│ 🎯 Final CTA │
│ [무료로 시작하기] │
│ │
├─────────────────────────────────────────┤
│ 🔚 Footer │
└─────────────────────────────────────────┘디자인 요청사항
| 항목 | 내용 |
|---|---|
| 톤앤매너 | 전문적이면서 친근한, 초보 셀러도 부담 없이 |
| 컬러 | 기존 브랜드 컬러 + Status Badge (🟢🟡🔴) |
| 담당 | 봉희 이사님 (디자인 단독, Flow 툴 사용) |
디자인 브리프: drafts/E-01-design-brief.md 참조
4. EDGE: 예외 & 엣지 케이스
데이터 예외
| 상황 | 처리 방법 |
|---|---|
| 스크린샷 미준비 | 목업/와이어프레임으로 대체 (임시) |
| Social Proof 데이터 없음 | 초기에는 수동 입력 정적 값 사용 |
| Phase 2 UI 미완성 | 순이익 번역 가치블록은 출시 후 업데이트 |
사용자 예외
| 상황 | 처리 방법 |
|---|---|
| 모바일 접속 | 반응형 디자인 (375px 기준) |
| 느린 네트워크 | 이미지 lazy loading, WebP 포맷 |
시스템 예외
| 상황 | 처리 방법 |
|---|---|
| A/B 테스트 도구 장애 | Control(A) 버전만 표시 |
| 이미지 로드 실패 | alt 텍스트로 내용 전달 |
5. 성공 지표
5.1 지표 체계 개요
┌─────────────────────────────────────────────────────────────┐
│ E-01 랜딩/GTM 지표 체계 │
├─────────────────────────────────────────────────────────────┤
│ [Sprint 내 판단] │
│ Primary: 랜딩 전환율 ≥ 7% (+20%) AND CTA 클릭률 ≥ 5% │
│ Secondary: A/B 테스트 승자 확정 │
├─────────────────────────────────────────────────────────────┤
│ [Sprint 이후 확인] │
│ Lagging: 가입 → 연동 전환율 (온보딩 효과) │
│ Ultimate: KR1 NRR +3% 기여 │
├─────────────────────────────────────────────────────────────┤
│ [Guard Rails] │
│ • 기존 정산분석 트래픽 20% 이상 감소 금지 │
│ • 페이지 로딩 3초 이내 유지 │
│ • 모바일 전환율 데스크톱 대비 70% 이상 │
└─────────────────────────────────────────────────────────────┘5.2 Sprint 내 판단 지표
| 계층 | 지표 | 산식 | 목표 |
|---|---|---|---|
| Primary | 랜딩 전환율 | 가입 완료 / 랜딩 방문 | ≥ 7% (기존 5.9% 대비 +20%) |
| Primary | CTA 클릭률 | CTA 클릭 / 랜딩 방문 | ≥ 5% |
| Secondary | A/B 테스트 승자 | 통계적 유의성 95% | 2주 내 확정 |
| Secondary | 평균 체류 시간 | 세션당 체류 시간 | +30초 (기존 대비) |
5.3 Sprint 이후 확인 지표
| 계층 | 지표 | 산식 | 목표 |
|---|---|---|---|
| Lagging | 가입 → 연동 전환율 | 연동 완료 / 가입 완료 | 측정 (기준선) |
| Lagging | 가치 블록 스크롤 도달률 | 블록 3 도달 / 랜딩 방문 | ≥ 40% |
| Ultimate | NRR 기여 | 랜딩 유입 유저 결제율 | KR1 연결 |
5.4 Guard Rails (위반 시 롤백 검토)
- 기존 정산분석 트래픽 (
/settlement) 20% 이상 감소 금지 - 페이지 로딩 시간 3초 초과 금지 (이미지 최적화 필수)
- 모바일 전환율이 데스크톱 대비 70% 미만 시 UX 점검
- FAQ 확장률 10% 미만 시 콘텐츠 개선 검토
5.5 성공 판단 기준
[Sprint 종료 시점]
✅ 성공: 랜딩 전환율 ≥ 7% AND CTA 클릭률 ≥ 5%
⚠️ 부분 성공: 전환율 6~7% OR CTA 클릭률 3~5%
❌ 실패: 전환율 < 6% OR Guard Rails 위반
[A/B 테스트 종료 시점]
✅ 테스트 성공: 95% 유의성으로 승자 확정
⚠️ 무승부: 차이 없음 → Control(A) 유지
❌ 테스트 실패: 둘 다 기존보다 낮음 → 롤백
[Sprint +4주 후]
✅ 가설 검증: "광고 분석" 포지셔닝이 전환을 높였다5.6 A/B 테스트 상세
[테스트 1: 히어로 메시지]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
도구: Hackle
분기 비율: 50:50
최소 샘플: 각 그룹 500명 이상
A (Control): "쿠팡 광고, 뭘 고쳐야 할지 모르겠다면?"
B (Variant): "광고비 줄이고, 순이익 늘리고"
Primary Metric: CTA 클릭률
Secondary Metric: 가입 전환율
종료 조건: 95% 유의성 OR 2주 경과
[테스트 2: Social Proof 메시지]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
A: "장사왕 셀러 10명 중 9명이 순이익을 내고 있어요"
B: "장사왕과 함께한 셀러 절반 이상이 순이익이 개선됐어요"
Primary Metric: CTA 클릭률
종료 조건: 95% 유의성 OR 2주 경과6. 이벤트 트래킹 명세
6.1 이벤트 목록
| 이벤트명 | 트리거 시점 | 우선순위 |
|---|---|---|
view_landing | 랜딩 페이지 진입 | P0 |
click_hero_cta | 히어로 CTA 클릭 | P0 |
view_value_block | 가치 블록 스크롤 도달 | P0 |
click_final_cta | Final CTA 클릭 | P0 |
click_settlement_link | 정산 분석 링크 클릭 | P1 |
expand_faq | FAQ 아코디언 확장 | P1 |
scroll_depth | 스크롤 깊이 도달 | P2 |
6.2 핵심 이벤트 상세
view_landing
javascript
dataLayer.push({
event: "landing",
event_name: "view_landing",
params: {
page_type: "main", // main | settlement
hero_variant: "A", // A | B (Hackle)
social_proof_variant: "A", // A | B (Hackle)
traffic_source: "organic", // organic | paid | referral | direct
utm_source: null,
utm_medium: null,
utm_campaign: null,
device_type: "desktop" // desktop | mobile | tablet
}
});click_hero_cta
javascript
dataLayer.push({
event: "landing",
event_name: "click_hero_cta",
params: {
cta_text: "무료로 광고 진단받기",
hero_variant: "A",
social_proof_variant: "A",
scroll_depth_at_click: 10, // 클릭 시 스크롤 위치 (%)
time_on_page: 15, // 클릭까지 체류 시간 (초)
device_type: "desktop"
}
});view_value_block
javascript
dataLayer.push({
event: "landing",
event_name: "view_value_block",
params: {
block_number: 1, // 1 | 2 | 3
block_title: "광고 상태 진단", // 블록 제목
scroll_depth: 35, // 스크롤 위치 (%)
time_to_reach: 20, // 페이지 진입 후 도달 시간 (초)
device_type: "desktop"
}
});click_final_cta
javascript
dataLayer.push({
event: "landing",
event_name: "click_final_cta",
params: {
cta_text: "무료로 시작하기",
scroll_depth: 90,
time_on_page: 60,
value_blocks_viewed: 3, // 본 가치 블록 수
faq_expanded: 2, // 확장한 FAQ 수
device_type: "desktop"
}
});click_settlement_link
javascript
dataLayer.push({
event: "landing",
event_name: "click_settlement_link",
params: {
link_location: "section", // section | gnb | footer
current_page: "main",
time_on_page: 45,
device_type: "desktop"
}
});expand_faq
javascript
dataLayer.push({
event: "landing",
event_name: "expand_faq",
params: {
question_id: "faq_01",
question_text: "어떤 데이터가 필요한가요?",
faq_index: 1, // 1, 2, 3...
is_first_expansion: "Y", // 첫 확장 여부
device_type: "desktop"
}
});6.3 측정 타이밍
| 시점 | 확인 항목 |
|---|---|
| 릴리즈 D+1 | 이벤트 수집 정상 여부, A/B 분기 정상 동작 |
| 릴리즈 D+3 | CTA 클릭률 초기값, 스크롤 도달률 |
| 릴리즈 D+7 | A/B 테스트 중간 점검, Guard Rails 확인 |
| 릴리즈 D+14 | A/B 테스트 종료, Primary 지표 1차 판정 |
| 릴리즈 D+30 | 전환율 최종 측정, Lagging 지표 확인 |
7. 디자인 범위 및 우선순위
Note: 이 에픽은 Flow(노코드 빌더) 사용, 봉희 이사님 디자인 단독 작업
7.1 P0 (필수, MVP)
| 항목 | 설명 | 담당 |
|---|---|---|
| 히어로 섹션 개편 | 광고 분석 중심 메시지 + 스크린샷 | 봉희 |
| 가치 블록 3개 | 광고 진단 / 순이익 번역 / 액션 가이드 | 봉희 |
| Social Proof 섹션 | 셀러 수, 성과 데이터 (정적 값) | 봉희 |
| Final CTA 섹션 | 하단 전환 버튼 | 봉희 |
| 반응형 디자인 | 모바일/태블릿/데스크톱 | 봉희 |
| A/B 테스트 연동 | Hackle 분기 설정 | 윤재 + 봉희 |
7.2 P1 (중요)
| 항목 | 설명 | 담당 |
|---|---|---|
| 정산 분석 연결 섹션 | 기존 정산 기능 안내 + 링크 | 봉희 |
| FAQ 섹션 | AEO 최적화용 Q&A 아코디언 | 봉희 |
| 정산 분석 전용 페이지 | /settlement 페이지 생성 | 봉희 |
| GNB 메뉴 추가 | 광고 분석 / 정산 분석 분리 | 봉희 |
| GA4 이벤트 트래킹 | DataLayer 이벤트 삽입 | 윤재 |
7.3 P2 (선택)
| 항목 | 설명 | 담당 |
|---|---|---|
| AEO 최적화 | Schema.org 마크업 | 윤재 |
| 실제 고객 케이스 | 셀러 인터뷰 후 추가 | 윤재 |
| 애니메이션 효과 | 스크롤 애니메이션 | 봉희 |
| 다국어 지원 | 영문 페이지 | 봉희 |
7.4 콘텐츠 체크리스트
히어로 섹션
- [ ] 메인 헤드라인 (A/B 2개 버전)
- [ ] 서브카피
- [ ] CTA 버튼 텍스트
- [ ] 제품 스크린샷 (Surface Layer)
가치 블록 1: 광고 상태 진단
- [ ] 헤드라인
- [ ] 설명 텍스트
- [ ] Status Badge UI 비주얼
가치 블록 2: 순이익 번역
- [ ] 헤드라인
- [ ] Before/After 비교 비주얼
- [ ] 설명 텍스트
가치 블록 3: 액션 가이드
- [ ] 헤드라인
- [ ] 예시 UI 스크린샷
- [ ] 설명 텍스트
Social Proof
- [ ] 메인 메시지 (A/B 2개 버전)
- [ ] 서브 메시지
- [ ] 숫자 데이터 (정적 값)
FAQ
- [ ] 질문 5개 이상
- [ ] 답변 콘텐츠
8. 의존성 & 제약
기술 의존성
| 의존 항목 | 상태 | 비고 |
|---|---|---|
| Hackle (A/B 테스트) | ✅ 확인됨 | 기존 사용 중 |
| Surface Layer 스크린샷 | S51 완료 후 | 캡처 필요 |
| Phase 2 UI 스크린샷 | E-04 완료 후 | 없으면 목업 사용 |
제약 조건
- 툴: Flow (노코드 빌더)
- 작업: 봉희 이사님 디자인 단독 작업 (FE 개발 불필요)
- 배포: Flow 자체 배포
9. 스토리 목록 (예정)
Epic Spec 승인 후 분해
| Story ID | 제목 | 규모 | 우선순위 | 담당 | 상태 |
|---|---|---|---|---|---|
| E-01-S-01 | 랜딩페이지 전면 개편 (히어로, 가치블록, Social Proof, CTA) | L | P0 | 봉희 | draft |
| E-01-S-02 | 정산 분석 페이지 분리 (/settlement) | M | P1 | 봉희 | draft |
| E-01-S-03 | FAQ 섹션 + GNB 메뉴 추가 | M | P1 | 봉희 | draft |
| E-01-S-04 | GA4 이벤트 트래킹 (DataLayer 삽입) | S | P1 | 윤재 | draft |
| E-01-S-05 | AEO 최적화 (Schema.org 마크업) | S | P2 | 윤재 | draft |
Story Point 추정
| 규모 | Story | 합계 |
|---|---|---|
| L (3pt) | S-01 | 3 |
| M (2pt) | S-02, S-03 | 4 |
| S (1pt) | S-04, S-05 | 2 |
| 총합 | 9 SP |
10. QA 체크리스트
디자인/UI 테스트
히어로 섹션
- [ ] 메인 헤드라인 정확히 표시
- [ ] A/B 테스트 분기 정상 동작 (Hackle)
- [ ] 서브카피 표시
- [ ] CTA 버튼 눈에 띄게 표시
- [ ] 제품 스크린샷 고화질로 로드
- [ ] 모바일에서 적절한 레이아웃
가치 블록
- [ ] 3개 블록 모두 표시
- [ ] 블록별 아이콘/비주얼 정상 표시
- [ ] 스크롤 시 자연스럽게 노출
- [ ] Status Badge (🟢🟡🔴) 색상 정확
- [ ] Before/After 비교 명확히 구분
- [ ] 모바일에서 세로 배치 정상
Social Proof
- [ ] 메시지 A/B 분기 정상 동작
- [ ] 숫자 데이터 정확히 표시
- [ ] 서브 메시지 표시
정산 분석 연결
- [ ] 섹션 정상 표시
- [ ] /settlement 링크 동작
- [ ] 기존 콘텐츠 유지 확인
FAQ
- [ ] 아코디언 열기/닫기 동작
- [ ] 질문 5개 이상 표시
- [ ] 답변 내용 정확
Final CTA
- [ ] 버튼 클릭 시 가입 페이지 이동
- [ ] 버튼 텍스트 명확
GNB
- [ ] 광고 분석 / 정산 분석 메뉴 표시
- [ ] 각 메뉴 링크 정상 동작
- [ ] 모바일 햄버거 메뉴 동작
반응형 테스트
- [ ] 데스크톱 (1920px, 1440px, 1280px)
- [ ] 태블릿 (768px)
- [ ] 모바일 (375px, 360px)
- [ ] 가로 모드 대응
- [ ] 터치 인터랙션 정상
성능 테스트
- [ ] 페이지 로딩 3초 이내 (LCP)
- [ ] 이미지 lazy loading 동작
- [ ] WebP 포맷 적용
- [ ] CLS (레이아웃 이동) 최소화
- [ ] 모바일 Lighthouse 점수 80점 이상
A/B 테스트 검증
- [ ] Hackle 분기 50:50 정상 동작
- [ ] 히어로 메시지 A/B 분기 확인
- [ ] Social Proof 메시지 A/B 분기 확인
- [ ] 분기별 이벤트 파라미터 정확
이벤트 트래킹 테스트
- [ ] view_landing 이벤트 발생
- [ ] click_hero_cta 이벤트 발생
- [ ] view_value_block 이벤트 발생 (블록별)
- [ ] click_final_cta 이벤트 발생
- [ ] click_settlement_link 이벤트 발생
- [ ] expand_faq 이벤트 발생
- [ ] 파라미터 (variant, block_number 등) 정확성
- [ ] GA4 DebugView에서 확인
AEO/SEO 테스트
- [ ] 메타 타이틀 적절
- [ ] 메타 디스크립션 적절
- [ ] OG 태그 정상
- [ ] FAQ Schema.org 마크업 (P2)
- [ ] 페이지 크롤링 가능
엣지 케이스
- [ ] 이미지 로드 실패 → alt 텍스트 표시
- [ ] Hackle 장애 → Control(A) 버전 표시
- [ ] 느린 네트워크 → 스켈레톤/로딩 표시
- [ ] JavaScript 비활성화 → 기본 콘텐츠 표시
정산 분석 페이지 (/settlement)
- [ ] 페이지 정상 접근
- [ ] 기존 정산 관련 콘텐츠 이관 확인
- [ ] GNB에서 링크 동작
- [ ] 메인 랜딩에서 링크 동작
- [ ] 반응형 정상 동작
체크리스트
PO 승인 전 체크
- [x] 문제 정의가 명확한가?
- [x] 비즈니스 로직이 구체적인가?
- [x] 와이어프레임/플로우가 있는가?
- [x] 엣지 케이스가 정의되었는가?
- [x] 성공 지표가 측정 가능한가?
- [x] 기술 의존성이 확인되었는가? (Hackle 사용)
- [ ] 디자인 요청이 완료되었는가? (스프린트 시작 전 예정)
미결 사항
| 항목 | 상태 | 담당 |
|---|---|---|
| 디자인 요청 | 스프린트 시작 전 전달 예정 | 윤재 |
| Social Proof 메시지 | ✅ 확정 (A/B 테스트 2개 버전) | 윤재 |
| Social Proof 용어 | ✅ "순이익" 사용 (장사왕 아이덴티티) | 윤재 |
| 실제 고객 케이스 | ⏳ 셀러 인터뷰 후 확보 예정 | 윤재 |
| 정산 분석 페이지 URL | ✅ 확정 (/settlement) | 윤재 |
승인
| 항목 | 확인 |
|---|---|
| PO 승인 | ✅ |
| 승인일 | 2026-01-20 |
| 비고 | - |
변경 이력
| 날짜 | 변경 내용 | 담당 |
|---|---|---|
| 2026-01-19 | Epic Spec 초안 작성 | 윤재 |
| 2026-01-20 | PO 승인 | 윤재 |
| 2026-01-23 | Notion PRD 수준 상세화 (성공 지표 체계, 이벤트 트래킹 명세, 디자인 범위 분류, QA 체크리스트) | 윤재 |
작성일: 2026-01-19최종 수정: 2026-01-23 (Notion PRD 수준 상세화)
