|
<!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:#17201b; --paper:#f4f1e8; --panel:#fffdf6; --line:#cec6b4; |
|
--green:#007a5a; --blue:#1d4ed8; --red:#bd3124; --gold:#a16207; |
|
} |
|
*{box-sizing:border-box} |
|
body{margin:0;background:var(--paper);color:var(--ink);font-family:"Avenir Next","Noto Sans TC",sans-serif;letter-spacing:0} |
|
body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 15% 15%,rgba(0,122,90,.16),transparent 30%),radial-gradient(circle at 90% 10%,rgba(29,78,216,.13),transparent 25%),linear-gradient(90deg,rgba(23,32,27,.05) 1px,transparent 1px) 0 0/36px 36px;pointer-events:none} |
|
header{position:relative;min-height:72vh;padding:44px clamp(20px,5vw,76px);display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:end;border-bottom:2px solid var(--ink)} |
|
.kicker{font-size:13px;text-transform:uppercase;font-weight:900;color:var(--green)} |
|
h1{font-size:clamp(40px,7vw,90px);line-height:.94;margin:12px 0 20px;max-width:980px} |
|
.lead{font-size:clamp(18px,2.2vw,26px);line-height:1.45;max-width:900px} |
|
.metric{background:var(--panel);border:2px solid var(--ink);padding:22px;box-shadow:10px 10px 0 var(--ink)} |
|
.metric strong{display:block;font-size:clamp(42px,7vw,86px);line-height:.9;color:var(--blue)} |
|
section{position:relative;border-bottom:2px solid var(--ink);padding:34px clamp(18px,4vw,64px)} |
|
.grid{display:grid;gap:18px} |
|
.cols4{grid-template-columns:repeat(4,minmax(0,1fr))} |
|
.cols3{grid-template-columns:repeat(3,minmax(0,1fr))} |
|
.card{background:var(--panel);border:2px solid var(--ink);padding:18px;min-height:150px} |
|
.tag{display:inline-block;border:1px solid var(--ink);padding:4px 8px;margin-bottom:10px;font-weight:900;background:#eee7d7} |
|
table{width:100%;border-collapse:collapse;background:var(--panel);border:2px solid var(--ink)} |
|
th,td{border:1px solid var(--line);padding:12px;text-align:left;vertical-align:top} |
|
th{background:#e9e1d0} |
|
.script{display:grid;grid-template-columns:180px 1fr 1fr;gap:12px} |
|
.script div{border:1px solid var(--ink);background:var(--panel);padding:12px} |
|
.good{color:var(--green)}.warn{color:var(--gold)}.risk{color:var(--red)} |
|
footer{position:relative;padding:28px clamp(18px,4vw,64px);color:#625c51} |
|
@media(max-width:920px){header,.cols4,.cols3,.script{grid-template-columns:1fr}.metric{box-shadow:6px 6px 0 var(--ink)}} |
|
</style> |
|
</head> |
|
<body> |
|
<header> |
|
<div> |
|
<div class="kicker">PLS Production Pack / Customer Visit Script Pipeline</div> |
|
<h1>客戶拜訪腳本,不是話術,是提案產線的第一個資料入口</h1> |
|
<p class="lead">把匯入資料、客戶痛點、差異化優勢、拜訪問題、提案頁面與成交訊號接成一條可驗收流程。每一次拜訪都要產生下一版簡報素材、反對意見資料與可量化 pipeline。</p> |
|
</div> |
|
<div class="metric"> |
|
<span class="tag">D30 Gate</span> |
|
<strong>3→1→提案</strong> |
|
<p>3 份可用拜訪腳本、1 套可重複提案骨架、每次拜訪回填痛點/阻力/下一步,讓客戶成功與產品不再各說各話。</p> |
|
</div> |
|
</header> |
|
|
|
<section class="grid cols4"> |
|
<div class="card"><span class="tag">D1</span><h2>資料入口</h2><p>匯入客戶背景、既有簡報、近期客戶質疑場景、產品優勢證據,建立 script_input。</p></div> |
|
<div class="card"><span class="tag">D7</span><h2>第一版拜訪腳本</h2><p>產出三段式腳本:開場定位、痛點探索、價值確認與下一步承諾。</p></div> |
|
<div class="card"><span class="tag">D14</span><h2>拜訪後回填</h2><p>每次拜訪必填 objection、buyer pain、evidence needed、proposal next page。</p></div> |
|
<div class="card"><span class="tag">D30</span><h2>提案產線</h2><p>腳本可自動生成 proposal outline、QBR/拜訪簡報頁、CRM 下一步與 owner cadence。</p></div> |
|
</section> |
|
|
|
<section> |
|
<table> |
|
<thead><tr><th>拜訪階段</th><th>腳本目的</th><th>句型</th><th>輸出資料</th></tr></thead> |
|
<tbody> |
|
<tr><td>Pre-call research</td><td>證明不是泛用 pitch</td><td>「我先用目前資料整理出三個可能卡點,今天想確認哪一個最影響你們決策。」</td><td>account_context, hypothesized_pain</td></tr> |
|
<tr><td>Opening</td><td>把會議變成共同診斷</td><td>「今天不急著展示功能,我們先判斷這件事值不值得進下一步提案。」</td><td>meeting_goal, success_criteria</td></tr> |
|
<tr><td>Discovery</td><td>找出 status quo vs ideal state</td><td>「現在流程最花時間的是哪一步?理想狀態是少掉哪一種人工判斷?」</td><td>pain_point, current_cost, desired_state</td></tr> |
|
<tr><td>Value proof</td><td>連回墨宇獨特能力與成果證據</td><td>「如果我們先用一個小流程證明 30% 時間下降,你們願意讓哪個部門試跑?」</td><td>proof_needed, pilot_scope</td></tr> |
|
<tr><td>Close</td><td>取得下一步承諾</td><td>「下一步我會把今天確認的三個痛點轉成一頁提案,請你指定驗收人與可接受的指標。」</td><td>next_step_owner, due_date, acceptance_metric</td></tr> |
|
</tbody> |
|
</table> |
|
</section> |
|
|
|
<section class="grid cols3"> |
|
<div class="card"><h3 class="good">Value Path</h3><p>拜訪腳本讓業務能把客戶質疑轉成 proposal input,縮短從訪談到提案的時間,提高下一步承諾率。</p></div> |
|
<div class="card"><h3 class="warn">Capability Upgrade</h3><p>客戶成功窗口學會問「現況、理想、成本、證據、下一步」,產品窗口學會用真實阻力更新差異化主張。</p></div> |
|
<div class="card"><h3 class="risk">Stop Condition</h3><p>若拜訪後沒有回填痛點、阻力與下一步 owner,該次拜訪不算完成,也不能進提案產線。</p></div> |
|
</section> |
|
|
|
<section> |
|
<div class="script"> |
|
<div><strong>Purpose</strong><br>產出第一版客戶拜訪腳本</div> |
|
<div><strong>Artifact</strong><br>可開 dashboard + script template + proposal data model</div> |
|
<div><strong>Metric</strong><br>拜訪回填率、下一步承諾率、提案生成時間、成交/續談 pipeline</div> |
|
</div> |
|
</section> |
|
<footer>Generated for PLS. Appendix: production-brief.md, data-model.md, acceptance-tests.md, decision-record.md, people-sync.md, learning-memory.json.</footer> |
|
</body> |
|
</html> |