// ============================================================================== // 江中肝纯片 · 产品复合体 HTML 报告 · Batch 6 渲染模块 // Chapter 2.5 · 价值链（3 子章）+ Chapter 2.6 · 总结（3 子章） // ============================================================================== function esc(s) { return String(s ?? '').replace(/[&<>"']/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"', "'": ''' }[c])); } function fmtNum(n) { if (n == null || isNaN(n)) return '—'; if (n >= 10000) return (n / 10000).toFixed(1).replace(/\.0$/, '') + 'w'; if (n >= 1000) return (n / 1000).toFixed(1).replace(/\.0$/, '') + 'k'; return String(n); } const BRAND = { JIANG_GREEN: '#2D9C5D', LIVER_AMBER: '#D4A574', TECH_BLUE: '#0085CA', WARM_ORANGE: '#FF8C42', ROSE: '#FF4D8D', }; // ----- 2.5.1 价值主张画布 · Value Proposition Canvas ------------------------- function renderValue1Canvas({ slideNum, slideTotal, chapter, A }) { const c = chapter; const customerPains = [ { icon: '🧩', pain: '同质化无从选择', detail: '市面上水飞蓟片、奶蓟草、复合片看似差不多，看不出真实差异', voc: '"水飞蓟、奶蓟草都差不多，不懂选"', severity: 95 }, { icon: '🚫', pain: '信任危机·不要吃护肝片', detail: 'VOC Top #3 主题，医生 KOL 反复质疑护肝片实际作用', voc: '"医生说护肝片没用，多喝水就行"', severity: 98 }, { icon: '💊', pain: '单一成分效果弱', detail: '只吃单一水飞蓟效果不明显，需多成分协同', voc: '"单独吃水飞蓟 2 个月，转氨酶没降"', severity: 85 }, { icon: '⏳', pain: '见效慢·坚持难', detail: '保健品类长期服用，中途放弃率高', voc: '"吃了两瓶没感觉就不想吃了"', severity: 78 }, { icon: '🔬', pain: '中医 vs 西医选择困惑', detail: '不知道选水飞蓟（西）还是菊花决明子（中）', voc: '"西见效快中药温和，纠结选哪个"', severity: 72 }, { icon: '⚖️', pain: '合规担忧', detail: '担心是否有副作用，成分是否靠谱', voc: '"护肝片长期吃安全吗，有副作用吗"', severity: 80 }, ]; const customerGains = [ { icon: '🔬', gain: '科学循证透明', detail: '能看到临床数据、成分克数、第三方检测', value: 95 }, { icon: '🎯', gain: '场景精准护肝', detail: '熬夜 / 应酬 / 情绪肝不同场景有对应方案', value: 88 }, { icon: '☯️', gain: '中西双路并进', detail: '主方西药循证 + 辅方中医疏肝，双重保障', value: 85 }, { icon: '🛡️', gain: '江中品牌保障', detail: 'OTC 背书，国药准字级别信任', value: 92 }, { icon: '📋', gain: '第三方检测公开', detail: 'SGS / CNAS 检测报告，随货附赠', value: 90 }, { icon: '📊', gain: '克数透明可视', detail: '正面标注每粒成分 mg 剂量，货架识别', value: 82 }, ]; const products = [ { num: '①', name: '4 重协同复合配方', desc: '水飞蓟 200mg + 姜黄 100mg + NAC 150mg + 硫辛酸 50mg', tint: BRAND.JIANG_GREEN }, { num: '②', name: '中医疏肝辅方', desc: '菊花 / 决明子 / 玫瑰花（情绪肝 L-03 版 SKU）', tint: BRAND.LIVER_AMBER }, { num: '③', name: '一物一码 QR', desc: '瓶盖扫码 → 批次检测报告 + 服用日历小程序', tint: BRAND.TECH_BLUE }, { num: '④', name: '独立第三方检测', desc: 'SGS / CNAS 检测报告，随货附赠 + 官网公示', tint: BRAND.WARM_ORANGE }, { num: '⑤', name: '江中品牌 OTC', desc: '国药准字级别可信度 + 渠道覆盖（医院/药店/线上）', tint: BRAND.JIANG_GREEN }, { num: '⑥', name: '服用日历小程序', desc: '每日推送 + 打卡激励 + 复购 8 折券', tint: '#8B5CF6' }, ]; const painRelievers = [ { map: '①②', target: '同质化无从选择', mechanism: '克数透明 + 4 重协同公式' }, { map: '③④', target: '信任危机', mechanism: '扫码看检测报告 + 第三方公证' }, { map: '①②', target: '单一成分效果弱', mechanism: '4 成分协同"一片多效"' }, { map: '⑤⑥', target: '见效慢·坚持难', mechanism: '江中品牌安心 + 小程序每日打卡' }, { map: '①②', target: '中西选择困惑', mechanism: '主方西药循证 + 辅方中医疏肝' }, { map: '③④⑤', target: '合规担忧', mechanism: 'OTC 标识 + 批次可追溯 + 检测公示' }, ]; const gainCreators = [ { map: '③④', target: '科学循证透明', output: '临床数据 + 克数 + 第三方检测可视化' }, { map: '①②', target: '场景精准护肝', output: 'L-01 熬夜 / L-02 应酬 / L-03 情绪肝 SKU' }, { map: '①②', target: '中西双路并进', output: '循证主方 + 中医辅方 同瓶体现' }, { map: '⑤', target: '江中品牌保障', output: 'OTC 国药准字 + 医院渠道覆盖' }, { map: '④', target: '第三方检测公开', output: 'SGS/CNAS 报告 PDF 扫码可下载' }, { map: '①', target: '克数透明可视', output: '正面成分表 · 一眼读懂' }, ]; return `
${c.num}.1 · VALUE PROPOSITION CANVAS

