# InsuRo UX 개선 - 플랜 흐름 설계

**일시**: 2026-03-13
**미팅 모드**: hybrid (1라운드 independent로 합의 도출)
**토론 깊이**: concise (Lv.2)
**참석**: 아테나(UX), 이리스(프론트), 프레이야(프론트), 미미르(UX), 로키(레드팀/DA)

## 안건
InsuRo의 "서비스 안내 → 플랜 적용 → 세부 기능" UX 흐름이 빠져있음. 개선 방향 설계.

## 핵심 합의 (5명 전원 수렴)

### 1. 플랜 선택은 온보딩 초기에 강제하지 않는다
- 보험설계사 타겟은 "돈 내야 해?" 오해로 이탈 위험 (로키)
- IT 리터러시 낮은 사용자에게 조기 장벽은 치명적 (아테나)
- "가치 경험 후 전환" 원칙 적용 (아테나, 프레이야)

### 2. `/pricing` 페이지 신설, 사이드바에 "플랜 & 구독" 메뉴 추가
- 위치: "안내" 바로 아래, AI 마케팅 위 (미미르)
- 안내 페이지 말미에 → /pricing CTA 단방향 연결 (미미르)
- 2-column 카드(무료/프리미엄) + 연간/월간 토글 (프레이야)

### 3. 프리미엄 잠금 UI: 배지+토스트 → Blur Overlay + CTA
- `backdrop-filter: blur(8px)` + "업그레이드하면 이게 됩니다" (프레이야)
- 30초 무료 체험 버튼으로 실제 기능 맛보기 (프레이야)
- 사이드바: PRO 태그 + 흐림 미리보기 (아테나)

### 4. PlanGuard 컴포넌트 신설 (AuthGuard와 분리)
- AuthGuard: 인증만 / PlanGuard: 플랜 tier 체크 (이리스)
- `useUserPlan` hook으로 플랜 정보 캐싱 (이리스)
- 프리미엄 전용 라우트에만 적용

### 5. 플랜 상태 상시 노출
- 사이드바 하단 고정 위젯: 플랜명 + 사용량 1줄 (미미르)
- 대시보드: 플랜 상태 카드 (남은 크레딧 + 갱신일 + 업그레이드 CTA) (미미르)

### 6. 서버사이드 플랜 검증 필수
- 프론트 제한만으로는 DevTools로 10초 우회 (로키)
- 모든 프리미엄 API: 요청마다 user.plan 실시간 조회 (로키)
- JWT 클레임 믿지 말 것, DB 직접 체크 (로키)

### 7. 업그레이드 유도 — 행동 기반 트리거만
- 잠긴 기능 클릭 → blur + CTA (낮음)
- 사용량 한도 도달 → 인라인 배너 (중간)
- 로그인 7일차 → 온보딩 체크리스트 완료 시점 1회 (중간)
- 세션당 최대 2회, 시간 기반 팝업 금지 (프레이야)

## 로키 DA 핵심 경고
- 프론트엔드 전용 제한은 보안이 아님 (난독화일 뿐)
- 플랜 선택을 인트로에서 강제하면 B2C 타겟이 아닌 보험설계사에게 이중 장벽
- 결제 취소 후 JWT 만료 전 접근 가능 → 서버사이드 세션 무효화 필수