|
<!doctype html> |
|
<html lang="zh-Hant"> |
|
<head> |
|
<meta charset="utf-8"> |
|
<meta name="viewport" content="width=device-width, initial-scale=1"> |
|
<title>客戶策略簡報與提案產線控制台</title> |
|
<style> |
|
:root{--ink:#121417;--paper:#f3f0e8;--panel:#fffaf0;--line:#20242a;--blue:#1f5d86;--red:#b63a2d;--green:#1f7454;--gold:#b77715;--muted:#65696f} |
|
*{box-sizing:border-box}body{margin:0;background:linear-gradient(90deg,rgba(31,93,134,.08) 1px,transparent 1px) 0 0/36px 36px,linear-gradient(rgba(18,20,23,.05) 1px,transparent 1px) 0 0/36px 36px,var(--paper);color:var(--ink);font-family:ui-serif,Georgia,"Times New Roman",serif} |
|
header{min-height:86vh;display:grid;grid-template-columns:1.08fr .92fr;gap:34px;align-items:end;padding:56px clamp(20px,5vw,82px) 42px;border-bottom:3px solid var(--line)} |
|
h1{font-size:clamp(46px,8vw,112px);line-height:.88;margin:18px 0 22px;letter-spacing:0}.tag{display:inline-block;background:var(--ink);color:var(--paper);padding:8px 12px;border:2px solid var(--line);font:800 13px ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase}.lead{font-size:clamp(18px,2vw,27px);line-height:1.38;max-width:820px;color:#303238} |
|
.board{border:3px solid var(--line);background:var(--panel);box-shadow:12px 12px 0 var(--line);padding:20px;display:grid;gap:14px}.stat{border:2px solid var(--line);background:#fff;padding:15px}.stat b{display:block;font:900 48px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.stat span{font:800 12px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--muted);text-transform:uppercase} |
|
main{padding:32px clamp(18px,4vw,64px) 78px}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}section{background:rgba(255,250,240,.94);border:2px solid var(--line);padding:20px}.span-12{grid-column:span 12}.span-8{grid-column:span 8}.span-6{grid-column:span 6}.span-4{grid-column:span 4} |
|
h2{margin:0 0 14px;font-size:29px;line-height:1}p,li{line-height:1.55}.small{font-size:14px;color:var(--muted)} |
|
.flow{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.step,.action{border:2px solid var(--line);background:#fff;padding:14px;min-height:142px}.step b{display:block;font:900 18px ui-monospace,SFMono-Regular,Menlo,monospace;margin-bottom:8px} |
|
table{width:100%;border-collapse:collapse;background:#fff}th,td{border:1px solid var(--line);padding:10px;text-align:left;vertical-align:top}th{background:#e4edf3;font-family:ui-monospace,SFMono-Regular,Menlo,monospace} |
|
.badge{display:inline-block;border:2px solid var(--line);padding:5px 9px;background:#fff;font:800 12px ui-monospace,SFMono-Regular,Menlo,monospace}.green{background:var(--green);color:#fff}.gold{background:var(--gold);color:#fff}.blue{background:var(--blue);color:#fff}.red{background:var(--red);color:#fff} |
|
.actions{display:grid;grid-template-columns:repeat(3,1fr);gap:12px} |
|
@media(max-width:900px){header,.flow,.actions{grid-template-columns:1fr}.span-4,.span-6,.span-8,.span-12{grid-column:span 12}h1{font-size:52px}} |
|
</style> |
|
</head> |
|
<body> |
|
<header> |
|
<div> |
|
<span class="tag">Customer Strategy Proposal Pipeline</span> |
|
<h1>不是做一份簡報,是做一條能成交的提案產線。</h1> |
|
<p class="lead">本控制台把「第一版能用於客戶會議的策略提案」拆成 production workflow:客戶情境輸入、策略假設、提案/簡報生成、會議使用、採用證據回填、下一版任務。目標是在 30 天內讓墨宇產品負責人能拿去見客戶,並讓 CEO 決策窗口能判斷續行或升級系統。</p> |
|
</div> |
|
<aside class="board"> |
|
<div class="stat"><span>D30 Answer</span><b>1+3+1</b><p>1 個可開成果、3+ action items、1 次真實客戶會議/回填證據。</p></div> |
|
<div class="stat"><span>D7 Output</span><b>3 件</b><p>提案模板、資料模型、驗收清單。</p></div> |
|
<div class="stat"><span>Money Path</span><b>會議→提案→成交</b><p>縮短準備時間,提高客戶策略對齊與下一步承諾率。</p></div> |
|
</aside> |
|
</header> |
|
<main> |
|
<div class="grid"> |
|
<section class="span-12"> |
|
<h2>D1 / D7 / D14 / D30</h2> |
|
<div class="flow"> |
|
<div class="step"><b>D1</b>定義會議提案 North Star、客戶資料輸入欄位、提案必備頁、owner 與 due。</div> |
|
<div class="step"><b>D7</b>完成第一版客戶會議提案包:策略頁、問題診斷、方案選項、商務 CTA。</div> |
|
<div class="step"><b>D14</b>至少用於 1 次內部 rehearsal 或真實客戶會議,回填 objections 與下一步。</div> |
|
<div class="step"><b>D30</b>依採用證據決定續行/暫停/換 owner/升級成 proposal workflow app。</div> |
|
<div class="step"><b>Loop</b>每次會議回饋自動產生 vNext action items 與 deck revision brief。</div> |
|
</div> |
|
</section> |
|
<section class="span-8"> |
|
<h2>提案產線</h2> |
|
<table> |
|
<tr><th>Stage</th><th>Input</th><th>Output</th><th>Acceptance</th></tr> |
|
<tr><td>Intake</td><td>客戶產業、痛點、決策人、預算、會議目的</td><td>customer_brief</td><td>8 欄完整,不足即標紅</td></tr> |
|
<tr><td>Strategy</td><td>客戶目標、卡點、可行方案</td><td>3 個策略選項與推薦</td><td>每個選項有成本/效益/風險</td></tr> |
|
<tr><td>Deck</td><td>brief + strategy</td><td>10 頁會議簡報骨架</td><td>含 CTA 與決策頁</td></tr> |
|
<tr><td>Meeting</td><td>簡報與話術</td><td>客戶回覆、反對意見、下一步</td><td>至少 1 個 explicit next step</td></tr> |
|
<tr><td>Loop</td><td>採用證據</td><td>vNext action_items</td><td>48 小時內回填</td></tr> |
|
</table> |
|
</section> |
|
<section class="span-4"> |
|
<h2>解法選型</h2> |
|
<p><span class="badge blue">presentation</span> 第一版要能進客戶會議。</p> |
|
<p><span class="badge green">system</span> 需要資料欄位、同步、權限。</p> |
|
<p><span class="badge gold">project</span> 需要 30 天 cadence 和 evidence gate。</p> |
|
<p><span class="badge red">communication</span> 需要 owner 48 小時內補客戶資料。</p> |
|
</section> |
|
<section class="span-6"> |
|
<h2>第一版簡報頁序</h2> |
|
<table> |
|
<tr><th>#</th><th>頁面</th><th>目的</th></tr> |
|
<tr><td>1</td><td>客戶決策問題</td><td>用一句話鎖定會議焦點</td></tr> |
|
<tr><td>2</td><td>現況與卡點</td><td>證明你懂對方現場</td></tr> |
|
<tr><td>3</td><td>成本/風險</td><td>量化不處理的代價</td></tr> |
|
<tr><td>4</td><td>三個策略選項</td><td>讓客戶能比較</td></tr> |
|
<tr><td>5</td><td>推薦方案</td><td>結論先行</td></tr> |
|
<tr><td>6</td><td>90 天路線</td><td>把方案變執行</td></tr> |
|
<tr><td>7</td><td>資源與責任</td><td>降低落地模糊</td></tr> |
|
<tr><td>8</td><td>商務模型</td><td>接到錢與 ROI</td></tr> |
|
<tr><td>9</td><td>風險與治理</td><td>預先處理疑慮</td></tr> |
|
<tr><td>10</td><td>決策與下一步</td><td>拿到承諾</td></tr> |
|
</table> |
|
</section> |
|
<section class="span-6"> |
|
<h2>Production Path</h2> |
|
<table> |
|
<tr><th>層</th><th>內容</th></tr> |
|
<tr><td>Data</td><td>customer_briefs、proposal_versions、meeting_feedback、approval_events</td></tr> |
|
<tr><td>API</td><td>POST brief、POST proposal、PATCH feedback、POST vNext action</td></tr> |
|
<tr><td>Permission</td><td>Owner 建 brief;Supervisor approve;Worker 生成草稿不可對外承諾</td></tr> |
|
<tr><td>Audit</td><td>所有對外版本、價格、承諾、客戶回饋都留紀錄</td></tr> |
|
</table> |
|
</section> |
|
<section class="span-12"> |
|
<h2>People Sync</h2> |
|
<div class="actions"> |
|
<div class="action"><b>給墨宇產品負責人</b><p>請在 2026-05-25 18:00 前補第一個客戶 brief:客戶名、產業、會議日期、痛點、決策人、預算區間、要推的方案、希望客戶承諾的下一步。</p></div> |
|
<div class="action"><b>給墨宇 CEO 決策窗口</b><p>請 D7 確認第一版會議提案是否可拿去 rehearsal;D30 只看是否有真實會議/回饋/下一步承諾,不看產出頁數。</p></div> |
|
<div class="action"><b>不回覆升級句</b><p>若 48 小時沒有 customer brief,建議暫停產線擴張,先由 AI 用現有資料產生 mock brief,並標記缺口給 owner 補齊。</p></div> |
|
</div> |
|
</section> |
|
</div> |
|
</main> |
|
</body> |
|
</html> |