네이버플러스스토어 디지털 마케팅 12주 Execution Process를 자동화하는 대시보드 플랫폼.
Braze(CRM) + Appsflyer(어트리뷰션) + 퍼포먼스 광고 + 이커머스 4개 축의 태스크/체크리스트/실행 도구를 통합 관리한다.
| 항목 | 기술 |
|---|---|
| 프레임워크 | Next.js 16 (App Router) + React 19 |
| 언어 | TypeScript |
| 스타일링 | Tailwind CSS 4 |
| UI 컴포넌트 | shadcn/ui (base-ui 기반) |
| 상태 관리 | Zustand 5 + localStorage persist |
| 날짜 처리 | date-fns (ko locale) |
| 아이콘 | lucide-react |
| 패키지 매니저 | npm |
| Gate | 이름 | 기간 |
|---|---|---|
| Gate 1 | 기획/분석 | L-12 ~ L-9 |
| Gate 2 | 전략 수립 | L-9 ~ L-6 |
| Gate 3 | 제작/셋팅 | L-6 ~ D-Day |
| Launching | 런칭 | D-Day ~ D+4w |
| Post Buy | 사후 분석 | D+4w ~ |
| Pillar | 영역 | 주요 도구 |
|---|---|---|
| CRM | 고객 관계 관리 | Braze |
| Ads | 퍼포먼스 광고 | 네이버SA/메타/구글 |
| Attribution | 어트리뷰션 | Appsflyer |
| Ecommerce | 이커머스 | 네이버플러스스토어 |
src/data/ (엑셀 시드 데이터)
↓
src/lib/store.ts (Zustand + localStorage)
↓
Components → useCampaignStore()
| 경로 | 설명 |
|---|---|
/ |
메인 대시보드 (타임라인, 게이트 카드, KPI/예산 개요) |
/gate/[gateId] |
게이트 상세 (4 필러 탭, 태스크 실행 패널) |
/tools |
실행 도구 인덱스 (8개 도구 카드 그리드) |
/tools/[toolId] |
개별 도구 전체 페이지 |
/channels |
채널 & 도구 참조 테이블 |
/integrations |
Braze ↔ Appsflyer ↔ Store 연동 다이어그램 |
/settings |
런치 날짜 설정, 데이터 초기화 |
| # | 도구 | 필러 | 핵심 기능 |
|---|---|---|---|
| 1 | UTM 빌더 | Attribution | 캠페인 URL UTM 파라미터 일괄 생성, 프리셋 소스/미디엄, 복사/CSV |
| 2 | 예산 배분 계산기 | Ads | 총 예산 → 채널별 배분, 클릭/전환/매출 자동 계산 |
| 3 | ROAS 시뮬레이터 | Cross | 예산+CPC/CVR/AOV → ROAS·매출·CPA 시뮬레이션 |
| 4 | CRM 캠페인 플래너 | CRM | 메시지 시퀀스 설계, A/B 테스트, 타임라인, 브리프 생성 |
| 5 | 이벤트 매핑 테이블 | Attribution | 앱 이벤트 ↔ Appsflyer 매핑, 트래킹 스펙 생성 |
| 6 | 쿠폰 전략 플래너 | Ecommerce | 쿠폰 유형/조건 설계, 예산 영향 계산 |
| 7 | 주간 리포트 생성기 | Cross | KPI/예산 집계 → 포맷된 주간 보고서, 마크다운/CSV |
| 8 | QA 검증기 | Cross | UTM/딥링크/이벤트/트래킹 자동 검증, 헬스 스코어 |