对象一
平台方：视频 App、短剧 App、小程序与 OTT 端
关心的核心问题是：内容是否足够丰富、产品形态是否易于接入、技术与数据是否能融入既有体系，以及在拉新、留存、会员与变现上的实际表现。
- 在 1shouye.html 中体验剧场首页与推荐货架。
- 在 2list.html 系统性查看内容结构与筛选维度。
- 在 4scenarios.html 把场景映射为自家产品方案。
- 在 5business.html 查看接入方式、技术说明与合作流程。
示范剧场官网 · 面向 B 端的完整故事
将漫剧剧场体验与 600 万+ 短剧内容 一次性讲清楚
DramaVerse 用一个可交互的示范剧场官网，集中展示内容规模、漫剧 SDK 能力和三方合作路径，帮助平台方、品牌方与内容方快速对齐认知。
单大类短剧·漫剧约 40 万部
跨端漫剧 SDK（App / H5 / 小程序 / OTT）
覆盖拉新 · 留存 · 变现 · 品牌营销全链路
为商务与技术沟通打前站
建议按顺序依次体验：剧场首页 → 剧集列表 → 剧集详情 → 业务场景 → 商务合作。
内容规模
600 万+
短剧与漫剧内容条目，可按题材、人群与终端维度组合。
接入周期示例
3–5 天
在既有 App / 小程序内复制同款示范剧场体验（基础版）。
业务覆盖
4 大方向
拉新、留存、变现、品牌营销，支持多行业、多人群、多场景。
DramaVerse 官网主要版块
5 个核心页面 · 可扩展
当前官网由 5 个核心页面组成，分别承载剧场体验、内容片单、单剧详情、业务场景说明和商务合作入口，帮助你从体验到正式对接一路看懂。
剧场首页 · 像 App 一样的短剧/漫剧首页
剧集列表 · 按类型与场景浏览示例片单
单剧详情 · 从单个 IP 看内容与商业位点
业务场景方案 · 拉新/留存/变现/品牌一站式拆解
商务合作与技术接入 · 合作模式与接入流程说明
未来扩展 · 资讯 / 案例 / FAQ 等长期栏目
三类核心合作对象与在官网中的位置
站点从一开始就围绕平台方、品牌方与内容方三类角色规划，为每一类角色提供清晰入口与信息区域，避免浏览路径混乱。
平台方（视频 App / 综合内容平台）
品牌方（营销与电商团队）
内容方（漫剧创作与 IP 持有方）
对象二
品牌方：营销、品牌、电商与代理公司团队
关心的核心问题是：是否能通过漫剧提升品牌认知、完成剧情带货与 IP 共创，以及在曝光、互动与 GMV 上可以预期什么样的效果。
- 在 1shouye.html 看到品牌联名与剧情带货相关剧集卡片。
- 在 4scenarios.html 查看「品牌场景」与剧情带货方案。
- 在 5business.html 品牌方区域了解合作模式与案例指标。
- 后续可在资讯板块阅读品牌营销趋势与案例拆解。
对象三
内容方：漫剧创作者、工作室与 IP 持有方
关心的核心问题是：作品如何加入、上线渠道有哪些、分发与收益方式如何，以及 DramaVerse 会在创作、运营与数据侧提供什么样的长期支持。
- 在 1shouye.html 与未来扩展模块中看到「漫剧加入」说明。
- 在 3detail.html 理解单个 IP 在平台内的应用方式。
- 在 5business.html 内容方区域查看投稿、筛选与结算流程。
- 未来可以通过案例库看到优质作品的成长路径。
内容 · 技术 · 业务三位一体的核心能力
站点围绕内容、技术与业务三条主线呈现核心能力，每一项能力都在对应页面集中展示，并尽量贴近真实产品体验。
内容能力：从「片单展示」到「结构化内容资产」
600 万+ 短剧与漫剧内容池
单大类约 40 万部
题材 / 人群 / 场景 / 终端多维标签
在 1shouye 与 2list 页面中，内容不再以「简单列表」出现，而是以贴近真实货架的方式呈现：分类 Tab、子分类、标签组与 Meta 信息一起，形成可按目标场景选择内容的结构化面板。
- 示例剧集卡片通过脚本自动补足，模拟每个分类下 50+ 条内容。
- Meta 文案多次强调「单分类 40 万+ 剧集示例」「支撑 600 万+ 总剧库接入」。
- 列表页预留题材、时长、人群、目标场景、适配终端等筛选条件。
- 未来可将真实算法与运营策略挂载在相同的结构上。
技术能力：跨端漫剧 SDK 与可复用产品组件
App / H5 / 小程序 / OTT / TV
播放器组件与推荐服务
数据回传与运营配置
官网并不直接展示代码，而是利用一套完整的交互细节，暗示可复用的技术能力：试看逻辑、登录弹窗、集数锁定、分类筛选与事件埋点等，都在未来的漫剧 SDK 中有对应能力。
- 右侧播放器区域展示可嵌入到任意容器中的标准播放组件。
- 业务场景页标注各场景使用的 SDK 能力，例如推荐、事件回传等。
- 商务合作页中概述接入周期、典型工作量与数据对接方式。
- 未来可在单独的 SDK 页面挂载技术文档与 Demo 链接。
业务能力：从拉新到品牌营销的场景化解决方案
拉新 · 留存 · 变现 · 品牌
标准化场景模板
可本地化的运营玩法
在 4scenarios 页面中，拉新、留存、变现与品牌场景被拆解成一系列可复用的解决方案模块，每个模块都有清晰的目标、组合内容与预期指标，用于支撑商务沟通与内外部方案撰写。
- 为每个业务场景配置对应的短剧/漫剧组合与推荐玩法。
- 在方案模块中标注需要用到的产品模块与 SDK 能力。
- 通过示例数据与指标段位，帮助评估业务可行性与优先级。
- 支持按终端形态、本地市场与品牌风格进行二次定制。
合作能力：三方协同的长期运营与共创机制
平台方 · 品牌方 · 内容方三方协同
从一次合作到长期运营
真实数据驱动的优化闭环
5business 页面不仅介绍一次性的合作流程，也强调持续运营与共创的可能性：内容长期更新、品牌复购、多地区多终端联动以及与内容方的 IP 共创，都可以在同一套合作模型下展开。
- 通过流程时间轴展示从需求沟通到复盘优化的全链路步骤。
- 平台方区域强调用户体量覆盖与业务收益结构。
- 品牌方区域展示不同预算与目标对应的合作模式与指标。
- 内容方区域说明长期签约、发行合作与多渠道分发机制。
三条典型用户旅程：从搜索到合作落地
站点以「旅程」而非「单页」为单位规划：平台方、品牌方和内容方从不同入口进入后，都能沿着清晰路径完成了解、评估并发起合作。
旅程一 · 平台方典型路径
从「漫剧合作」搜索词到「接入方案」决策
平台方多半带着明确的业务目标来到官网：希望通过漫剧与短剧提升拉新、留存或变现。站点通过连续的页面，将抽象需求一步步映射成可执行的方案。
- 在搜索引擎输入「漫剧合作」「漫剧 SDK 接入」，进入 0shouye 或 1shouye。
- 在剧场首页中感受内容规模、货架形态与试看逻辑。
- 跳转 4scenarios，将首页体验映射为具体拉新/留存/变现场景。
- 进入 5business，查看合作模式、接入周期与技术支持内容。
- 通过页面表单或联系方式发起商务和技术对接。
目标是帮助平台方在第一次会前就完成对产品形态的基本想象。
旅程二 · 品牌方典型路径
从「剧情带货灵感」到「品牌联名项目」
品牌方进入官网时，往往已经对短视频与内容营销有一定了解，期待看到的是足够新鲜的玩法组合、可复制的案例结构以及可落地的预算与周期说明。
- 通过活动邀请、行业文章或好友推荐进入 1shouye 或 4scenarios。
- 浏览首页中的品牌联名卡片与剧情带货标签，收集灵感。
- 在 4scenarios 中查看「品牌场景」模块与多行业案例示例。
- 在 5business 的品牌方区域了解预算区间、素材要求与效果指标。
- 携带品牌简报与预算意向，通过表单提交项目信息。
目标是让品牌在浏览过程中自然而然产出一份可沟通的简要需求。
旅程三 · 内容方典型路径
从「作品投稿」到「多渠道发行」
内容方更关注「创作后的事情」：如何让作品被更多平台和用户看到，能否与品牌联动，数据表现如何回流到创作决策中。站点会在多处讲清楚这条路径。
- 在首页或未来新增模块看到「漫剧加入」入口与成功案例摘要。
- 在 3detail 中理解单个 IP 在平台与品牌方案中的使用方式。
- 在 5business 的内容方区域查看投稿要求、筛选标准与结算周期。
- 后续可在案例库中看到优质作品如何从单点上线发展为矩阵合作。
- 通过站内入口或指定渠道提交作品与基础资料。
目标是让创作者相信：这个平台不仅能「上架」，还能帮助作品长期经营。
如何使用这套 HTML 站点 · 建议体验顺序
这是一套面向演示和内部评审的 HTML 站点骨架，可作为真实官网的雏形，也可作为对产品、内容与合作能力的一次集中演练。
体验路线一：从产品体验角度感受整站
如果你是产品经理、运营或内容团队，可以优先从「体验」角度出发，把官网当作一款真实的短剧 App 去浏览。重点关注推荐结构、场景组合与关键按钮的落点。
- 第一步：打开 1shouye.html，从顶部导航到播放器区域完整浏览。
- 第二步：切换不同分类与子分类，观察内容标签与 Meta 信息设计。
- 第三步：进入 2list.html，体验更系统的片单与筛选结构。
- 第四步：打开 3detail.html，从单 IP 视角理解商业位点与场景。
- 第五步：回到 4scenarios.html，将前面看到的体验总结为标准场景。
体验路线二：从商务与技术接入的角度出发
如果你负责商务、品牌或技术接入，可以将这套页面视作一份「在线版合作说明书」。在浏览时关注的是合作模式、接入工作量与可复用的组件，而不是单部剧的故事情节。
- 第一步：快速扫过 1shouye.html，确认内容形态与功能模块是否适配。
- 第二步：在 4scenarios.html 里找到与你当前 KPI 对应的场景模块。
- 第三步：打开 5business.html，重点阅读与你角色对应的区域。
- 第四步：结合本地市场与终端情况，记录需要定制或调整的地方。
- 第五步：使用站点中的表单与联系方式，发起下一步具体沟通。