价值主张画布 · 用户痛点收益 × 产品功能映射

Osterwalder 画布：左侧 VOC 提炼 6 痛点 × 6 收益，右侧产品 6 功能 一一映射

👥
LEFT · CUSTOMER PROFILE
用户侧 · 痛点 & 期待收益
😰 Pains · 6 大痛点（VOC 频次加权严重度）
${customerPains.map(p => `
${p.icon} ${esc(p.pain)}
${p.severity}
${esc(p.detail)}
VOC: ${esc(p.voc)}
`).join('')}
🎁 Gains · 6 大期待收益（渴望度）
${customerGains.map(g => `
${g.icon} ${esc(g.gain)}
${g.value}
${esc(g.detail)}
`).join('')}
📦
RIGHT · VALUE PROPOSITION
产品侧 · 功能 & 价值交付
🧬 Products & Services · 6 大功能
${products.map(p => `
${p.num}
${esc(p.name)}
${esc(p.desc)}
`).join('')}
💊 Pain Relievers · 痛点缓解映射
${painRelievers.map(pr => `
${esc(pr.map)}
→ ${esc(pr.target)}
${esc(pr.mechanism)}
`).join('')}
✨ Gain Creators · 收益创造映射
${gainCreators.map(gc => `
${esc(gc.map)}
→ ${esc(gc.target)}
${esc(gc.output)}
`).join('')}
PRODUCT-MARKET FIT · 匹配度自评
6/6
PAINS ADDRESSED
所有 VOC 痛点均已映射
6/6
GAINS DELIVERED
所有期待收益均有机制
92%
FIT SCORE
痛点权重加权综合评分
A
LAUNCH GRADE
满足 PMF 准入门槛
`; } // ----- 2.5.2 价值创造链 · Value Creation Chain 6 Links ----------------------- function renderValue2Chain({ slideNum, slideTotal, chapter, A }) { const c = chapter; const links = [ { num: '1', key: 'rd', name: '研发 R&D', icon: '🧪', tint: BRAND.TECH_BLUE, coreValue: '技术差异化', resources: ['江中药物研究院', '循证护肝临床数据库', '4 重协同专利组合', '配方工艺（缓释+速释双层片）'], output: '"一片多效 · 4 重协同"科学配方', partner: '江中药物研究院 · 同济医院肝病中心 · 第三方 CRO', kpi: ['专利 3+', '临床数据 2 篇', '功效成分验证'], }, { num: '2', key: 'make', name: '生产 Production', icon: '🏭', tint: BRAND.JIANG_GREEN, coreValue: '质量保障', resources: ['江中智能工厂（GMP）', '全流程质量管控体系', '现代剂型压片工艺', '批次追溯（一物一码）'], output: '"批次一致 · 质量可溯"', partner: '江中本地工厂 · SGS / CNAS 检测', kpi: ['GMP 合规 100%', '批检合格 100%', '纯度 ≥ 98%'], }, { num: '3', key: 'channel', name: '渠道 Channel', icon: '🚚', tint: BRAND.LIVER_AMBER, coreValue: '市场渗透', resources: ['线下：医院 OTC + 连锁药店（一心堂/大参林/老百姓）', '线上：天猫 / 京东 / 拼多多 / 抖音小店', '私域：小红书 / 微信公众号', 'O2O：美团买药 / 叮当快药'], output: '"全渠道可得 · 3 公里内可买"', partner: '一心堂 / 大参林 / 老百姓 · 天猫 / 京东 · 美团买药', kpi: ['药店 ≥ 3w', 'GMV ¥1.2 亿/年', 'O2O ≤ 30min'], }, { num: '4', key: 'mkt', name: '营销 Marketing', icon: '📢', tint: BRAND.WARM_ORANGE, coreValue: '认知占位', resources: ['一物一码（扫码触达）', '会员运营（复购激励）', '内容科普矩阵（小红书/抖音/知乎）', 'KOL 分级（医生/生活/专家）'], output: '"场景化复合护肝"第一心智', partner: '小红书头部 KOC · 抖音医生号 · 知乎肝病 · 丁香医生', kpi: ['心智 ≥ 30%', 'KOL 笔记 500+/月', '扫码率 ≥ 40%'], }, { num: '5', key: 'service', name: '服务 Service', icon: '🎧', tint: BRAND.ROSE, coreValue: '用户体验', resources: ['服用日历小程序', '用药咨询客服（7×12）', '复购激励（打卡立减 / 8 折券）', '会员等级体系'], output: '"全周期陪伴 · 复购 ≥ 40%"', partner: '企业微信 · 小程序 · 天猫会员 / 京东 PLUS', kpi: ['30 日留存 ≥ 60%', '复购 ≥ 40%', '活跃 ≥ 50%'], }, { num: '6', key: 'exp', name: '体验 Experience', icon: '✨', tint: '#8B5CF6', coreValue: '感知升级', resources: ['包装设计（江中绿+琥珀金）', '易吞咽 / 水果味包衣', '第三方检测报告随货', '品牌内核（传承+创新）'], output: '"每次打开 = 一次品质确认"', partner: '江中品牌视觉 · 包材商 · SGS/CNAS', kpi: ['NPS ≥ 50', '识别度 ≥ 90%', '吞咽体验 ≥ 4.5/5'], }, ]; return `
${c.num}.2 · VALUE CREATION CHAIN

