테마
Epic Spec: E-11 온보딩 팝업
메타
| 항목 | 값 |
|---|---|
| Epic ID | E-11 |
| Sprint | S52 |
| 상태 | approved |
| PO 승인일 | 2026-01-23 |
| 담당 | 수민 (FE), 봉희 (디자인) |
| 우선순위 | P0 |
1. WHY: 왜 이 기능이 필요한가?
문제 정의
AARRR 분석 결과, 가입 → 연동 전환율이 1.74% (98% 이탈)로 가장 큰 병목 구간이다.
현재 퍼널
┌─────────────────────────────────────────┐
│ 가입 3,645명 → 연동 64명 (1.74%) │
│ ↓ │
│ 연동 후 유료전환 83.33% │
└─────────────────────────────────────────┘
→ 연동이 Aha Moment
→ 연동만 시키면 유료전환은 자연스럽게 따라옴
→ 가입 직후 연동 유도가 핵심현재 문제점
- 가입 완료 후 연동 유도 없이 홈화면으로 이동
- 홈화면은 알림 설정이 메인 → 연동 전 사용자에게 무의미
- 대시보드는 데모 데이터 → "내 것이 아니다" 인식 → 관심 저하
가설
- IF 가입 직후 팝업으로 연동을 유도하면
- THEN 연동 전환율이 1.74% → 20%+ 로 상승할 것이다
- BECAUSE 사용자가 가입 직후 "다음 할 일"을 명확히 인지하기 때문이다
근거 데이터
| 지표 | 수치 | 출처 |
|---|---|---|
| 가입→연동 전환율 | 1.74% | AARRR 분석 (2026-01-22) |
| 연동→유료 전환율 | 83.33% | AARRR 분석 |
| 첫주 이탈률 | 31.8% | 코호트 분석 |
| Aha Moment | 첫 마켓 연동 | 퍼널 분석 |
2. WHAT: 솔루션 개요
핵심 기능
가입 완료 직후 온보딩 팝업 노출
┌─────────────────────────────────────────────────────────────┐
│ │
│ 내 쇼핑몰, 진짜 순이익이 │
│ 얼마인지 확인해보세요 │
│ │
│ ───────────────────────────── │
│ 광고비, 수수료 다 빼고 실제로 남는 돈 │
│ 지금 연동하면 첫 달 100원 │
│ ───────────────────────────── │
│ │
│ ┌─────────────────────────────────────────────────────┐ │
│ │ 지금 연동하기 │ │
│ └─────────────────────────────────────────────────────┘ │
│ │
│ 나중에 할게요 │
│ │
└─────────────────────────────────────────────────────────────┘카피 확정 (2026-01-27)
- 헤드라인: "내 쇼핑몰, 진짜 순이익이 얼마인지 확인해보세요"
- 서브카피: "광고비, 수수료 다 빼고 실제로 남는 돈"
- 혜택: "지금 연동하면 첫 달 100원"
- CTA: "지금 연동하기"
- Secondary: "나중에 할게요"
동작 규칙
| 항목 | 규칙 |
|---|---|
| 노출 시점 | 회원가입 완료 직후 |
| 노출 조건 | 연동된 마켓이 0개인 사용자 |
| 재노출 | 연동 완료 전까지 매 로그인 시 |
| "지금 연동하기" 클릭 | 마켓 연동 플로우로 이동 |
| "나중에 할게요" 클릭 | 팝업 닫힘 → AS-IS 홈화면 |
| 연동 완료 시 | 첫결제 100원 쿠폰 자동 발급 (FIRST100) |
쿠폰 발급 로직
[첫결제 100원 쿠폰 발급 조건]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
트리거: 첫 번째 마켓 연동 완료 시점
발급 조건:
1. 연동된 마켓이 0개 → 1개가 되는 시점
2. FIRST100 쿠폰 미발급 상태
3. 유료 결제 이력 없음 (Trial/Free 사용자)
쿠폰 스펙:
• 코드: FIRST100 (시스템 자동 발급)
• 유형: 정액 할인 (109,900원)
• 결과: 첫 달 100원 결제
• 유효기간: 발급일로부터 30일
• 사용 조건: 첫 결제에만 적용
발급 플로우:
┌─────────────────────────────────────────────────────────────┐
│ [마켓 연동 완료] │
│ ↓ │
│ [연동 마켓 수 체크: 0개 → 1개?] │
│ ↓ Yes │
│ [FIRST100 쿠폰 발급 여부 체크] │
│ ↓ 미발급 │
│ [쿠폰 자동 발급] + [알림 표시] │
│ ↓ │
│ "🎁 첫결제 100원 쿠폰이 발급되었어요!" │
└─────────────────────────────────────────────────────────────┘
※ E-07 쿠폰 시스템과 연동
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━범위
In Scope:
- 팝업 UI 개발
- 노출 조건 로직
- 이벤트 측정
Out of Scope (다음 스프린트):
- "나중에" 선택 후 경험 개선
- 데모 데이터 변경
- 홈화면 전면 개편
3. HOW: 상세 설계
팝업 UI 스펙
[팝업 구조]
┌─────────────────────────────────────────────────────────────┐
│ │
│ ┌─────────────────────────────────────────────────────┐ │
│ │ [순이익 일러스트] │ │
│ └─────────────────────────────────────────────────────┘ │
│ │
│ 내 쇼핑몰, 진짜 순이익이 │ ← 헤드라인
│ 얼마인지 확인해보세요 │
│ │
│ ───────────────────────────── │
│ 광고비, 수수료 다 빼고 실제로 남는 돈 │ ← 서브카피 (가치)
│ 지금 연동하면 첫 달 100원 │ ← 혜택
│ ───────────────────────────── │
│ │
│ ┌─────────────────────────────────────────────────────┐ │
│ │ 지금 연동하기 │ │ ← Primary CTA
│ └─────────────────────────────────────────────────────┘ │
│ │
│ 나중에 할게요 │ ← Secondary (텍스트 링크)
│ │
└─────────────────────────────────────────────────────────────┘
[디자인 가이드]
• 팝업 타입: 센터 모달 (권장)
• Primary CTA: 강조 버튼 (브랜드 컬러)
• Secondary: 텍스트 링크 (회색, 작은 폰트)
• 배경: 딤드 처리
• 닫기: X 버튼 없음 (반드시 선택하도록)
• 혜택 강조: "첫 달 100원" 부분 강조 (볼드 또는 컬러)플로우
[가입 완료]
│
▼
[연동 마켓 확인] ─── 1개 이상 ──→ 팝업 미노출
│
└── 0개 ──→ [온보딩 팝업 노출]
│
┌───────────┴───────────┐
▼ ▼
[연동하기 클릭] [나중에 클릭]
│ │
▼ ▼
마켓 연동 플로우 AS-IS 홈화면
[재방문 시 - 로그인 완료]
│
▼
[연동 마켓 확인] ─── 1개 이상 ──→ 팝업 미노출 → 홈화면
│
└── 0개 ──→ [온보딩 팝업 노출]API/데이터
[체크 로직]
GET /api/user/vendors
→ vendors.length === 0 이면 팝업 노출
[상태 저장 (불필요)]
→ 재노출 조건이 "연동 전까지 매번"이므로 별도 상태 저장 불필요
→ 연동 여부만 체크하면 됨4. 측정
GA4 이벤트
| 이벤트명 | 트리거 | 파라미터 |
|---|---|---|
view_onboarding_popup | 팝업 노출 | user_id, source (signup/login) |
click_onboarding_connect | "연동하기" 클릭 | user_id |
click_onboarding_later | "나중에" 클릭 | user_id |
성공 지표
| 지표 | Before | Target | 측정 방법 |
|---|---|---|---|
| 연동 전환율 | 1.74% | 20%+ | 연동 완료 / 가입 |
| 팝업 → 연동 시작 | - | 30%+ | click_connect / view_popup |
| 첫주 이탈률 | 31.8% | 25% 이하 | 코호트 분석 |
5. 스토리 목록
| Story ID | 제목 | 규모 | 담당 | 의존성 |
|---|---|---|---|---|
| E-11-S-01 | 온보딩 팝업 UI 컴포넌트 | S | FE | 디자인 |
| E-11-S-02 | 팝업 노출 조건 로직 | S | FE | - |
| E-11-S-03 | GA4 이벤트 연동 | S | FE | S-01 |
| E-11-S-04 | 연동 완료 시 FIRST100 쿠폰 자동 발급 | S | BE | E-07 쿠폰 시스템 |
총 예상 공수: 2-3일
의존성
[디자인] 팝업 시안
│
▼
[FE] S-01 UI 컴포넌트
│
├──→ S-02 노출 조건
│
└──→ S-03 이벤트 연동
[BE] E-07 쿠폰 시스템
│
▼
[BE] S-04 FIRST100 쿠폰 자동 발급
│
└──→ S-03 이벤트 연동6. 디자인 요청
| 항목 | 내용 |
|---|---|
| 요청 대상 | 온보딩 팝업 시안 |
| 톤앤매너 | 간결하고 친근한 안내 |
| 필수 요소 | 헤더 카피, 연동하기 버튼, 나중에 텍스트 |
| 선택 요소 | 일러스트/아이콘 (선택) |
| 참고 | 간결한 액션 유도형 팝업 |
7. 체크리스트
PO 승인 전 체크
- [x] 문제 정의가 명확한가?
- [x] 솔루션이 구체적인가?
- [x] 성공 지표가 측정 가능한가?
- [x] 스코프가 명확한가?
승인
| 항목 | 확인 |
|---|---|
| PO 승인 | ✅ |
| 승인일 | 2026-01-23 |
변경 이력
| 날짜 | 변경 내용 | 담당 |
|---|---|---|
| 2026-01-23 | Epic Spec 초안 작성 | 윤재 |
| 2026-01-27 | 팝업 카피 확정 (서비스 가치 + 혜택), 쿠폰 발급 로직 추가 | 윤재 |
작성일: 2026-01-23최종 수정: 2026-01-27