# 知識型商品 CRM Prototype 規劃
## 針對銷售期刊、研究報告、研究專案的顧問公司

## 📊 市場調研：知識型商品銷售 CRM 特點

### 常見知識型商品供應商參考
1. **Gartner** - IT 研究報告、魔力象限、訂閱制
2. **Forrester** - 市場研究、產業分析、諮詢服務
3. **IDC** - 科技市場數據、預測報告、客製研究
4. **McKinsey Insights** - 管理顧問報告、產業趨勢
5. **Statista** - 統計資料庫、市場報告、訂閱
6. **Nielsen / Kantar** - 消費者研究、市場調查
7. **Emergen Research / Grand View** - 產業研究、市場規模分析

### 知識型商品特殊需求（vs 一般 SaaS 或實體商品）
- ✅ **產品型錄管理**：期刊、報告、專案套餐的分類與版本
- ✅ **訂閱制計費**：年度/季度/月度訂閱、自動續約
- ✅ **分層定價**：基礎版、專業版、企業授權
- ✅ **內容交付**：PDF 下載、線上平台存取、API 串接
- ✅ **使用追蹤**：下載次數、閱讀時間、熱門內容
- ✅ **授權管理**：單用戶 vs 企業多席位、IP 限制
- ✅ **客製研究**：客戶委託的專屬研究專案
- ✅ **續約管理**：到期提醒、續約率、流失預警
- ✅ **追加銷售**：舊客戶購買新報告、升級訂閱方案

---

## 🎯 知識型商品 CRM Prototype 功能規劃

### **核心模組**

#### 1️⃣ **客戶管理 (Clients)**
- **企業客戶資料**：公司名稱、產業、規模、國家/地區
- **聯絡人管理**：決策者、使用者、採購、財務聯絡人
- **客戶分級**：A/B/C 級客戶、潛在客戶、流失客戶
- **互動歷史**：電話記錄、郵件往來、會議筆記
- **標籤系統**：產業標籤（金融、科技、製造）、需求標籤（市場研究、競爭分析）

#### 2️⃣ **產品型錄 (Product Catalog)**
- **期刊訂閱**：
  - 月刊 / 季刊 / 年刊
  - 產業別分類（科技、醫療、金融、能源）
  - 訂閱方案（基礎版、專業版、企業版）
  - 單用戶 vs 多席位授權
- **研究報告**：
  - 單次購買報告（PDF / 線上閱讀）
  - 報告包（主題套裝）
  - 版本管理（2024 Q1、2025 預測版）
  - 定價分層（摘要免費、完整版付費、數據包加購）
- **客製研究專案**：
  - 專屬委託研究
  - 市場調查專案
  - 競爭對手分析
  - 顧問諮詢時數包

#### 3️⃣ **商機管道 (Sales Pipeline)**
- **銷售階段**：
  1. **潛在客戶** - 初步接觸、需求探詢
  2. **需求確認** - 了解客戶研究需求、預算範圍
  3. **產品展示** - 報告樣本、試閱權限、Demo
  4. **報價階段** - 發送報價單、價格協商
  5. **合約審核** - 法務審閱、條款確認
  6. **成交簽約** - 訂單成立、付款
  7. **交付與續約** - 內容交付、續約追蹤
- **商機資訊**：預期金額、成交機率、預計簽約日、負責業務
- **產品組合**：此商機包含哪些報告 / 訂閱 / 專案

#### 4️⃣ **報價與合約 (Quotes & Contracts)**
- **報價單生成**：
  - 產品選擇器（從型錄拖曳）
  - 數量與授權席位
  - 折扣與優惠碼
  - 多幣別支援（USD / EUR / CNY）
  - 自動計算總價、稅金
- **合約管理**：
  - 合約範本庫
  - 電子簽章整合
  - 合約到期提醒
  - 自動續約條款

#### 5️⃣ **訂閱與授權管理 (Subscriptions & Licenses)**
- **訂閱狀態**：
  - 試用中、有效、已過期、已取消
  - 自動續約 vs 手動續約
  - 到期前 90/60/30 天提醒