价值创造链 · 6 环从研发到体验

沿 Porter 价值链：研发 → 生产 → 渠道 → 营销 → 服务 → 体验，每一环资源 × 输出 × 合作伙伴 × KPI 完整披露

CHAIN FLOW · 6 环流转与价值沉淀
${links.map((l) => ` `).join('')} ${links.map((l, i) => { const x = 30 + i * 190; const y = 30; return ` ${l.icon} ${esc(l.name)} ${esc(l.coreValue)} LINK · ${l.num} ${i < links.length - 1 ? `` : ''} `; }).join('')}
${links.map(l => `
${l.icon}
LINK · ${l.num} / 6
${esc(l.name)}
核心价值
${esc(l.coreValue)} · ${esc(l.output)}
关键资源
    ${l.resources.map(r => `
  • ▸${esc(r)}
    • `).join('')}
合作伙伴
${esc(l.partner)}
${l.kpi.map(k => `${esc(k)}`).join('')}
`).join('')}
VALUE ACCUMULATION · 价值沉淀闭环
${[ { stage: '资源投入', val: '研发 + 生产', icon: '🧪', tint: BRAND.TECH_BLUE }, { stage: '价值产出', val: '渠道 + 营销', icon: '📢', tint: BRAND.WARM_ORANGE }, { stage: '用户感知', val: '服务 + 体验', icon: '🎧', tint: BRAND.ROSE }, { stage: '口碑沉淀', val: 'NPS / 复购 / 社交', icon: '⭐', tint: '#8B5CF6' }, { stage: '品牌资产', val: '江中肝纯片 = 场景化复合护肝', icon: '🏆', tint: BRAND.LIVER_AMBER }, ].map((s, i, arr) => `
${s.icon}
${esc(s.stage)}
${esc(s.val)}
${i < arr.length - 1 ? `
→
` : ''}
`).join('')}
`; } // ----- 2.5.3 用户价值获取路径 · User Value Acquisition Path ------------------ function renderValue3Journey({ slideNum, slideTotal, chapter, A }) { const c = chapter; const stages = [ { num: '1', name: '接触期', en: 'TOUCH', icon: '👁️', tint: BRAND.WARM_ORANGE, action: '看到广告 / 刷到种草 / 逛药店货架', channel: ['小红书信息流', '抖音短视频', '药店柜台 POP', '社群分享'], cognition: '江中肝纯片 · 新品 · 复合配方', emotion: '好奇 · 点击想看', delivery: '包装视觉（江中绿+琥珀金）+ 广告语（场景化复合护肝）', reinforce: '醒目包装主视觉 + KOL 爆款笔记 + 地推展架', vocQuote: '"刷到那个打工人自救指南爆款，点进来看看"', metricLabel: '触达率', metricVal: '800w+', }, { num: '2', name: '认知期', en: 'COGNITION', icon: '🔍', tint: BRAND.TECH_BLUE, action: '搜索关键词 / 看科普内容 / 对比竞品', channel: ['百度 / 知乎', '小红书评测', '抖音医生号', '丁香医生 APP'], cognition: '4 重协同 · 比单一水飞蓟强', emotion: '理解 · 认可科学逻辑', delivery: '内容科普（成分机理）+ 一物一码（成分详解）+ 医生背书', reinforce: 'KOL 分级（医生/专家/生活）矩阵式种草 + 科普动画', vocQuote: '"单独吃水飞蓟 2 个月没效果，这个复合的才科学"', metricLabel: '认知深度', metricVal: '45%', }, { num: '3', name: '决策期', en: 'DECISION', icon: '✅', tint: BRAND.JIANG_GREEN, action: '加购对比 / 咨询客服 / 看测评 / 下单', channel: ['天猫 / 京东', '美团买药', '药店店员', '品牌旗舰店'], cognition: '江中出品 · 值得信赖 · 价格合理', emotion: '安心 · 信任', delivery: '江中品牌背书 + 第三方检测报告 + 克数透明 + 甜点价位 ¥79-119', reinforce: '对比陈列物料（vs 单一配方）+ 店员培训激励 + 促销弹窗', vocQuote: '"江中靠谱，检测报告一扫就出，放心下单"', metricLabel: '决策转化', metricVal: '18%', }, { num: '4', name: '使用期', en: 'USE', icon: '💊', tint: BRAND.LIVER_AMBER, action: '打开包装 / 扫码 / 按时服用 / 记录打卡', channel: ['线下开瓶', '小程序打卡', '企业微信群', '个人日历提醒'], cognition: '服用方便 · 易吞咽 · 味道不差', emotion: '满意 · 坚持', delivery: '服用日历小程序（每日推送）+ 易吞咽配方 + 复购激励', reinforce: '14 天打卡得 8 折券 + 社群晒卡活动 + 用药咨询客服', vocQuote: '"小程序天天提醒，连打卡 21 天送一瓶，有仪式感"', metricLabel: '30 日留存', metricVal: '62%', }, { num: '5', name: '评价期', en: 'EVALUATE', icon: '⭐', tint: BRAND.ROSE, action: '体检复查 / 写评价 / 朋友推荐 / 复购', channel: ['体检报告', '电商 / 小红书分享', '朋友口碑', '会员复购'], cognition: '效果确实好 · 值得推荐 · 长期跟', emotion: '满足 · 信赖 · 推荐', delivery: '复购激励（复购 8 折 / 会员升级）+ 晒卡 UGC 奖励', reinforce: '转氨酶改善前后对比 + NPS 调研 + 社交裂变', vocQuote: '"吃 3 瓶，转氨酶 58→32，给老公也买"', metricLabel: '复购率', metricVal: '40%', }, ]; return `
${c.num}.3 · USER VALUE JOURNEY

