index.html 39 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606
  1. <!DOCTYPE html>
  2. <html lang="zh-CN" data-theme="pitch-deck-vc">
  3. <head>
  4. <meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1">
  5. <title>1.0 分阶段开发与运营 · 数字心理学AI智能体</title>
  6. <link rel="stylesheet" href="assets/fonts.css">
  7. <link rel="stylesheet" href="assets/base.css">
  8. <link rel="stylesheet" id="theme-link" href="assets/themes/pitch-deck-vc.css">
  9. <link rel="stylesheet" href="assets/animations/animations.css">
  10. <style>
  11. .badge{display:inline-block;padding:3px 12px;border-radius:20px;font-size:12px;font-weight:700}
  12. .badge-green{background:#d4edda;color:#155724}
  13. .badge-yellow{background:#fff3cd;color:#856404}
  14. .badge-gray{background:#e2e3e5;color:#6c757d}
  15. .badge-red{background:#f8d7da;color:#721c24}
  16. .diff-table{width:100%;border-collapse:collapse;font-size:14px}
  17. .diff-table th{background:var(--surface-2);padding:10px 12px;text-align:left;font-weight:600;font-size:13px}
  18. .diff-table td{padding:10px 12px;border-bottom:1px solid var(--border)}
  19. .diff-table tr:nth-child(even) td{background:var(--surface-2)}
  20. .stat-row{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
  21. .stat-card{padding:16px 20px;border-radius:14px;text-align:center}
  22. .stat-card .num{font-size:32px;font-weight:900;line-height:1}
  23. .stat-card .lbl{font-size:12px;color:var(--text-2);margin-top:4px}
  24. .phase-card{padding:14px 16px;border-radius:12px;text-align:center;border:1px solid var(--border);background:var(--surface);flex:1;min-width:80px}
  25. .phase-card .pnum{font-size:20px;font-weight:900;color:var(--brand);line-height:1}
  26. .phase-card .ptitle{font-size:11px;color:var(--text-2);margin-top:4px}
  27. .gate-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin:0 6px}
  28. .gate-dot.go{background:#2e7d32}
  29. .gate-dot.pause{background:#e65100}
  30. .price-big{font-size:30px;font-weight:900;color:var(--brand);line-height:1}
  31. .flow-card{padding:12px 14px;border-radius:10px;text-align:center;background:var(--surface);border:1px solid var(--brand);min-width:90px}
  32. .flow-card .ico{font-size:22px;margin-bottom:4px}
  33. .phase-detail{display:flex;gap:16px;margin-top:14px}
  34. .phase-col{flex:1;padding:14px 16px;border-radius:12px;min-width:0}
  35. .phase-col.dev{background:var(--surface-2);border:1px solid var(--border)}
  36. .phase-col.ops{background:#e8f5e9;border:1px solid #a5d6a7}
  37. .phase-col h4{font-size:14px;margin:0 0 8px}
  38. .phase-col ul{margin:0;padding-left:16px;font-size:13px;line-height:1.8}
  39. .phase-col.ops ul{list-style:none;padding-left:0}
  40. .phase-col.ops ul li:before{content:"▸ ";color:#2e7d32}
  41. .gate-box{margin-top:10px;padding:10px 14px;border-radius:8px;font-size:12px;text-align:center}
  42. .gate-box.pass{border:1px solid #ffc107;background:#fff8e1}
  43. .phase-strip{display:flex;align-items:center;gap:6px;flex-wrap:nowrap;overflow-x:auto}
  44. .phase-strip .seg{flex:1;min-width:70px;padding:8px 6px;border-radius:6px;text-align:center;font-size:10px;font-weight:600;color:#fff}
  45. .revenue-row{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
  46. @media (max-width:768px){
  47. .slide{padding:24px 20px;overflow-y:auto;-webkit-overflow-scrolling:touch}
  48. .h1{font-size:28px!important;line-height:1.2!important}
  49. .h2{font-size:22px!important;line-height:1.25!important}
  50. .h3{font-size:18px!important}
  51. .lede{font-size:15px!important}
  52. .kicker{font-size:11px!important}
  53. .dim,.dim2{font-size:12px!important}
  54. .stat-card{min-width:100px!important;padding:10px!important}
  55. .stat-card .num{font-size:20px!important}
  56. .price-big{font-size:20px!important}
  57. .diff-table{font-size:11px!important}
  58. .diff-table th,.diff-table td{padding:6px 8px!important}
  59. .phase-detail{flex-direction:column!important;gap:10px!important}
  60. .phase-col{padding:10px 12px!important}
  61. .phase-col ul{font-size:12px!important;line-height:1.6!important}
  62. .flow-card{padding:8px 10px!important;min-width:60px!important}
  63. .phase-card{min-width:60px!important;padding:8px!important}
  64. .phase-card .pnum{font-size:14px!important}
  65. .phase-strip .seg{min-width:50px!important;padding:4px!important;font-size:8px!important}
  66. .grid.g2,.grid.g3{grid-template-columns:1fr!important}
  67. .revenue-row{font-size:11px!important}
  68. .revenue-row>div{min-width:70px!important;padding:8px 10px!important}
  69. .deck-footer{font-size:10px!important;bottom:10px!important;left:14px!important;right:14px!important}
  70. .gate-box{font-size:11px!important}
  71. }
  72. @media (max-width:480px){
  73. .slide{padding:16px 12px}
  74. .h1{font-size:22px!important}
  75. .h2{font-size:18px!important}
  76. .h3{font-size:14px!important}
  77. .h4{font-size:12px!important}
  78. .kicker{font-size:10px!important}
  79. .stat-card{min-width:70px!important;padding:6px!important}
  80. .stat-card .num{font-size:16px!important}
  81. .price-big{font-size:16px!important}
  82. .diff-table{font-size:10px!important}
  83. .diff-table th,.diff-table td{padding:4px 5px!important;word-break:break-all}
  84. .deck-footer{font-size:9px!important}
  85. .flower{margin:2px 0}}
  86. @media (max-width:420px){
  87. table.diff-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
  88. }
  89. .pos{color:#2e7d32}.neg{color:#c62828}
  90. .hint{font-size:11px;color:var(--text-2)}
  91. .mt-m{margin-top:12px}.mt-l{margin-top:18px}
  92. .tc{text-align:center}
  93. .flower{font-size:12px;color:var(--text-2);margin:6px 0}
  94. </style>
  95. </head>
  96. <body data-themes="pitch-deck-vc,corporate-clean,tokyo-night,editorial-serif,aurora" data-theme-base="assets/themes/">
  97. <div class="deck">
  98. <section class="slide center tc" data-title="封面">
  99. <p class="kicker">成本驱动 · 运营验证 · 分阶段投入</p>
  100. <h1 class="h1 anim-fade-up" data-anim="fade-up">1.0 分阶段开发与运营对齐方案</h1>
  101. <p class="lede" style="max-width:560px">数字心理学·全生命周期AI赋能系统<br>技术方 + 运营方 · 量入为出 · 数据决定节奏</p>
  102. <div class="phase-strip" style="max-width:520px;margin:16px auto 0">
  103. <div class="seg" style="background:#1565c0;flex:2">Phase 1<br>2个月 · 能量盘+解读基础</div>
  104. <span style="color:#999;font-size:10px">▶</span>
  105. <div class="seg" style="background:#1976d2">P2<br>⑤分销支付</div>
  106. <span style="color:#999;font-size:10px">▶</span>
  107. <div class="seg" style="background:#388e3c">P3<br>②成人五区</div>
  108. <span style="color:#999;font-size:10px">▶</span>
  109. <div class="seg" style="background:#f57c00">P4<br>③少儿完整</div>
  110. <span style="color:#999;font-size:10px">▶</span>
  111. <div class="seg" style="background:#e65100">P5<br>优化完善</div>
  112. <span style="color:#999;font-size:10px">▶</span>
  113. <div class="seg" style="background:#2e7d32">P6 M7 ✓<br>正式盈利</div>
  114. </div>
  115. <div class="flower">每个阶段尾评估运营数据 —— 不达标则暂停开发</div>
  116. <div class="deck-footer"><span class="dim2">1.0 开发与运营对齐</span><span class="slide-number"></span></div>
  117. </section>
  118. <section class="slide" data-title="为什么分阶段">
  119. <p class="kicker">Why Phase-Gate</p>
  120. <h2 class="h2">不赚钱的开发就是成本黑洞</h2>
  121. <div class="grid g2 mt-m" style="gap:16px">
  122. <div class="stat-card" style="border:2px solid #c62828;background:#fce4ec">
  123. <div class="num" style="color:#c62828;font-size:28px">¥15.0万</div>
  124. <div class="lbl">5人技术团队 · 月成本</div>
  125. </div>
  126. <div class="stat-card" style="border:1px solid var(--border)">
  127. <div class="num" style="font-size:28px">300人</div>
  128. <div class="lbl">2个月覆盖成本所需种子量</div>
  129. </div>
  130. </div>
  131. <div style="margin-top:14px;padding:14px 18px;background:var(--surface-2);border-radius:10px;font-size:13px;line-height:1.7">
  132. <strong>核心矛盾</strong>:团队每天都在花钱(¥15万/月),但收入取决于运营方的推广能力。<br>
  133. 运营效果无法提前预知 —— 如果投入所有资源开发完才发现推不动,成本已经沉没了。<br><br>
  134. <strong>团队配置</strong>:后端1 + 前端2 + AI1 + 产品1 · <strong>后端压力最大</strong>(全栈+数据库+部署)<br><br>
  135. <strong>分阶段开发</strong>:把6个月的开发量拆成6个阶段,<strong style="color:#e65100">每个阶段结束后评估运营数据</strong>。<br>
  136. 数据达标 → 继续下一阶段;不达标 → 暂停,降低团队规模,等待运营跟上。
  137. </div>
  138. <div class="deck-footer"><span class="dim2">1.0 开发与运营对齐</span><span class="slide-number"></span></div>
  139. </section>
  140. <section class="slide" data-title="1.0功能全景">
  141. <p class="kicker">6大模块 · 6个月研发量</p>
  142. <h2 class="h2">1.0 全功能全景</h2>
  143. <p class="hint" style="margin:2px 0 10px">每个模块涉及前端、后端、AI Prompt、数据库、测试</p>
  144. <table class="diff-table">
  145. <thead><tr><th style="width:40px">#</th><th>模块</th><th>核心功能</th><th>估工</th></tr></thead>
  146. <tbody>
  147. <tr><td><strong>1</strong></td><td><strong>三角形能量盘引擎</strong></td><td>姓名+生日 → 3秒出图,Canvas可视化,五区色块</td><td>3周</td></tr>
  148. <tr><td><strong>2</strong></td><td><strong>AI五区完整解读</strong></td><td>LLM自动生成主性格+父源+母源+左中右区,Prompt调优</td><td>4周</td></tr>
  149. <tr><td><strong>3</strong></td><td><strong>少儿板块</strong></td><td>核心性格+天赋潜能+学习判定(独立Prompt体系)</td><td>3周</td></tr>
  150. <tr><td><strong>4</strong></td><td><strong>能量师CRM</strong></td><td>客户绑定/互动记录/信息补充/客户列表/活跃度</td><td>4周</td></tr>
  151. <tr><td><strong>5</strong></td><td><strong>分销支付体系</strong></td><td>微信支付/C端裂变/分销面板/佣金提现/推广码</td><td>4周</td></tr>
  152. <tr><td><strong>6</strong></td><td><strong>分享导出+培训引流</strong></td><td>图片/PDF导出、培训嵌入、认证标识、数据统计</td><td>3周</td></tr>
  153. </tbody>
  154. </table>
  155. <div class="hint" style="margin-top:6px">合计约21周,部分可并行 → 压缩至6个月(含集成联调测试)</div>
  156. <div class="deck-footer"><span class="dim2">1.0 开发与运营对齐</span><span class="slide-number"></span></div>
  157. </section>
  158. <section class="slide" data-title="免费vs付费">
  159. <p class="kicker">客户诉求 vs 商业现实</p>
  160. <h2 class="h2">免费引流 · 付费增值</h2>
  161. <p class="hint" style="margin:2px 0 10px">免费功能"足够体验",付费解锁深度使用</p>
  162. <table class="diff-table">
  163. <thead><tr><th>功能</th><th style="text-align:center">免费访客</th><th style="text-align:center">C端 ¥299/年</th><th style="text-align:center">能量师 ¥1,314+/年</th></tr></thead>
  164. <tbody>
  165. <tr><td>能量盘生成</td><td style="text-align:center">✅ 3次/日</td><td style="text-align:center">✅ 不限</td><td style="text-align:center">✅ 不限</td></tr>
  166. <tr><td>主性格概要</td><td style="text-align:center">✅ 文字概要</td><td style="text-align:center">✅ 完整</td><td style="text-align:center">✅ 完整</td></tr>
  167. <tr><td>AI五区完整解读</td><td style="text-align:center">❌ 仅预览</td><td style="text-align:center">✅</td><td style="text-align:center">✅</td></tr>
  168. <tr><td>少儿板块</td><td style="text-align:center">❌</td><td style="text-align:center">✅</td><td style="text-align:center">✅</td></tr>
  169. <tr><td>CRM客户管理</td><td style="text-align:center">—</td><td style="text-align:center">—</td><td style="text-align:center">✅</td></tr>
  170. <tr><td>分销佣金</td><td style="text-align:center">—</td><td style="text-align:center">—</td><td style="text-align:center">✅ 40%+推荐</td></tr>
  171. <tr><td>分享导出</td><td style="text-align:center">❌</td><td style="text-align:center">✅ 图片</td><td style="text-align:center">✅ 图片+PDF</td></tr>
  172. </tbody>
  173. </table>
  174. <div class="grid g3 mt-m" style="gap:10px;font-size:12px">
  175. <div style="padding:10px;background:#fce4ec;border-radius:8px;text-align:center"><strong>免费访客</strong><br><span class="hint">感知价值,引流入口</span></div>
  176. <div style="padding:10px;background:#e8f5e9;border-radius:8px;text-align:center"><strong>C端付费</strong><br><span class="hint">深度解读,持续使用</span></div>
  177. <div style="padding:10px;background:#fff3cd;border-radius:8px;text-align:center"><strong>能量师付费</strong><br><span class="hint">工具提效+分销收益</span></div>
  178. </div>
  179. <div class="deck-footer"><span class="dim2">1.0 开发与运营对齐</span><span class="slide-number"></span></div>
  180. </section>
  181. <section class="slide" data-title="成本核算">
  182. <p class="kicker">量入为出</p>
  183. <h2 class="h2">7个月平台总投入 ≈ ¥109万</h2>
  184. <table class="diff-table mt-m">
  185. <thead><tr><th>成本项</th><th>月均</th><th>7个月</th><th>说明</th></tr></thead>
  186. <tbody>
  187. <tr><td><strong>技术团队</strong>(5人)</td><td>¥15.0万</td><td><strong>¥105.0万</strong></td><td>后端1+前端2+AI1+产品1</td></tr>
  188. <tr><td><strong>云服务器</strong></td><td>¥0.1万</td><td>¥0.7万</td><td>单机起步,按需扩容</td></tr>
  189. <tr><td><strong>AI Token</strong></td><td>¥0.3万</td><td>¥2.1万</td><td>国产模型,随用户增长递增</td></tr>
  190. <tr><td><strong>其他</strong></td><td>¥0.2万</td><td>¥1.4万</td><td>域名/短信/备用</td></tr>
  191. <tr style="background:#fff3cd"><td><strong>合计</strong></td><td><strong>¥15.6万</strong></td><td><strong>≈¥109万</strong></td><td>月均¥15.6万</td></tr>
  192. </tbody>
  193. </table>
  194. <div class="stat-row mt-m" style="gap:14px">
  195. <div class="stat-card" style="border:1px solid var(--border);padding:10px 16px">
  196. <div class="num" style="font-size:20px;color:#c62828">¥15.0万</div>
  197. <div class="lbl">最大成本 · 团队薪酬</div>
  198. </div>
  199. <div class="stat-card" style="border:1px solid var(--border);padding:10px 16px">
  200. <div class="num" style="font-size:20px;color:var(--brand)">¥0.6万</div>
  201. <div class="lbl">云+Token+其他</div>
  202. </div>
  203. <div class="stat-card" style="border:1px solid #2e7d32;padding:10px 16px">
  204. <div class="num" style="font-size:20px;color:#2e7d32">¥109万</div>
  205. <div class="lbl">7个月总投入</div>
  206. </div>
  207. </div>
  208. <div class="hint mt-m tc">若运营不达标 → 暂停开发,团队缩至1-2人 → 月成本降至¥4-6万</div>
  209. <div class="deck-footer"><span class="dim2">1.0 开发与运营对齐</span><span class="slide-number"></span></div>
  210. </section>
  211. <section class="slide" data-title="收入模型">
  212. <p class="kicker">已有对齐共识</p>
  213. <h2 class="h2">收入分配与分账模型</h2>
  214. <div class="grid g2 mt-m" style="gap:14px;font-size:13px">
  215. <div style="padding:14px 16px;border-radius:10px;border:1px solid var(--brand);background:var(--surface)">
  216. <h4 style="margin:0 0 6px;font-size:14px">技术方收入</h4>
  217. <div class="price-big" style="font-size:22px">¥998<span class="hint" style="font-size:12px;font-weight:400"> / 能量师</span></div>
  218. <div class="hint">固定每名能量师 ¥998,不参与分销分润</div>
  219. <div class="hint" style="margin-top:4px">C端 40% = ¥119.6/人</div>
  220. </div>
  221. <div style="padding:14px 16px;border-radius:10px;border:1px solid #e65100;background:#fff3cd">
  222. <h4 style="margin:0 0 6px;font-size:14px">运营方收入</h4>
  223. <div class="price-big" style="font-size:22px;color:#e65100">¥916<span class="hint" style="font-size:12px;font-weight:400"> / 标准价</span></div>
  224. <div class="hint">剩余部分归运营,负责支付 ¥500+¥100 分销佣金</div>
  225. <div class="hint" style="margin-top:4px">C端 15% = ¥44.85/人 + 培训引流转化</div>
  226. </div>
  227. </div>
  228. <div class="revenue-row mt-l" style="font-size:12px;gap:10px">
  229. <div style="padding:12px 16px;background:var(--surface-2);border-radius:8px;min-width:160px;text-align:center">
  230. <strong>技术方年度收入</strong><br>1,200能量师×¥998 + 4,000C端×¥119.6<br>
  231. <span style="font-weight:900;color:var(--brand)">≈¥167.6万</span>
  232. </div>
  233. <div style="padding:12px 16px;background:#fff3cd;border-radius:8px;min-width:160px;text-align:center">
  234. <strong>运营方年度收入</strong><br>B端分润 + C端15% + 培训引流<br>
  235. <span style="font-weight:900;color:#e65100">≈¥466万</span>
  236. </div>
  237. </div>
  238. <p class="hint mt-m tc">运营方B端分润:标准价¥1,914-¥998=¥916/人(含佣金),种子价¥1,314-¥998=¥316/人;培训:60人×¥6万=¥360万(5%转化率)</p>
  239. <div class="deck-footer"><span class="dim2">1.0 开发与运营对齐</span><span class="slide-number"></span></div>
  240. </section>
  241. <section class="slide" data-title="6阶段路线总览">
  242. <p class="kicker">2 + 1 + 1 + 1 + 1 + 1 = 7个月</p>
  243. <h2 class="h2">分阶段路线总览</h2>
  244. <div style="display:flex;align-items:center;gap:4px;margin-top:14px;flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px">
  245. <div class="phase-card" style="flex:2;border-color:#1565c0;background:#e3f2fd">
  246. <div class="pnum" style="color:#1565c0">P1</div>
  247. <div class="ptitle" style="font-size:10px;color:#1565c0">2个月</div>
  248. <div style="font-size:9px;margin-top:4px">能量盘+解读基础</div>
  249. </div>
  250. <span style="color:#1565c0;font-size:10px">▶</span>
  251. <div class="phase-card" style="border-color:#1976d2">
  252. <div class="pnum" style="color:#1976d2">P2</div><div class="ptitle">M3</div>
  253. <div style="font-size:9px;margin-top:2px">⑤分销支付</div>
  254. </div>
  255. <span style="color:#999;font-size:10px">▶</span>
  256. <div class="phase-card" style="border-color:#388e3c">
  257. <div class="pnum" style="color:#388e3c">P3</div><div class="ptitle">M4</div>
  258. <div style="font-size:9px;margin-top:2px">②成人五区</div>
  259. </div>
  260. <span style="color:#999;font-size:10px">▶</span>
  261. <div class="phase-card" style="border-color:#f57c00">
  262. <div class="pnum" style="color:#f57c00">P4</div><div class="ptitle">M5</div>
  263. <div style="font-size:9px;margin-top:2px">③少儿完整</div>
  264. </div>
  265. <span style="color:#999;font-size:10px">▶</span>
  266. <div class="phase-card" style="border-color:#e65100">
  267. <div class="pnum" style="color:#e65100">P5</div><div class="ptitle">M6</div>
  268. <div style="font-size:9px;margin-top:2px">优化完善</div>
  269. </div>
  270. <span style="color:#999;font-size:10px">▶</span>
  271. <div class="phase-card" style="border-color:#2e7d32;background:#e8f5e9">
  272. <div class="pnum" style="color:#2e7d32">P6</div><div class="ptitle" style="color:#2e7d32">M7</div>
  273. <div style="font-size:9px;margin-top:2px">✓ 正式盈利</div>
  274. </div>
  275. </div>
  276. <div style="display:flex;gap:6px;margin-top:10px;font-size:11px;flex-wrap:wrap;justify-content:center">
  277. <span style="display:inline-flex;align-items:center;gap:4px"><span class="gate-dot go"></span> 运营达标 → 继续</span>
  278. <span style="display:inline-flex;align-items:center;gap:4px"><span class="gate-dot pause"></span> 不达标 → 暂停</span>
  279. </div>
  280. <table class="diff-table mt-m">
  281. <thead><tr><th>阶段</th><th>时间</th><th>开发完成目标</th><th>运营推广目标</th><th>技术方累计收入</th></tr></thead>
  282. <tbody>
  283. <tr><td><strong>P1</strong></td><td>M1-2</td><td>能量盘+AI初步+天赋解码+分销基础+支付+CRM</td><td><strong>300种子能量师</strong></td><td><strong>¥29.94万</strong></td></tr>
  284. <tr><td>P2</td><td>M3</td><td><strong>⑤分销支付板块</strong>(面板+C端支付+裂变)</td><td>+100能量师 +50C端</td><td>¥40.52万</td></tr>
  285. <tr><td>P3</td><td>M4</td><td><strong>②成人五区完整</strong>+CRM完善+分享导出</td><td>+100能量师 +150C端</td><td>¥52.29万</td></tr>
  286. <tr><td>P4</td><td>M5</td><td><strong>③少儿完整板块</strong>+培训引流+数据</td><td>+150能量师 +200C端</td><td>¥69.65万</td></tr>
  287. <tr><td>P5</td><td>M6</td><td>性能优化+推荐体系完善</td><td>+150能量师 +300C端</td><td>¥88.21万</td></tr>
  288. <tr style="background:#e8f5e9"><td><strong>P6</strong></td><td><strong>M7</strong></td><td><strong>1.0全功能收尾</strong></td><td><strong>+200能量师 +400C端</strong></td><td><strong>¥112.96万</strong></td></tr>
  289. </tbody>
  290. </table>
  291. <div class="hint tc mt-m" style="font-size:11px">技术方收入 = 能量师×¥998 + C端×¥119.6(40%)</div>
  292. <div class="deck-footer"><span class="dim2">1.0 开发与运营对齐</span><span class="slide-number"></span></div>
  293. </section>
  294. <section class="slide" data-title="Phase 1">
  295. <p class="kicker">Phase 1 · 第1-2个月</p>
  296. <h2 class="h2">MVP基础 · 能量盘+主性格+天赋解码</h2>
  297. <div class="phase-detail">
  298. <div class="phase-col dev">
  299. <h4>🛠 开发完成目标</h4>
  300. <ul>
  301. <li><strong>① 三角形能量盘引擎</strong> — Canvas可视化,3秒出图,五区色块</li>
  302. <li><strong>② AI初步解读</strong> — 成人主性格深度分析(首发仅主性格,后续P3扩展五区)</li>
  303. <li><strong>③ 少儿天赋解码</strong> — 首发仅天赋潜能,后续P4扩展全板块</li>
  304. <li><strong>④ CRM基础</strong> — 客户绑定+客户列表</li>
  305. <li><strong>⑤ 分销基础</strong> — 推广码生成+佣金记录(完整面板在P2上线)</li>
  306. <li><strong>⑤ 微信支付</strong> — 能量师付费开通,渠道收款</li>
  307. <li>免费访客入口(限次体验,引流)</li>
  308. </ul>
  309. </div>
  310. <div class="phase-col ops">
  311. <h4>📊 运营推广目标</h4>
  312. <ul>
  313. <li><strong>招募300名种子能量师</strong></li>
  314. <li>技术方收入:300×¥998 = <strong>¥29.94万</strong></li>
  315. <li>运营方收入:300×¥316 = ¥9.48万</li>
  316. <li>建立种子群,收集反馈</li>
  317. </ul>
  318. </div>
  319. </div>
  320. <div class="gate-box pass">
  321. <strong>⚡ 决策节点</strong>:种子能量师 <strong>≥ 300人 → 进入Phase 2</strong>;≤ 200人 → 暂停开发,缩至1-2人维护
  322. </div>
  323. <p class="hint tc" style="margin-top:6px;font-size:11px">①~⑥编号对应1.0全景6大模块,下同。P1仅发布模块的子集,完整板块在P2-P4逐个上线</p>
  324. <div class="deck-footer"><span class="dim2">1.0 开发与运营对齐</span><span class="slide-number"></span></div>
  325. </section>
  326. <section class="slide" data-title="Phase 2">
  327. <p class="kicker">Phase 2 · 第3个月 · 上一个板块</p>
  328. <h2 class="h2">分销支付体系 · 收入引擎就位</h2>
  329. <div class="phase-detail">
  330. <div class="phase-col dev">
  331. <h4>🛠 开发完成目标</h4>
  332. <ul>
  333. <li><strong>⑤ 分销面板</strong> — 收益统计+佣金明细+团队树</li>
  334. <li><strong>⑤ C端支付</strong> — 客户自助订阅¥299</li>
  335. <li><strong>⑤ C端分销裂变</strong> — 推广码+邀请奖励</li>
  336. <li><strong>④ 互动查看</strong> — 能量师查看客户AI记录</li>
  337. <li>推广码生成与管理</li>
  338. </ul>
  339. <p class="hint" style="margin-top:6px;font-size:11px">本期板块:<strong>⑤ 分销支付体系</strong>(4周估工)</p>
  340. </div>
  341. <div class="phase-col ops">
  342. <h4>📊 运营推广目标</h4>
  343. <ul>
  344. <li>累计400能量师(+100新增)</li>
  345. <li>累计50C端用户</li>
  346. <li>技术方累计收入:<strong>¥40.52万</strong></li>
  347. <li>运营方开始获得B端分润+佣金</li>
  348. </ul>
  349. </div>
  350. </div>
  351. <div class="gate-box pass">
  352. <strong>⚡ 决策节点</strong>:能量师增长趋势良好 + C端转化率 &gt; 5% → 继续;<strong>增长停滞 → 暂停</strong>
  353. </div>
  354. <div class="deck-footer"><span class="dim2">1.0 开发与运营对齐</span><span class="slide-number"></span></div>
  355. </section>
  356. <section class="slide" data-title="Phase 3">
  357. <p class="kicker">Phase 3 · 第4个月 · 上一个板块</p>
  358. <h2 class="h2">成人AI完整解读 · 五区全量上线</h2>
  359. <div class="phase-detail">
  360. <div class="phase-col dev">
  361. <h4>🛠 开发完成目标</h4>
  362. <ul>
  363. <li><strong>② 成人AI完整解读</strong> — 父源+母源+左区+中区+右区,完整Prompt体系</li>
  364. <li><strong>④ CRM完善</strong> — 备注/标签/联系方式/活跃度统计</li>
  365. <li><strong>⑥ 分享导出</strong> — 图片分享,PDF报告</li>
  366. <li>免费访客升级(增加体验深度)</li>
  367. </ul>
  368. <p class="hint" style="margin-top:6px;font-size:11px">本期板块:<strong>② AI五区完整解读</strong>(4周估工)</p>
  369. </div>
  370. <div class="phase-col ops">
  371. <h4>📊 运营推广目标</h4>
  372. <ul>
  373. <li>累计500能量师(+100)</li>
  374. <li>累计200C端(+150)</li>
  375. <li>技术方累计收入:<strong>¥52.29万</strong></li>
  376. <li>C端分润+分享裂变带动传播</li>
  377. </ul>
  378. </div>
  379. </div>
  380. <div class="gate-box pass">
  381. <strong>⚡ 决策节点</strong>:累计能量师 ≥ 500且C端 ≥ 200 → 继续;<strong>任一滞后 → 暂停评估</strong>
  382. </div>
  383. <div class="deck-footer"><span class="dim2">1.0 开发与运营对齐</span><span class="slide-number"></span></div>
  384. </section>
  385. <section class="slide" data-title="Phase 4">
  386. <p class="kicker">Phase 4 · 第5个月 · 上一个板块</p>
  387. <h2 class="h2">少儿完整板块 + 培训引流</h2>
  388. <div class="phase-detail">
  389. <div class="phase-col dev">
  390. <h4>🛠 开发完成目标</h4>
  391. <ul>
  392. <li><strong>③ 少儿完整板块</strong> — 核心性格+天赋潜能+学习判定,独立Prompt体系</li>
  393. <li><strong>⑥ 培训引流</strong> — 嵌入培训宣传入口,报名引导</li>
  394. <li><strong>⑥ 能量师认证标识</strong> — 认证徽章+等级</li>
  395. <li><strong>⑥ 数据统计后台</strong> — 用户/收入/裂变看板</li>
  396. </ul>
  397. <p class="hint" style="margin-top:6px;font-size:11px">本期板块:<strong>③ 少儿全生命周期板块</strong>(3周估工)</p>
  398. </div>
  399. <div class="phase-col ops">
  400. <h4>📊 运营推广目标</h4>
  401. <ul>
  402. <li>累计650能量师(+150)</li>
  403. <li>累计400C端(+200)</li>
  404. <li>技术方累计收入:<strong>¥69.65万</strong></li>
  405. <li>培训引流启动,能量师推荐网络成型</li>
  406. </ul>
  407. </div>
  408. </div>
  409. <div class="gate-box pass">
  410. <strong>⚡ 决策节点</strong>:培训转化率达标 + 能量师增长持续 → 继续;<strong>推广效率不足 → 暂停,聚焦运营</strong>
  411. </div>
  412. <div class="deck-footer"><span class="dim2">1.0 开发与运营对齐</span><span class="slide-number"></span></div>
  413. </section>
  414. <section class="slide" data-title="Phase 5">
  415. <p class="kicker">Phase 5 · 第6个月</p>
  416. <h2 class="h2">性能优化 + 体系完善 · 为1.0收尾</h2>
  417. <div class="phase-detail">
  418. <div class="phase-col dev">
  419. <h4>🛠 开发完成目标</h4>
  420. <ul>
  421. <li>性能优化 + 安全审计</li>
  422. <li>推荐能量师体系完善</li>
  423. <li>C端裂变机制完善</li>
  424. <li>系统优化 + Bug修复</li>
  425. <li>为Phase 6 1.0收尾做准备</li>
  426. </ul>
  427. </div>
  428. <div class="phase-col ops">
  429. <h4>📊 运营推广目标</h4>
  430. <ul>
  431. <li>累计800能量师(+150)</li>
  432. <li>累计700C端(+300)</li>
  433. <li>技术方累计收入:<strong>¥88.21万</strong></li>
  434. <li>C端裂变加速,二级分销活跃</li>
  435. </ul>
  436. </div>
  437. </div>
  438. <div class="gate-box pass">
  439. <strong>⚡ 决策节点</strong>:累计收入 <strong>≥ ¥88万</strong> → 进入Phase 6;<strong>收入 &lt; ¥70万 → 暂停</strong>
  440. </div>
  441. <div class="deck-footer"><span class="dim2">1.0 开发与运营对齐</span><span class="slide-number"></span></div>
  442. </section>
  443. <section class="slide" data-title="Phase 6">
  444. <p class="kicker">Phase 6 · 第7个月</p>
  445. <h2 class="h2">1.0全功能达标 · 技术方正式盈利</h2>
  446. <div class="phase-detail">
  447. <div class="phase-col dev">
  448. <h4>🛠 开发完成目标</h4>
  449. <ul>
  450. <li>①②③④⑤⑥ 六大模块全部上线</li>
  451. <li>全链路稳定性提升</li>
  452. <li>技术债务清理,1.0正式发布</li>
  453. </ul>
  454. </div>
  455. <div class="phase-col ops">
  456. <h4>📊 运营推广目标</h4>
  457. <ul>
  458. <li>累计1,000能量师(+200)</li>
  459. <li>累计1,100C端(+400)</li>
  460. <li>技术方累计收入:<strong>¥112.96万</strong></li>
  461. <li>运营方B端+培训收入开始放量</li>
  462. </ul>
  463. </div>
  464. </div>
  465. <div class="stat-row mt-m" style="gap:14px">
  466. <div class="stat-card" style="border:2px solid #2e7d32;background:#e8f5e9;padding:12px 24px">
  467. <div class="num" style="font-size:24px;color:#2e7d32">+¥3.76万</div>
  468. <div class="lbl">累计净利(收入¥112.96万 - 成本¥109.2万)</div>
  469. </div>
  470. </div>
  471. <p class="hint tc mt-m" style="font-size:12px">开发阶段内实现盈利!P1已快速回笼¥29.94万,后续月收入持续超过月成本。开发结束后团队缩至维护规模,利润加速释放。</p>
  472. <div class="deck-footer"><span class="dim2">1.0 开发与运营对齐</span><span class="slide-number"></span></div>
  473. </section>
  474. <section class="slide" data-title="收支与决策总表">
  475. <p class="kicker">数据决定节奏</p>
  476. <h2 class="h2">累计收支 + 决策规则 + 运营方收入</h2>
  477. <table class="diff-table mt-m">
  478. <thead><tr><th>阶段</th><th>技术方收入</th><th>累计成本</th><th style="text-align:right">盈亏</th><th>决策</th></tr></thead>
  479. <tbody>
  480. <tr><td><strong>P1</strong> M1-2</td><td><strong>¥29.94万</strong></td><td>-¥31.2万</td><td class="neg" style="text-align:right">-¥1.26万</td><td><span class="badge badge-yellow">≥300种子?</span></td></tr>
  481. <tr><td><strong>P2</strong> M3</td><td>¥40.52万</td><td>-¥46.8万</td><td class="neg" style="text-align:right">-¥6.28万</td><td><span class="badge badge-yellow">增长趋势?</span></td></tr>
  482. <tr><td><strong>P3</strong> M4</td><td>¥52.29万</td><td>-¥62.4万</td><td class="neg" style="text-align:right">-¥10.11万</td><td><span class="badge badge-yellow">≥500/200?</span></td></tr>
  483. <tr><td><strong>P4</strong> M5</td><td>¥69.65万</td><td>-¥78.0万</td><td class="neg" style="text-align:right">-¥8.35万</td><td><span class="badge badge-yellow">培训达标?</span></td></tr>
  484. <tr><td><strong>P5</strong> M6</td><td>¥88.21万</td><td>-¥93.6万</td><td class="neg" style="text-align:right">-¥5.39万</td><td><span class="badge badge-yellow">≥¥88万?</span></td></tr>
  485. <tr style="background:#e8f5e9"><td><strong>P6</strong> <strong>M7</strong></td><td><strong>¥112.96万</strong></td><td><strong>-¥109.2万</strong></td><td class="pos" style="text-align:right"><strong>+¥3.76万</strong></td><td><span class="badge badge-green">✓ 转正</span></td></tr>
  486. </tbody>
  487. </table>
  488. <div class="grid g2 mt-m" style="gap:12px;font-size:12px">
  489. <div style="padding:12px 14px;background:#fff3cd;border-radius:8px">
  490. <strong>⚡ 决策规则</strong><br>每阶段结束评估运营数据 → 达标继续 → 不达标暂停开发,缩至1-2人维护
  491. </div>
  492. <div style="padding:12px 14px;background:#e8f5e9;border-radius:8px">
  493. <strong>📈 年度预期(达标后)</strong><br>1,200能量师+4,000C端 → 技术方年收入≈¥167.6万<br>7月满配+5月维护≈¥139万 → <strong>技术方净利≈¥28.4万</strong><br><span class="hint">累计在第7个月转正,后续利润加速释放</span>
  494. </div>
  495. </div>
  496. <div style="margin-top:14px;padding:14px 16px;background:#fff3cd;border-radius:10px;font-size:12px">
  497. <strong style="color:#e65100">📊 运营方年度收入测算</strong>
  498. <div class="revenue-row mt-m" style="font-size:12px;gap:8px">
  499. <div style="padding:8px 12px;background:var(--surface);border-radius:6px"><strong>B端分润</strong><br>≈¥88万</div>
  500. <div style="padding:8px 12px;background:var(--surface);border-radius:6px"><strong>C端15%</strong><br>≈¥17.9万</div>
  501. <div style="padding:8px 12px;background:var(--surface);border-radius:6px"><strong>培训引流</strong><br>60人×¥6万≈¥360万</div>
  502. <div style="padding:8px 14px;background:var(--brand);color:#fff;border-radius:6px"><strong>合计</strong><br><strong>≈¥466万</strong></div>
  503. </div>
  504. <div class="hint" style="margin-top:6px">B端:标准价¥1,914-¥998=¥916/人,种子价¥1,314-¥998=¥316/人(含佣金);培训:5%×1,200人×¥6万/人</div>
  505. </div>
  506. <div class="deck-footer"><span class="dim2">1.0 开发与运营对齐</span><span class="slide-number"></span></div>
  507. </section>
  508. <section class="slide" data-title="难点与风险">
  509. <p class="kicker">Known Unknowns</p>
  510. <h2 class="h2">项目难点与风险</h2>
  511. <div style="display:flex;flex-direction:column;gap:8px;margin-top:14px;font-size:13px">
  512. <div style="padding:11px 16px;background:var(--surface-2);border-radius:10px;border-left:4px solid #e65100">
  513. <strong style="color:#e65100">⚡ 运营驱动节奏的双刃剑</strong>
  514. <div class="hint" style="margin-top:3px">收入完全取决于运营推广能力。P1需300种子,2个月内达成压力很大。运营不达预期则项目暂停。双方需要建立高度透明的数据共享机制。</div>
  515. </div>
  516. <div style="padding:11px 16px;background:var(--surface-2);border-radius:10px;border-left:4px solid #7b1fa2">
  517. <strong style="color:#7b1fa2">🎯 AI解读质量与用户预期</strong>
  518. <div class="hint" style="margin-top:3px">天赋解码、五区解读等核心功能依赖Prompt调优质量。初期AI解读可能不够"惊艳",用户期望与实际体验之间的差距会导致口碑风险。需要上线后持续迭代Prompt。</div>
  519. </div>
  520. <div style="padding:11px 16px;background:var(--surface-2);border-radius:10px;border-left:4px solid #2e7d32">
  521. <strong style="color:#2e7d32">📉 市场不确定性</strong>
  522. <div class="hint" style="margin-top:3px">能量师年费¥1,314-¥1,914、C端¥299在目标市场的价格敏感度未知。竞品可能以更低价格或免费模式抢占市场。培训转化率5%的假设需要实际验证。</div>
  523. </div>
  524. <div style="padding:11px 16px;background:var(--surface-2);border-radius:10px;border-left:4px solid #c62828">
  525. <strong style="color:#c62828">🔐 数据隐私与安全</strong>
  526. <div class="hint" style="margin-top:3px">能量盘信息涉及姓名+生日等个人隐私数据。平台积累大量用户性格分析记录,一旦泄露影响面广。需从架构层设计数据脱敏与权限控制,避免合规风险。</div>
  527. </div>
  528. <div style="padding:11px 16px;background:var(--surface-2);border-radius:10px;border-left:4px solid #1565c0">
  529. <strong style="color:#1565c0">⏱ 进度超期风险</strong>
  530. <div class="hint" style="margin-top:3px">5人团队做6个月开发量,P1仅8周需交付能量盘+AI+CRM+支付+分销基础,排期紧凑。1人后端是最大瓶颈——API+数据库+部署全在他身上。任一环节延期将连锁影响后续所有阶段。</div>
  531. </div>
  532. <div style="padding:11px 16px;background:var(--surface-2);border-radius:10px;border-left:4px solid #f57c00">
  533. <strong style="color:#f57c00">🔗 能量师长期绑定</strong>
  534. <div class="hint" style="margin-top:3px">能量师是平台核心资产,但可能绕过平台直接服务客户,或担心平台"养肥了就踢开"(积累客户后取消分销)。需设计续费激励、等级特权、培训认证等长期绑定机制。</div>
  535. </div>
  536. <div style="padding:11px 16px;background:var(--surface-2);border-radius:10px;border-left:4px solid #c62828">
  537. <strong style="color:#c62828">📝 AI内容品控</strong>
  538. <div class="hint" style="margin-top:3px">AI自动生成的解读内容质量可能有波动。出现明显错误或有争议的描述会直接影响付费用户信任。需建立内容审核机制+用户反馈通道,保障输出质量稳定。</div>
  539. </div>
  540. </div>
  541. <div class="hint tc mt-m" style="font-size:11px">分阶段开发本身是核心风控手段 —— 不达标则停,不在错误方向上投入更多资源</div>
  542. <div class="deck-footer"><span class="dim2">1.0 开发与运营对齐</span><span class="slide-number"></span></div>
  543. </section>
  544. <section class="slide center tc" data-title="核心原则">
  545. <p class="kicker">Three Rules</p>
  546. <h2 class="h2">核心原则</h2>
  547. <div class="stat-row mt-l" style="gap:18px">
  548. <div class="stat-card" style="max-width:220px;border:2px solid var(--brand)">
  549. <div style="font-size:36px;margin-bottom:6px">📊</div>
  550. <div class="num" style="font-size:20px;color:var(--brand)">量入为出</div>
  551. <div class="lbl">开发投入不超前于收入验证<br>成本可控,进退自如</div>
  552. </div>
  553. <div class="stat-card" style="max-width:220px;border:2px solid #2e7d32">
  554. <div style="font-size:36px;margin-bottom:6px">📈</div>
  555. <div class="num" style="font-size:20px;color:#2e7d32">运营驱动节奏</div>
  556. <div class="lbl">开发速度与运营推广能力匹配<br>运营先行,验证后再投入</div>
  557. </div>
  558. <div class="stat-card" style="max-width:220px;border:2px solid #e65100">
  559. <div style="font-size:36px;margin-bottom:6px">🎯</div>
  560. <div class="num" style="font-size:20px;color:#e65100">数据决定</div>
  561. <div class="lbl">每个阶段尾用数据说话<br>不达标就停,不赌运气</div>
  562. </div>
  563. </div>
  564. <div style="margin-top:20px;padding:14px 20px;background:var(--surface-2);border-radius:10px;font-size:13px;max-width:480px;margin-left:auto;margin-right:auto">
  565. <strong>一句话</strong>:先活下来,再活得好。<br>运营证明增长能力 → 技术跟上投入;运营跟不上 → 暂停等待。
  566. </div>
  567. <div class="deck-footer"><span class="dim2">1.0 开发与运营对齐</span><span class="slide-number"></span></div>
  568. </section>
  569. </div>
  570. <script src="assets/runtime.js"></script>
  571. <script>
  572. (function(){
  573. var n=document.createElement('div');
  574. n.style.cssText='position:fixed;bottom:40px;right:16px;z-index:9999;display:flex;gap:8px';
  575. n.innerHTML='<button id="p" style="width:44px;height:44px;border-radius:50%;border:1px solid rgba(0,0,0,.15);background:rgba(255,255,255,.9);cursor:pointer;font-size:20px;box-shadow:0 2px 8px rgba(0,0,0,.15);-webkit-tap-highlight-color:transparent">◀</button><button id="n" style="width:44px;height:44px;border-radius:50%;border:1px solid rgba(0,0,0,.15);background:rgba(255,255,255,.9);cursor:pointer;font-size:20px;box-shadow:0 2px 8px rgba(0,0,0,.15);-webkit-tap-highlight-color:transparent">▶</button>';
  576. document.body.appendChild(n);
  577. document.getElementById('p').onclick=function(){document.dispatchEvent(new KeyboardEvent('keydown',{key:'ArrowLeft',bubbles:true}))};
  578. document.getElementById('n').onclick=function(){document.dispatchEvent(new KeyboardEvent('keydown',{key:'ArrowRight',bubbles:true}))};
  579. var sx=0,sy=0;
  580. document.addEventListener('touchstart',function(e){sx=e.touches[0].clientX;sy=e.touches[0].clientY},{passive:true});
  581. document.addEventListener('touchend',function(e){
  582. var dx=e.changedTouches[0].clientX-sx,dy=e.changedTouches[0].clientY-sy;
  583. if(Math.abs(dx)>50&&Math.abs(dx)>Math.abs(dy)) document.dispatchEvent(new KeyboardEvent('keydown',{key:dx>0?'ArrowLeft':'ArrowRight',bubbles:true}));
  584. else if(Math.abs(dy)>50&&Math.abs(dy)>Math.abs(dx)) document.dispatchEvent(new KeyboardEvent('keydown',{key:dy>0?'ArrowLeft':'ArrowRight',bubbles:true}));
  585. },{passive:true});
  586. })();
  587. </script>
  588. </body>
  589. </html>