# 需求文档：MyCombo 场景预设 & 单品页入口 **日期：** 2026-04-27（最后更新：2026-04-28） **状态：** 评审通过，待开发 **负责页面：** unifab.ai/mycombo 主页 + 所有单品产品页 --- ## 一、背景与目标 MyCombo 当前要求用户从一个长列表中自行浏览并选择产品，没有任何引导，导致不熟悉产品线的用户面临选择困难，转化率偏低。 本次需求新增两个功能模块： 1. **MyCombo 主页场景预设**：在顶部摘要区下方提供 4 个场景套餐胶囊，帮助用户快速选定产品组合 2. **单品页 MyCombo 内嵌卡片**：在各单品产品页价格区下方嵌入一个可折叠的 MyCombo 入口，用户无需跳转即可原地完成套餐配置 --- ## 二、产品列表 ### 2.1 Win 端（24 产品） | 分类 | 产品 | 标签 | | -------------------------------------- | ---------------------------------- | ------------ | | **AI Video Enhancement & Restoration** | Video Upscaler AI | HOT | | | HDR Upconverter AI | | | | Face Enhancer AI | | | | RTX Rapid Upscaler AI | RTX | | | RTX RapidHDR AI | RTX | | | Video Upscaler AI – FabCloud | Cloud | | | HDR Upconverter AI – FabCloud | Cloud | | **AI Retouch & Creative Effects** | Video Colorizer AI | HOT | | | Deinterlace AI | | | | Smoother AI | | | | Denoise AI | | | | Video Stabilizer AI | | | | Video Colorizer AI – FabCloud | Cloud · New | | **Utility & Audio Tools** | Subtitle Generator AI – FabCloud | Cloud | | | Video Translator AI – FabCloud | Cloud | | | VideoRefiner AI – FabCloud | Cloud | | | MusicMeta Converter AI – FabCloud | Cloud | | | RTX Rapid Denoiser AI | RTX · New | | | Audio Upmix AI | | | | TV Show Converter | | | **Other UniFab APPs** | UniFab Screen Recorder | | | | Video Editor | | | | Toolkit | | | | Photo Enhancer AI | | > 注：Other UniFab APPs 中任意产品被选中时，不触发 AIO 推荐弹窗（此逻辑不在本期范围）。 ### 2.2 Mac 端（12 产品，无 Other UniFab APPs 分类） Mac 产品均以「for Mac」命名，与 Win 版本为独立 SKU。 | 分类 | 产品 | 标签 | | -------------------------------------- | ------------------------------------------ | ------------ | | **AI Video Enhancement & Restoration** | Video Upscaler AI for Mac | HOT | | | HDR Upconverter AI for Mac | | | | Face Enhancer AI for Mac | | | | Video Upscaler AI for Mac – FabCloud | Cloud | | | HDR Upconverter AI for Mac – FabCloud | Cloud | | | VideoRefiner AI for Mac – FabCloud | Cloud · New | | **AI Retouch & Creative Effects** | Deinterlace AI for Mac | | | | Smoother AI for Mac | | | | Denoise AI for Mac | | | **Utility & Audio Tools** | Subtitle Generator AI for Mac | | | | TV Show Converter for Mac | | | | MusicMeta Converter AI for Mac – FabCloud | Cloud · New | --- ## 三、场景预设（4 个固定套餐） 捆绑价格固定 **$199.99**（avg. $49.99 per product）。Win/Mac 分别定义，各 4 套。 ### 3.1 Win 预设 | 套餐 | 产品 1 | 产品 2 | 产品 3 | 产品 4 | | --------------------- | ----------------------------- | ------------------------------ | --------------------------------- | --------------------------------- | | **Video Enhancement** | Video Upscaler AI | HDR Upconverter AI | Denoise AI | Smoother AI | | **TV Show Lover** | Video Upscaler AI | TV Show Converter | Subtitle Generator AI – FabCloud | Audio Upmix AI | | **Old Video Restore** | Video Upscaler AI | Video Colorizer AI | Face Enhancer AI | Subtitle Generator AI – FabCloud | | **FabCloud Package** | Video Upscaler AI – FabCloud | HDR Upconverter AI – FabCloud | Subtitle Generator AI – FabCloud | Video Translator AI – FabCloud | ### 3.2 Mac 预设 Mac 仅 12 款产品，部分 Win 预设产品在 Mac 无对应版本，需替换。 **Video Enhancement（Mac）** | # | 产品名 | | - | -------------------------- | | 1 | Video Upscaler AI for Mac | | 2 | HDR Upconverter AI for Mac | | 3 | Denoise AI for Mac | | 4 | Smoother AI for Mac | 与 Win 版完全一致，4 款均有 Mac 版本。 --- **TV Show Lover（Mac）** | # | 产品名 | 备注 | | - | ----------------------------- | ----------------------------------------------------------------------- | | 1 | Video Upscaler AI for Mac | | | 2 | TV Show Converter for Mac | | | 3 | Subtitle Generator AI for Mac | | | 4 | HDR Upconverter AI for Mac | Win 版为 Audio Upmix AI，Mac 无此版本，替换为HDR Upconverter AI for Mac | --- **Old Video Restore（Mac）** | # | 产品名 | 备注 | | - | -------------------------- | -------------------------------------------------------------------------------------------------------------------------------------- | | 1 | Video Upscaler AI for Mac | | | 2 | Face Enhancer AI for Mac | | | 3 | Denoise AI for Mac | | | 4 | HDR Upconverter AI for Mac | Win 版为 Video Colorizer AI + Subtitle Generator AI – FabCloud，Mac 均无对应，替换为 HDR Upconverter AI for Mac 和 Denoise AI for Mac | --- **FabCloud Package（Mac）** | # | 产品名 | 标签 | | - | ------------------------------------------ | ------------ | | 1 | Video Upscaler AI for Mac – FabCloud | Cloud | | 2 | HDR Upconverter AI for Mac – FabCloud | Cloud | | 3 | VideoRefiner AI for Mac – FabCloud | Cloud · New | | 4 | MusicMeta Converter AI for Mac – FabCloud | Cloud · New | Mac 恰好有 4 款 FabCloud 产品，全部纳入。 --- ## 四、MyCombo 主页改版（unifab.ai/mycombo） ### 4.1 整体布局 ![1777359403767](images/PRD-MyCombo场景预设/1777359403767.png) Combo 组件从上到下依次为： ``` ┌────────────────────────────────────────────────┐ ← 顶部摘要区（灰底） │ YOUR COMBO X / 4 products selected │ │ Product A · Product B · Product C · Product D │ │ 🎁 Gift: 1,000 FabCloud Credits included │ ← 条件显示 │ Bundle Price $199.99 │ │ avg. $49.99 / product │ │ [Buy Now] │ │ [Up to 63% OFF] ←角标 │ ├────────────────────────────────────────────────┤ ← 预设行（白底） │ Preset [Custom] [⚡ Video Enhancement] │ │ [⚡ TV Show Lover] │ │ [⚡ Old Video Restore] │ │ [⚡ FabCloud Package] │ ├────────────────────────────────────────────────┤ ← 警告条（条件显示） │ ⚠ You've already selected 4 products... │ ├────────────────────────────────────────────────┤ ← 产品列表（可滚动） │ AI Video Enhancement & Restoration │ │ □ Video Upscaler AI HOT □ HDR Upconverter AI │ │ ...（按 2.1/2.2 完整展示） │ └────────────────────────────────────────────────┘ ``` **与原版的关键变化：** - 摘要价格区移至**顶部**，用户无需滚动即可看到价格和 Buy Now - 移除了原 Info Strip（预设说明条） - **Custom 胶囊置于预设行首位**（原为末尾） - 预设胶囊图标改为 SVG 闪电图标，不含中文副标题 ### 4.2 顶部摘要区 - 背景：浅灰 - 左侧：「YOUR COMBO」标签 + 「X / 4 products selected」计数 + 已选产品名列表 + 条件 FabCloud 礼物标签 - 右侧：「Bundle Price」标签 + 「$199.99」大字 + 「avg. $49.99 / product」小字 + Buy Now 按钮 - 右上角：绝对定位红色角标「Up to 63% OFF」 ### 4.3 预设行 - 「Preset」文字标签 + 胶囊列表 - **Custom 胶囊**（首位）：虚线边框，灰色，默认或手动调整时激活 - **场景胶囊**（4 个）：SVG 闪电图标 + 英文套餐名 - 默认：浅灰边框，白底 - 悬停：紫色边框 - 激活：紫色边框 + 浅紫背景 - 页面加载默认激活 **Video Enhancement** 套餐 ### 4.4 交互规则 | 行为 | 规则 | | ---------------- | ------------------------------------------------------------------------------------------------------------------------------- | | 应用预设 | 勾选对应 4 款产品，取消勾选其余所有 | | 手动增减 | 用户可在预设基础上自由调整勾选 | | 预设自动检测 | 每次手动变更后，比对当前选择与所有预设。完全匹配 → 点亮对应胶囊；否则 → 激活 Custom | | 最多 4 款 | 已选 4 款时点击第 5 款，弹出警告：「You've already selected 4 products. Deselect one before adding another.」未选产品行置灰禁用 | | Buy Now 激活条件 | 仅在恰好选中 4 款时激活 | ### 4.5 Win / Mac 切换 - 切换 OS 时，隐藏另一平台的产品行；Other UniFab APPs 分类整体仅 Win 显示 - 取消选中所有属于前一平台的已选产品 - 若当前无选中产品 → 自动应用 Video Enhancement 预设；否则重新检测当前预设 - 预设定义切换为对应平台的套餐（见第三章） ### 4.6 价格展示 - 固定显示 **$199.99**，不做动态折扣计算 - 副文案：「avg. $49.99 per product」 ### 4.7 FabCloud Credits 礼物标签 - **触发条件**：已选产品中包含任意 FabCloud 产品 - Win：产品名含「– FabCloud」 - Mac：产品名含「for Mac – FabCloud」 - **位置**：顶部摘要区，已选产品名列表下方 - **文案**：`Gift: 1,000 FabCloud Credits included` - 随 FabCloud 产品勾选/取消动态显示或隐藏 > Win：TV Show Lover、Old Video Restore、FabCloud Package 均含 FabCloud 产品，礼物标签默认显示；仅 Video Enhancement 不含。 > Mac：仅 FabCloud Package 含 FabCloud 产品，其余三套不显示标签。 --- ## 五、单品页 MyCombo 内嵌卡片 ### 5.1 位置 嵌入各单品产品页**价格卡片区正下方**，随页面内容自然滚动，不固定吸底。 ### 5.2 折叠态 ![1777359457550](images/PRD-MyCombo场景预设/1777359457550.png) ``` ┌────────────────────────────────────────────────┐ │ [产品盒图] UniFab MyCombo $199.99 │ ← 右上角「Up to 63% OFF」 │ Pick any 4 — save up to 63% │ 红色角标嵌入折叠卡内 │ avg. $49.99/product │ 展开时随折叠卡隐藏 │ [Video Enhancement] [TV Show Lover] │ │ [Old Video Restore] [FabCloud Pkg] │ │ [Customize Now →] │ └────────────────────────────────────────────────┘ ``` - 左侧：UniFab MyCombo 产品盒图 - 中间：标题 + 副文案（63% 橙色强调）+ 4 个场景 Chip - 右侧：`$199.99` 大字 + `avg. $49.99 per product` + 「Customize Now →」描边按钮（紫色） - 红色角标「Up to 63% OFF」：嵌入折叠卡内，展开时随折叠卡隐藏，不残留在展开态 ### 5.3 默认预设自动匹配 根据当前产品页所属产品，**自动匹配第一个包含该产品的预设**，优先级：Video Enhancement → TV Show Lover → Old Video Restore → FabCloud Package。（如果当前选的产品没有在任何一个套装中，则默认选中custom，选中原来定的四个或3个） 示例： - TV Show Converter 产品页 → TV Show Lover 含此产品 → 默认 TV Show Lover - Video Upscaler AI 产品页 → 四个预设均含此产品 → 默认 Video Enhancement（第一顺位） - RTX Rapid Upscaler AI 产品页 → 无预设含此产品 → 默认 Video Enhancement ### 5.4 展开态 ``` ┌──────────────────────────────────────────────────────┐ │ YOUR COMBO X / 4 products selected │ ← 顶部摘要（灰底） │ Product A · Product B · Product C · Product D │ │ Gift: 1,000 FabCloud Credits included（条件显示） │ │ Bundle Price 63% OFF $199.99 [Buy Now] │ ├──────────────────────────────────────────────────────┤ │ Preset [Custom] [Video Enhancement] [TV Show Lover]│ │ [Old Video Restore] [FabCloud Package] │ ├──────────────────────────────────────────────────────┤ │ ⚠ 超选警告条（条件显示） │ ├──────────────────────────────────────────────────────┤ │ 产品列表（可滚动，与主页完全一致） │ │ ▲ Collapse │ └──────────────────────────────────────────────────────┘ ``` 与 MyCombo 主页差异：单品页内嵌卡片无 Win/Mac 切换，产品页本身已决定平台。 ### 5.5 展开态交互规则 与主页完全一致（见 4.4）：固定 4 款、预设自动检测、FabCloud 礼物标签、Buy Now 仅在选满 4 款时激活。 --- ## 六、不在本期范围 - 用户中心 MyCombo 入口 - 购买后追加销售弹窗 - 基于用户购买历史的个性化推荐 - 动态折扣计算（本期价格固定 $199.99） - Other UniFab APPs 被选中时的 AIO 拦截弹窗（该弹窗为独立需求） --- ## 七、待确认事项（工程侧） 1. **价格注入方式**：$199.99 是前端写死的常量，还是来自定价 API？ 2. **FabCloud 产品标识**：工程侧是否有统一的 `data-fabcloud` 属性或分类字段可直接使用？ 3. **当前产品注入（单品页）**：单品页需知道当前产品名/ID 以运行预设匹配，确认注入方式（meta 标签、JS 全局变量等）。 4. **平台判断（单品页）**：单品页本身是 Win 页还是 Mac 页，需通过何种方式告知 MyCombo 卡片组件？ 5. **FabCloud Credits 发放**：1,000 积分是结账时自动下发，还是需要 coupon code？由哪个后端模块负责？ 6. **Mac 端 Other UniFab APPs**：Mac 端完全不展示此分类，是否还有其他 Mac 端差异需要工程侧特殊处理？ --- ## 八、数据上报 与现有 MyCombo 埋点规范对齐，统一使用 `event / label / value` 三字段上报。 ### 8.1 MyCombo 主页（unifab.ai/mycombo） | 触发时机 | event | label | value | |---|---|---|---| | 页面加载完成 | `pageview` | `mycombo_page` | `win` / `mac` | | 点击 Win / Mac 切换 | `click` | `mycombo_switch_os` | `win` / `mac` | | 点击 Video Enhancement 预设 | `click` | `mycombo_preset_enhance` | | | 点击 TV Show Lover 预设 | `click` | `mycombo_preset_tvshow` | | | 点击 Old Video Restore 预设 | `click` | `mycombo_preset_restore` | | | 点击 FabCloud Package 预设 | `click` | `mycombo_preset_fabcloud` | | | 点击 Custom 胶囊 | `click` | `mycombo_preset_custom` | | | 勾选产品 | `click` | `chek_mycombo` | `{product_name}`，如 `video_upscaler_ai` | | 取消勾选产品 | `click` | `unchek_mycombo` | `{product_name}` | | 点击 Buy Now | `buy_now` | `mycombo_buynow` | | ### 8.2 单品页内嵌卡片 | 触发时机 | event | label | value | |---|---|---|---| | 卡片进入视口（首次曝光） | `pageview` | `mycombo_card_impression` | `{当前产品名}`，如 `video_upscaler_ai` | | 点击「Customize Now →」展开 | `click` | `open_mycombo_card` | `{当前产品名}` | | 点击「Collapse」收起 | `click` | `close_mycombo_card` | `{当前产品名}` | | 展开态点击 Video Enhancement | `click` | `mycombo_card_preset_enhance` | | | 展开态点击 TV Show Lover | `click` | `mycombo_card_preset_tvshow` | | | 展开态点击 Old Video Restore | `click` | `mycombo_card_preset_restore` | | | 展开态点击 FabCloud Package | `click` | `mycombo_card_preset_fabcloud` | | | 展开态点击 Custom | `click` | `mycombo_card_preset_custom` | | | 展开态勾选产品 | `click` | `chek_mycombo_card` | `{product_name}` | | 展开态取消勾选产品 | `click` | `unchek_mycombo_card` | `{product_name}` | | 展开态点击 Buy Now | `buy_now` | `mycombo_buynow` | | ### 8.3 埋点优先级 | 优先级 | label | 说明 | |---|---|---| | P0 | `mycombo_buynow`、`mycombo_card_impression`、`mycombo_page` | 直接衡量转化与曝光，必须随功能上线 | | P1 | `mycombo_preset_*`、`mycombo_card_preset_*`、`mycombo_switch_os` | 分析预设偏好与平台分布 | | P2 | `chek_mycombo*`、`unchek_mycombo*`、`open_mycombo_card`、`close_mycombo_card` | 细化用户行为路径，优化期补充 | --- ## 九、原型文件 | 文件 | 说明 | | ---------------------------------------------------------- | ----------------------------------------------- | | [prototype-mycombo-main.html](prototype-mycombo-main.html) | MyCombo 主页改版原型（可交互，含 Win/Mac 切换） | | [prototype-product-page.html](prototype-product-page.html) | 单品页内嵌卡片原型（可交互，折叠/展开） |