- **授權控制**：
  - 用戶帳號管理（email 白名單）
  - IP 限制（企業網段）
  - 下載次數限制
  - 同時在線人數
- **使用分析**：
  - 哪些報告最常被下載
  - 用戶活躍度（日活 / 月活）
  - 內容偏好分析

#### 6️⃣ **內容交付與存取 (Content Delivery)**
- **交付方式**：
  - PDF 電子郵件發送
  - 線上平台帳號開通
  - API 存取金鑰
  - FTP / 雲端硬碟共享
- **存取記錄**：
  - 下載日期與時間
  - 閱讀裝置（桌面 / 行動）
  - 停留時間與頁數
- **通知機制**：
  - 新報告發布通知
  - 更新版本提醒
  - 個人化推薦

#### 7️⃣ **客製研究專案管理 (Custom Research Projects)**
- **專案看板**：待啟動、進行中、審核中、已交付
- **里程碑追蹤**：提案、資料收集、初稿、終稿
- **交付物管理**：簡報檔、數據檔、影片連結
- **專案溝通**：客戶回饋、修改請求、驗收簽核

#### 8️⃣ **報表分析 (Analytics Dashboard)**
- **營收報表**：
  - 本月/本季/本年營收（訂閱 vs 單次購買 vs 客製專案）
  - 新客戶營收 vs 續約營收
  - 地區別 / 產業別營收分佈
- **銷售漏斗**：
  - 各階段商機數量與金額
  - 轉化率分析
  - 平均成交週期
- **產品績效**：
  - 暢銷報告 Top 10
  - 訂閱方案佔比
  - 客製專案成交率
- **客戶分析**：
  - 客戶生命週期價值 (LTV)
  - 續約率 / 流失率
  - 追加購買率 (Upsell)
  - NPS 淨推薦值
- **業務績效**：
  - 個人業績排行
  - 成交商機數
  - 平均訂單金額

#### 9️⃣ **續約與客戶成功 (Renewals & Customer Success)**
- **續約提醒系統**：
  - 自動化工作流程（到期前提醒、報價單發送）
  - 續約機率評分（基於使用頻率、互動記錄）
- **客戶健康度監測**：
  - 紅色（流失風險）、黃色（需關注）、綠色（健康）
  - 基於：登入頻率、下載次數、回覆速度
- **升級與交叉銷售**：
  - 推薦相關報告
  - 訂閱升級建議（基礎版 → 專業版）
  - 追加席位提醒

#### 🔟 **發票與財務 (Invoicing & Finance)**
- **開立發票**：
  - 訂閱自動開立（年度 / 季度 / 月度）
  - 單次購買手動開立
  - 分期付款專案
- **收款追蹤**：
  - 已付款 / 逾期未付 / 部分付款
  - 逾期提醒自動化
  - 應收帳款報表
- **財務報表**：
  - 現金流預測
  - 應收帳款帳齡分析
  - 訂閱 MRR / ARR（月度 / 年度經常性收入）

---

## 🖼️ Prototype 頁面架構

### **A. 儀表板 (Dashboard)**
- **營收概覽卡片**：
  - 本月營收（vs 上月成長率）
  - MRR（月度經常性收入）、ARR（年度經常性收入）
  - 訂閱營收 vs 單次購買 vs 客製專案佔比
- **關鍵指標**：
  - 即將到期訂閱數量（30 天內）
  - 待跟進商機
  - 本月新客戶數
  - 客戶健康度分佈（紅/黃/綠）
- **快速動作**：
  - 新增商機
  - 發送報價單
  - 查詢報告
- **圖表區**：
  - 本月營收長條圖（已完成）
  - 銷售漏斗（已完成）
  - 業務排行榜（已完成）

### **B. 客戶列表 (Clients List)**
- **表格視圖**：
  - 客戶名稱 | 產業 | 當前訂閱 | 續約日期 | 健康度 | 負責業務
  - 排序：名稱、營收、最後互動日期
  - 篩選：產業、客戶分級、訂閱狀態、地區
- **搜尋列**：全文搜尋（公司名稱、聯絡人、產品）
- **批次操作**：匯出清單、發送群組郵件、標籤管理

