# InsuRo 사이트 디자인 전체 감사 — Phase 1

## 목표
InsuRo 사이트의 현재 디자인 상태를 전체 감사하고, 프리미엄 SaaS 수준으로 업그레이드하기 위한 방향과 우선순위를 도출한다.

## 프로젝트 정보
- 경로: `/home/jay/projects/InsuRo/`
- 기술 스택: React + react-router-dom, shadcn/ui, Tailwind CSS, Supabase
- 현재 폰트: Pretendard
- 현재 톤: 골드 PREMIUM 배지, 보험/금융 SaaS

## ⚠️ 절대 주의: 프리미엄 미완성 디자인 보존
**일부 기능은 의도적으로 미완성처럼 보이게 만들어져 있다.**
- premiumOnly 기능들의 "미완성" 시각적 처리는 **맥스플랜 가입 유도 장치**
- 이 부분은 "의도적 설계"로 분류하여 개선 대상에서 **제외**
- 감사 보고서에 별도 섹션으로 "의도적 미완성 기능 목록" 정리

## 감사 범위

### 1. 페이지별 디자인 현황 분석
- 모든 주요 페이지 순회하며 현재 디자인 상태 평가
- 각 페이지별 스크린샷 or 구조 분석
- 디자인 품질 점수 (10점 만점)

### 2. 디자인 일관성 검토
- 컬러 팔레트 사용 현황 (일관성 여부)
- 타이포그래피 (폰트 사이즈, 웨이트, 라인하이트 통일 여부)
- 컴포넌트 스타일 (버튼, 카드, 인풋, 모달 등 일관성)
- 간격/패딩 시스템 (일관성 여부)
- 아이콘 스타일 통일 여부

### 3. UX 문제점 진단
- 정보 계층구조 (시각적 우선순위)
- CTA 배치/효과성
- 빈 상태(empty state) 처리
- 로딩 상태 처리
- 에러 상태 처리
- 반응형 (모바일/태블릿) 대응

### 4. 프리미엄 SaaS 레퍼런스 대비 격차
- 동종 업계(보험/금융 SaaS) 레퍼런스 비교
- 현대적 SaaS 디자인 트렌드 대비 격차
- 개선 시 예상 효과

### 5. 전환율(CRO) 관점 진단
- 주요 전환 경로 (가입→구독→활성화) 디자인 효과성
- 랜딩/온보딩 페이지 디자인 품질
- 유료 전환 유도 디자인 효과성

## 산출물
1. **페이지별 현황 분석표**: 각 페이지 디자인 점수 + 주요 문제점
2. **디자인 일관성 보고**: 컬러/타이포/컴포넌트/간격 현황
3. **UX 문제점 목록**: 심각도별 분류 (Critical/Major/Minor)
4. **의도적 미완성 기능 목록**: premiumOnly 미완성 디자인 기능 정리
5. **개선 우선순위 로드맵**: 임팩트×난이도 매트릭스
6. **프리미엄 SaaS 레퍼런스 격차 분석**
7. 보고서: `/home/jay/workspace/memory/reports/` 에 저장

## 참조 스킬/문서
- frontend-design 스킬 원칙 적용
- Supanova 디자인 원칙: `/home/jay/workspace/memory/specs/knowhow-design.md`
- page-cro 분석 관점 포함
- task-1362.1 보고서 (메뉴 구조 분석): `/home/jay/workspace/memory/reports/task-1362.1.md`

## 주의사항
- **코드 변경 금지** — 분석/감사/보고만 수행
- 제이회장님 승인 후 Phase 2(디자인 시스템 정립), Phase 3(페이지별 리디자인)으로 순차 진행
- task-1363.1 (하이브리드 네비게이션)은 이미 구현 완료 → 머지 후 통합 고려