定期更新客戶案例頁面 SOP

版本：v1.0 | 建立：2026-05-17 | 狀態：有效對應官網區塊：index.html → #cases → .cases-grid LEG-1 合規：所有案例必須去識別化，無真實姓名／公司名／可識別資訊

觸發條件（任一成立即執行）

觸發類型	條件
定期觸發	每季末（3 / 6 / 9 / 12 月底）
數量觸發	`knowledge/cases/` 自上次更新後新增 ≥ 3 個案例
品質觸發	Tim 主動要求更新，或發現現有卡片有更好的替代案例

執行步驟

Step 1：盤點 CRM 案例

# 列出所有案例檔案（按日期排序）
ls knowledge/cases/*.md

對照上次執行日期（見本文件底部「執行記錄」），確認哪些是新增案例。

Step 2：P-type 缺口分析

讀取每個新案例的 ## 基本標籤 → P-type，對比現有官網 #cases 的 P-type 分布：

⚠️ 映射 2026-06-16 重新校準（RCF-088 / 裁定 A）：對外名稱已對齊 career-problem-patterns.md SoT（舊 Layer-1 名「紙上英雄型/迷航型…」已淘汰）；卡片 P-type 指派依「以卡關階段定型」原則重判（修正既有 7/9 誤判，如 Card 01/02 履歷階段→石沉型非未譯型、Card 09 管理可見度→未譯型非未定價型）。官網 .case-ptype 角標即依本表。

P-type	對外名稱	現有卡片
P1	石沉型	Card 01（律師/RBS）+ Card 02（理工碩士）
P2	未定向型	Card 03（醫療→科技業務）+ Card 04（空白期）+ Card 07（四選一困境）
P3	未譯型	Card 05（跨產業敘事）+ Card 09（晉升困局/管理語言）
P4	未定價型	（目前無對應卡片）
P5	內耗型	Card 06（完美主義癱瘓）
P6	未啟動型	Card 08（軍校退伍→銀行）

篩選標準：

優先：有空缺 P-type 且新案例 可直接使用的方式 → 網站案例更新：是
次選：現有 P-type 但新案例故事明顯更有力（有明確轉折時刻 + 具體介入方法）
排除：網站案例更新：否（後續成果未知） 但介入邏輯特別鮮明的案例仍可考慮（A1 格式描述的是諮詢過程的洞察，不需要確認後續成果）

Step 3：起草新卡片文字

每張卡片使用以下格式（對照 index.html 現有結構）：

case-tag：[職涯情境・關鍵詞]（10字內）
case-title：[一句吸引人的標題，抓住問題核心]（15-25字）
case-body：[80-100字第三人稱描述：情境→顧問介入→關鍵轉折]
case-result：[10-15字成果句，描述認知或行動轉變，不必是最終結果]
case-bg-num：[下一個序號，兩位數]

好卡片的三個要素：

痛點具名：讀者看第一句就認出「這是我的問題」
介入可見：清楚說出「顧問做了什麼」（框架 / 比喻 / 反問 / 重新命名）
轉折具體：有一個「這才是真正問題」的翻轉時刻

Step 4：Grid 數量管理

目前：9 張（3×3 完美）

新增原則：

每次新增以 3 的倍數 為目標（3 → 6 → 9 → 12）
若只有 1-2 張高品質案例，可選擇替換現有較弱的卡片而非新增

Step 5：插入 HTML

在 index.html 的 .cases-grid 最後一張卡片之後、</div> 關閉標籤之前插入：

      <div class="case-card reveal">
        <span class="case-tag">[case-tag]</span>
        <h3 class="case-title">[case-title]</h3>
        <p class="case-before">真正的問題：</p>
        <p class="case-body">[case-body]</p>
        <p class="case-result">[case-result]</p>
        <span class="case-bg-num">[case-bg-num]</span>
      </div>

若 card 總數超過 9，補充 CSS stagger（目前已定義至 nth-child(9)）：

.cases-grid .case-card:nth-child(10) { transition-delay: .72s; }
.cases-grid .case-card:nth-child(11) { transition-delay: .80s; }
.cases-grid .case-card:nth-child(12) { transition-delay: .88s; }

CSS stagger 位置：index.html /* ── STAGGERED CARD REVEAL ── */ 區塊。

Step 6：Build + 部署

# 切換到官網目錄
cd "C:\Users\USER\Desktop\職涯停看聽_網站"

# Step 1：Build 驗證
npm run build

# Step 2：版本控制
git add index.html
git commit -m "content: 新增客戶案例卡片 [描述]"
git push

# Step 3：部署
npx vercel --prod

Step 7：更新記錄

在本文件底部「執行記錄」填入本次執行日期 + 新增卡片摘要，並更新 dev/tasks.md 中 P2 任務的 last_run 備注。

執行記錄

日期	新增卡片	執行人
2026-05-17	Card 07（P2迷航型，四選一困境）+ Card 08（P6起跑焦慮型，軍校退伍→銀行）+ Card 09（P4晉升困局，業績破百萬升不了經理）	Claude