### **C. 客戶詳細頁 (Client Profile)**
- **左側欄**：
  - 基本資料（公司、產業、規模、地址）
  - 聯絡人清單（姓名、職稱、email、電話）
  - 客戶標籤與備註
- **中央時間軸**：
  - 互動記錄（郵件、電話、會議、報告交付）
  - 訂閱歷史（開始日、到期日、續約記錄）
  - 購買記錄（報告清單、金額、日期）
- **右側面板**：
  - 當前訂閱狀態（產品、授權數、到期日）
  - 進行中的商機
  - 客製專案進度
  - 未付款發票
- **標籤頁**：
  - 概覽 | 商機 | 訂閱 | 報告 | 專案 | 發票 | 文件 | 活動記錄

### **D. 產品型錄 (Product Catalog)**
- **分類導覽**：
  - 期刊訂閱 | 研究報告 | 客製專案
  - 依產業篩選（科技、醫療、金融、能源、製造）
- **產品卡片**：
  - 產品名稱與描述
  - 定價方案（基礎/專業/企業）
  - 最近更新日期
  - 銷售數量與評分
- **快速動作**：
  - 加入報價單
  - 查看樣本
  - 發送給客戶

### **E. 商機管道看板 (Pipeline Kanban)**
- **拖拉式看板**（7 個階段欄位）
- **商機卡片顯示**：
  - 客戶名稱
  - 產品組合（期刊 + 3 份報告）
  - 預期金額
  - 預計簽約日
  - 負責業務頭像
- **快速編輯**：點擊卡片展開編輯面板
- **篩選器**：依業務、產業、金額範圍、預計簽約日

### **F. 報價單編輯器 (Quote Builder)**
- **客戶選擇器**：搜尋並選擇客戶
- **產品選擇區**：
  - 從型錄拖曳產品到購物車
  - 調整數量、授權席位
  - 選擇訂閱週期（月/季/年）
- **定價計算**：
  - 小計
  - 折扣（百分比 / 固定金額）
  - 稅金（依地區自動計算）
  - 總計
- **其他設定**：
  - 報價有效期
  - 付款條件
  - 備註說明
- **動作按鈕**：儲存草稿 | 預覽 | 發送郵件 | 轉為合約

### **G. 訂閱管理頁 (Subscriptions)**
- **訂閱列表**：
  - 客戶名稱 | 訂閱產品 | 開始日期 | 到期日 | 狀態 | 授權數 | MRR
- **狀態標籤**：
  - 🟢 有效
  - 🟡 即將到期（30 天內）
  - 🔴 已過期
  - ⚪ 試用中
- **批次續約提醒**：選擇多個即將到期的訂閱，一鍵發送續約郵件
- **篩選與排序**：依到期日、MRR、產品類型

### **H. 研究報告庫 (Reports Library)**
- **報告列表**：
  - 報告標題 | 產業 | 發布日期 | 頁數 | 銷售數 | 下載數
- **搜尋與篩選**：
  - 關鍵字全文搜尋
  - 產業 / 主題標籤
  - 發布年份
  - 免費 vs 付費
- **報告卡片**：
  - 封面縮圖
  - 摘要
  - 定價
  - 試閱按鈕 / 購買按鈕
- **內部功能**：
  - 上傳新報告
  - 編輯報告資訊
  - 設定存取權限

### **I. 客製專案看板 (Custom Projects)**
- **看板視圖**：待啟動 | 進行中 | 審核中 | 已交付
- **專案卡片**：
  - 客戶名稱
  - 專案名稱（簡稱）
  - 預算金額
  - 預計交付日
  - 專案負責人
- **專案詳細頁**：
  - 專案概述（需求、範圍、目標）
  - 里程碑時間軸
  - 交付物清單（檔案上傳）
  - 客戶溝通記錄
  - 驗收簽核

### **J. 報表分析頁 (Analytics)**
- ✅ **已完成 wireframe**：
  - 本月營收長條圖
  - 銷售漏斗
  - 業務排行榜
