-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathlean-sprint.html
More file actions
147 lines (133 loc) · 9.96 KB
/
Copy pathlean-sprint.html
File metadata and controls
147 lines (133 loc) · 9.96 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
<!DOCTYPE html>
<html lang="zh-Hant">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>FORGE LEAN — 14 天精實衝刺</title>
<style>
:root{
--ink:#14132A; --ink-2:#3A3960; --muted:#6F6E89; --line:#E7E5F0;
--paper:#FBFAF7; --card:#FFFFFF; --soft:#F4F2FB;
--indigo:#5B4FE9; --indigo-soft:#EEEDFE; --teal:#1D9E75; --teal-soft:#E1F5EE;
--clay:#D85A30; --clay-soft:#FAECE7; --amber:#BA7517; --amber-soft:#FAEEDA;
--sans:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang TC","Microsoft JhengHei",system-ui,sans-serif;
}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.6;font-size:15.5px}
.wrap{max-width:880px;margin:0 auto;padding:40px 24px 64px}
.eyebrow{display:inline-block;font-size:12px;font-weight:800;letter-spacing:2px;text-transform:uppercase;
color:var(--indigo);background:var(--indigo-soft);padding:5px 12px;border-radius:100px}
h1{font-size:clamp(28px,4.4vw,40px);letter-spacing:-1px;margin:16px 0 8px;font-weight:850;line-height:1.08}
h1 .a{color:var(--indigo)}
.lede{color:var(--ink-2);font-size:17px;max-width:640px;margin:0 0 8px}
h2{font-size:21px;letter-spacing:-.4px;margin:42px 0 6px;font-weight:800}
.sub{color:var(--muted);font-size:14.5px;margin:0 0 18px}
.figure{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px;margin:14px 0}
.figure svg{display:block;width:100%;height:auto}
.grid{display:grid;gap:14px}.g2{grid-template-columns:1fr 1fr}.g3{grid-template-columns:repeat(3,1fr)}
.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px}
.card .t{font-size:11px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:var(--indigo)}
.card.teal .t{color:var(--teal)}.card.clay .t{color:var(--clay)}.card.amber .t{color:var(--amber)}
.card h4{margin:7px 0 4px;font-size:15px}.card p{margin:0;font-size:13.5px;color:var(--ink-2)}
.tbl{width:100%;border-collapse:collapse;font-size:13.8px;background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden;margin:14px 0}
.tbl th{text-align:left;background:var(--soft);font-weight:750;padding:10px 13px;font-size:12px;text-transform:uppercase;letter-spacing:.4px;border-bottom:1px solid var(--line)}
.tbl td{padding:10px 13px;border-bottom:1px solid var(--line);color:var(--ink-2);vertical-align:top}
.tbl tr:last-child td{border-bottom:none}.tbl td b{color:var(--ink)}
.pill{display:inline-block;font-size:11px;font-weight:700;padding:2px 8px;border-radius:100px}
.pill.go{background:var(--teal-soft);color:var(--teal)}.pill.pivot{background:var(--amber-soft);color:var(--amber)}.pill.kill{background:var(--clay-soft);color:var(--clay)}
.callout{background:var(--indigo-soft);border-left:4px solid var(--indigo);border-radius:8px;padding:14px 16px;margin:18px 0;font-size:14px;color:var(--ink-2)}
.callout b{color:var(--ink)}
@media(max-width:640px){.g2,.g3{grid-template-columns:1fr}}
</style>
</head>
<body><div class="wrap">
<span class="eyebrow">Lean Startup × Growth Hacking</span>
<h1>FORGE <span class="a">LEAN</span><br>14 天精實衝刺</h1>
<p class="lede">先用「最小且最快的 test」驗證需求——一支影片 demo + 一個 fake-door 頁，兩週內見真章。只有通過的贏家才啟動後面的大機器。</p>
<h2>Build–Measure–Learn 迴圈</h2>
<p class="sub">每個點子先跑這條兩週迴圈；每一圈只驗證「一個最危險的假設」。</p>
<div class="figure">
<svg viewBox="0 0 860 380" role="img" aria-labelledby="lt ld" xmlns="http://www.w3.org/2000/svg">
<title id="lt">14 天 Build-Measure-Learn 精實衝刺迴圈</title>
<desc id="ld">框定、造餌、散播、量測、決策五步構成兩週迴圈，結果分流為 persevere、pivot、kill。</desc>
<defs>
<marker id="a" markerWidth="9" markerHeight="9" refX="7" refY="4.5" orient="auto"><path d="M0,0 L9,4.5 L0,9 Z" fill="#5B4FE9"/></marker>
<marker id="ag" markerWidth="9" markerHeight="9" refX="7" refY="4.5" orient="auto"><path d="M0,0 L9,4.5 L0,9 Z" fill="#1D9E75"/></marker>
</defs>
<g font-family="-apple-system,Segoe UI,sans-serif">
<!-- 5 steps as a horizontal timeline -->
<g>
<rect x="20" y="40" width="150" height="66" rx="11" fill="#EEEDFE" stroke="#CECBF6"/>
<text x="34" y="64" font-size="12.5" font-weight="800" fill="#5B4FE9">Day 1–2</text>
<text x="34" y="84" font-size="12.5" fill="#3A3960">框定假設</text>
<text x="34" y="100" font-size="10.5" fill="#6F6E89">Learn</text>
<rect x="195" y="40" width="150" height="66" rx="11" fill="#EEEDFE" stroke="#CECBF6"/>
<text x="209" y="64" font-size="12.5" font-weight="800" fill="#5B4FE9">Day 3–6</text>
<text x="209" y="84" font-size="12.5" fill="#3A3960">影片 + fake-door</text>
<text x="209" y="100" font-size="10.5" fill="#6F6E89">Build</text>
<rect x="370" y="40" width="150" height="66" rx="11" fill="#EEEDFE" stroke="#CECBF6"/>
<text x="384" y="64" font-size="12.5" font-weight="800" fill="#5B4FE9">Day 7–9</text>
<text x="384" y="84" font-size="12.5" fill="#3A3960">Growth 散播</text>
<text x="384" y="100" font-size="10.5" fill="#6F6E89">Launch</text>
<rect x="545" y="40" width="150" height="66" rx="11" fill="#EEEDFE" stroke="#CECBF6"/>
<text x="559" y="64" font-size="12.5" font-weight="800" fill="#5B4FE9">Day 10–12</text>
<text x="559" y="84" font-size="12.5" fill="#3A3960">量測訊號</text>
<text x="559" y="100" font-size="10.5" fill="#6F6E89">Measure</text>
<rect x="710" y="40" width="130" height="66" rx="11" fill="#14132A"/>
<text x="724" y="64" font-size="12.5" font-weight="800" fill="#AFA9EC">Day 13–14</text>
<text x="724" y="84" font-size="12.5" fill="#FFFFFF">決策</text>
<text x="724" y="100" font-size="10.5" fill="#AFA9EC">Decide</text>
</g>
<g stroke="#5B4FE9" stroke-width="2" fill="none" marker-end="url(#a)">
<line x1="170" y1="73" x2="191" y2="73"/>
<line x1="345" y1="73" x2="366" y2="73"/>
<line x1="520" y1="73" x2="541" y2="73"/>
<line x1="695" y1="73" x2="706" y2="73"/>
</g>
<!-- decision fan-out -->
<g>
<rect x="330" y="200" width="200" height="40" rx="9" fill="#E1F5EE" stroke="#9FE1CB"/>
<text x="430" y="225" font-size="12.5" font-weight="800" fill="#1D9E75" text-anchor="middle">✅ Persevere → Tier 2 建構</text>
<rect x="330" y="252" width="200" height="40" rx="9" fill="#FAEEDA" stroke="#FAC775"/>
<text x="430" y="277" font-size="12.5" font-weight="800" fill="#BA7517" text-anchor="middle">🔁 Pivot → 換假設重跑</text>
<rect x="330" y="304" width="200" height="40" rx="9" fill="#FAECE7" stroke="#F5C4B3"/>
<text x="430" y="329" font-size="12.5" font-weight="800" fill="#D85A30" text-anchor="middle">⛔ Kill → 下一個點子</text>
</g>
<!-- decide node down to fan -->
<path d="M775,106 L775,160 L430,160 L430,198" stroke="#5B4FE9" stroke-width="2" fill="none" marker-end="url(#a)"/>
<!-- pivot loops back to step1 -->
<path d="M330,272 Q90,272 90,108" stroke="#BA7517" stroke-width="2" fill="none" stroke-dasharray="5 4" marker-end="url(#a)"/>
<text x="150" y="190" font-size="10.5" fill="#BA7517" font-weight="700">Pivot 回到框定</text>
</g>
</svg>
</div>
<h2>驗證階梯（先做最便宜的）</h2>
<p class="sub">訊號夠強才往上爬一階；多數點子停在第 1–2 階就被殺掉，這是好事。</p>
<div class="grid g2">
<div class="card"><div class="t">階 1 · 最便宜</div><h4>Fake door / Landing</h4><p>一個假裝產品存在的頁面，量測有多少人真的想要。</p></div>
<div class="card"><div class="t">階 2</div><h4>影片 Demo</h4><p>像 Dropbox 那支影片——用畫面說故事，蒐集候補名單。</p></div>
<div class="card teal"><div class="t">階 3</div><h4>Concierge / 人工後台</h4><p>前台看似自動，後台你手動交付，驗證真實意願。</p></div>
<div class="card teal"><div class="t">階 4</div><h4>單功能 MVP</h4><p>只做唯一核心動作的最小程式。</p></div>
</div>
<h2>最小團隊 · 5 個 Agent</h2>
<table class="tbl">
<thead><tr><th>Agent</th><th>任務</th><th>KPI</th></tr></thead>
<tbody>
<tr><td><b>Orchestrator</b></td><td>選假設、跑迴圈、做 Persevere/Pivot/Kill</td><td>每點子成本、命中率</td></tr>
<tr><td><b>Insight</b></td><td>框定最危險假設、快速市場掃描、定成功門檻</td><td>假設品質</td></tr>
<tr><td><b>Demo Smith</b></td><td>影片 demo + landing / fake-door + 埋點</td><td>出貨速度、轉換</td></tr>
<tr><td><b>Growth Hacker</b></td><td>渠道、hook、referral loop、micro 付費測試</td><td>合格流量、CAC</td></tr>
<tr><td><b>Signal</b></td><td>埋點、收數據、對照門檻、輸出結論</td><td>數據新鮮度</td></tr>
</tbody>
</table>
<h2>決策門檻</h2>
<table class="tbl">
<thead><tr><th>結果</th><th>條件（範例）</th><th>動作</th></tr></thead>
<tbody>
<tr><td><span class="pill go">Persevere</span></td><td>達成預設門檻（如 ≥N 訪客中 ≥X% 留候補/預購）</td><td>畢業到 Tier 2，造真實 MVP</td></tr>
<tr><td><span class="pill pivot">Pivot</span></td><td>有部分訊號但未達標</td><td>換假設或客群，重跑兩週</td></tr>
<tr><td><span class="pill kill">Kill</span></td><td>訊號明顯不足</td><td>停損，轉到下一個點子</td></tr>
</tbody>
</table>
<div class="callout"><b>鐵則：</b>① 一次只驗證一個最危險假設；② 門檻在 Day 1 就寫死，不事後自我安慰；③ 能更便宜驗證就別寫程式；④ 北極星只有一個——合格註冊／預購。</div>
</div></body></html>