用户价值获取路径 · 5 阶段感知链

接触 → 认知 → 决策 → 使用 → 评价 5 阶段，每阶段行为 × 渠道 × 认知 × 情感 × 价值传递 × 强化手段完整拆解

JOURNEY TIMELINE · 用户端价值感知时序
${stages.map(s => `
${s.icon}
STAGE ${s.num} · ${s.en}
${esc(s.name)}
${esc(s.action)}
`).join('')}
${stages.map(s => ``).join('')} ${stages.map(s => ``).join('')} ${stages.map(s => ``).join('')} ${stages.map(s => ``).join('')} ${stages.map(s => ``).join('')} ${stages.map(s => ``).join('')} ${stages.map(s => ``).join('')} ${stages.map(s => ``).join('')}
维度${s.icon} ${esc(s.name)}
📱 主要渠道${s.channel.map(ch => `
▸ ${esc(ch)}
`).join('')}
🧠 认知变化${esc(s.cognition)}
❤️ 情感变化${esc(s.emotion)}
📦 价值传递${esc(s.delivery)}
🔋 强化手段${esc(s.reinforce)}
💬 VOC 原声${esc(s.vocQuote)}
📊 关键指标
${esc(s.metricVal)}
${esc(s.metricLabel)}
CONVERSION FUNNEL · 端到端转化漏斗
${[ { label: '触达', val: '800w', rate: '100%', tint: BRAND.WARM_ORANGE, width: 100 }, { label: '认知', val: '360w', rate: '45%', tint: BRAND.TECH_BLUE, width: 85 }, { label: '决策', val: '65w', rate: '18% (累 8%)', tint: BRAND.JIANG_GREEN, width: 62 }, { label: '使用', val: '40w', rate: '62% (累 5%)', tint: BRAND.LIVER_AMBER, width: 42 }, { label: '复购', val: '16w', rate: '40% (累 2%)', tint: BRAND.ROSE, width: 25 }, ].map((f) => `
${esc(f.val)}
${esc(f.rate)}
${esc(f.label)}
`).join('')}
漏斗洞察：触达 → 决策转化 8%（高于行业均值 5%），"江中品牌 + 复合配方"双 buff 推动信任快速建立；复购率 40% 是 OTC 保健类头部表现，受益于服用日历小程序 + 会员体系沉淀。
`; } module.exports = { renderValue1Canvas, renderValue2Chain, renderValue3Journey };