- **待擴充圖表**：
  - 營收趨勢折線圖（6 個月）
  - 訂閱 MRR/ARR 堆疊圖
  - 產品銷售佔比圓餅圖
  - 地區別營收地圖
  - 客戶續約率曲線
  - 流失率與流失原因分析
- **互動篩選器**：
  - 日期範圍選擇器
  - 產業 / 產品 / 業務篩選
  - 匯出 PDF / Excel

### **K. 發票與收款 (Invoicing)**
- **發票列表**：
  - 發票編號 | 客戶 | 金額 | 開立日期 | 到期日 | 狀態
- **狀態標籤**：
  - 已付款 ✅
  - 待付款 🕐
  - 逾期 ⚠️
  - 部分付款 🔶
- **快速動作**：
  - 發送催款郵件
  - 標記為已付款
  - 下載 PDF
  - 重新發送發票
- **財務報表**：
  - 應收帳款總額
  - 逾期金額
  - 本月收款
  - 現金流預測

---

## 🎨 設計系統建議

### **配色方案**
- **主色：** 深藍 / 專業綠（知識、信任）
- **輔助色：** 橙色（提醒）、灰藍（中性）
- **狀態色：**
  - 成功：綠色
  - 警告：黃色
  - 風險：紅色
  - 中立：灰色

### **圖示與元素**
- **Material Icons** 或 **Heroicons**
- **卡片式設計**：白色卡片 + 陰影
- **數據視覺化**：Chart.js / ECharts

### **字型**
- **中文：** Noto Sans TC / 微軟正黑體
- **英文 / 數字：** Inter / Roboto

---

## 🚀 下一步：Prototype 開發優先順序

### **Phase 1：核心銷售功能 MVP（2-3 週）**
1. ✅ 報表頁 Wireframe（已完成）
2. **儀表板首頁** - 營收概覽、關鍵指標、圖表整合
3. **產品型錄** - 期刊、報告、專案分類與卡片展示
4. **客戶列表與詳細頁** - 基本資料、互動歷史、訂閱狀態
5. **商機管道看板** - 7 階段拖拉式看板
6. **報價單編輯器** - 產品選擇、定價計算、發送

### **Phase 2：訂閱與交付功能（3-4 週）**
7. **訂閱管理頁** - 訂閱列表、續約提醒、健康度監測
8. **研究報告庫** - 報告搜尋、試閱、下載追蹤
9. **內容交付系統** - PDF 發送、線上平台存取
10. **客製專案看板** - 專案追蹤、里程碑、交付物管理
11. **合約與電子簽章** - 合約範本、簽署流程

### **Phase 3：財務與分析優化（2-3 週）**
12. **發票與收款管理** - 自動開立、逾期提醒、收款追蹤
13. **報表分析進階** - MRR/ARR 圖表、續約率、流失分析
14. **客戶健康度儀表板** - 風險預警、升級機會
15. **使用數據分析** - 下載次數、熱門內容、用戶活躍度

### **Phase 4：自動化與整合（2 週）**
16. **郵件整合** - Gmail / Outlook 同步
17. **自動化工作流程** - 續約提醒、到期通知、生日祝福
18. **權限管理** - 角色設定（管理員、業務、客服、檢視者）
19. **行動版 RWD** - 響應式設計優化
20. **API 整合** - 會計系統、郵件行銷、BI 工具

---

## 📌 技術建議

### **前端**
- **框架：** React / Next.js
- **UI 庫：** Tailwind CSS + Shadcn/ui
- **狀態管理：** Zustand / Redux Toolkit
- **圖表：** Chart.js / Recharts / ECharts

### **後端**
- **語言：** Node.js (Express) / Python (FastAPI)
- **資料庫：** PostgreSQL（已安裝）
- **認證：** JWT + OAuth 2.0
- **API：** RESTful / GraphQL

### **部署**
- **環境：** Oracle Cloud VM（當前環境）
- **容器化：** Docker + Docker Compose
- **反向代理：** Caddy（已配置）
- **CI/CD：** GitHub Actions

---

**需要我開始設計哪個頁面的 Prototype？**
1. 儀表板首頁
2. 客戶列表
3. 商機管道看板
4. 提案編輯器
5. 專案管理看板