# 无界科技传媒 · wujie · V0.5.0 设计蓝图

版本：V0.5.0 · 2026-11-04 · 三站路线图 V2 · 严选平台与独立官网

共同源：`docs/product/spec.json` · 指纹：`b29a86a29f00`。本文件由 `npm run docs:generate` 生成，请修改共同源后同步。

## 1. 体验主线

浅色正文、白色卡片配深色品牌区与页脚；官网深色 Logo 展示区和生态区，平台深色首屏接浅色供应商目录。保留原透明 PNG、简洁文案和电光蓝功能主色，金色只用于品牌细节。

严选把控型 B2B 平台：产品与服务两条业务线，企业联系方式一律隐藏，客户需求统一交给无界顾问确认、筛选、协调和跟进。

两条业务线：找产能与找增长。统一询盘为主要行动，产品供应商和服务供应商分别入驻；所有企业联系经由无界。产品供应商与服务供应商后台提供资料、需求与交付的本地演示，真实会员及企业权限后置。

## 2. 信息架构

`官网六导航 → 公司与四业务 / 生态网络 → 官网联系需求；原供应商目录 → 企业详情 → 统一询盘 / 两类入驻 → 工作台演示。官网支持 /en 同构内容，平台目录与工作台保留中文。`

| 页面 | 名称 | 地址 | 用户 | 当前覆盖 |
| --- | --- | --- | --- | --- |
| PAGE-01 | 首页 | / | 访客 | 已实现 |
| PAGE-02 | 严选供应商库 | /suppliers（/factories 兼容） | 访客/会员 | 已实现 |
| PAGE-03 | 供应商详情 | /factories/:id | 访客/会员 | 已实现 |
| PAGE-04 | 企业服务目录 | /services | 所有企业 | 本轮补齐 |
| PAGE-05 | 服务范围详情 | /services/:id | 所有企业 | 本轮补齐 |
| PAGE-06 | 统一询盘与两类企业入驻 | /inquiry · /apply/factory · /apply/service | 意向客户 / 企业申请者 | Demo 已实现 |
| PAGE-07 | 演示需求跟进中心 | /member | 采购会员 | 统一询盘跟进已模拟；真实会员与交付后置 |
| PAGE-08 | 产品供应商后台演示 | /factory-console | 产品供应商 | 网站本地 Demo 已实现；非真实企业账号 |
| PAGE-09 | 服务供应商后台演示 | /service-console | 服务供应商 | 网站本地 Demo 已实现；非真实企业账号 |
| PAGE-10 | V1 运营演示台 | /admin | 运营 | 本地 Demo；真实后台优先现成工具 |
| PAGE-11 | 项目评审台 | /project/index.html | 项目评审者 | 本轮交付 |
| PAGE-12 | 正式登录与企业身份 | 规划 /login | 企业成员 | 后续规划，非询盘前置 |
| PAGE-13 | 类目树与品类列表 | /categories · /categories/:slug | 访客 / 意向客户 | Demo 已实现 |
| PAGE-14 | 无界标准 | /standards | 访客 / 企业 | Demo 已实现 |
| PAGE-15 | 智能匹配预览 | /match-preview | 访客 / 采购会员演示 | 网站 Demo 已实现 |
| PAGE-16 | AI 获客内容工作台 | /ai-content | 供应商 / 服务供应商演示 | 网站 Demo 已实现 |
| PAGE-17 | 模拟获客效果 | /factory-console · /service-console 的获客效果 | 供应商 / 服务供应商演示 | 网站 Demo 已实现 |
| PAGE-18 | 品牌故事 | /brand-story | 所有访客 | 已实现：品牌标识与参考照片展示 |
| PAGE-19 | 关于与发展历程 | /about、/history | 访客 | 已实现（内容 / 本地演示） |
| PAGE-20 | 资料包品牌故事 | /brand-story | 访客 | 已实现（内容 / 本地演示） |
| PAGE-21 | 四大业务 | /business、/business/:slug | 访客 | 已实现（内容 / 本地演示） |
| PAGE-22 | 生态网络 | /ecosystem | 访客 | 已实现（内容 / 本地演示） |
| PAGE-23 | 新闻中心占位 | /news | 访客 | 已实现（内容 / 本地演示） |
| PAGE-24 | 官网联系需求 | /contact | 访客 | 已实现（内容 / 本地演示） |
| PAGE-25 | 英文官网 | /en/* | 访客 | 已实现（内容 / 本地演示） |
| PAGE-26 | 官网团队预览 | /team | 访客 | 已实现（V2 内容预览） |

## 3. 页面蓝图

### PAGE-01 首页

- 路径：/
- 使用者：访客
- 当前状态：已实现
- 信息顺序：深空品牌首屏 → 资料包背景横向画廊 → 四大业务 → 生态网络示意 → 品牌故事和供应商目录入口
- 主要动作：提交需求到 /contact；了解无界到 /about；AI 猎客直跳 ai.wujie.co
- 对应需求：REQ-28

### PAGE-02 严选供应商库

- 路径：/suppliers（/factories 兼容）
- 使用者：访客/会员
- 当前状态：已实现
- 信息顺序：页面名 → 产品供应商 / 服务供应商双标签 → 各自品类筛选 → 脱敏卡片 → 对接与入驻
- 主要动作：找供应商、切换类型、提交对接需求
- 对应需求：REQ-03、REQ-04、REQ-27

### PAGE-03 供应商详情

- 路径：/factories/:id
- 使用者：访客/会员
- 当前状态：已实现
- 信息顺序：能力摘要 → 工序/产能/MOQ/交期 → 核验范围 → 定向对接
- 主要动作：任何访客可提交带企业ID的统一询盘；不要求先激活会员，不公开企业联系信息。
- 对应需求：REQ-03、REQ-04、REQ-05、REQ-06

### PAGE-04 企业服务目录

- 路径：/services
- 使用者：所有企业
- 当前状态：本轮补齐
- 信息顺序：需求方/服务供应商双入口 → 类型筛选 → 团队/交付摘要
- 主要动作：查看服务范围；申请服务供应商入驻
- 对应需求：REQ-08、REQ-09、REQ-10

### PAGE-05 服务范围详情

- 路径：/services/:id
- 使用者：所有企业
- 当前状态：本轮补齐
- 信息顺序：适用企业 → 交付物 → 过程 → 边界 → 案例
- 主要动作：提交带服务企业ID的统一服务询盘；查看交付范围为详情导航，服务供应商入驻另走申请。
- 对应需求：REQ-09、REQ-10

### PAGE-06 统一询盘与两类企业入驻

- 路径：/inquiry · /apply/factory · /apply/service
- 使用者：意向客户 / 企业申请者
- 当前状态：Demo 已实现
- 信息顺序：来源企业→类别→联系人/微信手机/描述→选填预算时间→演示回执；入驻按类型分表单
- 主要动作：销售 CTA 统一询盘；入驻单独申请，不因提交询盘激活会员
- 对应需求：REQ-01、REQ-05、REQ-08、REQ-11

### PAGE-07 演示需求跟进中心

- 路径：/member
- 使用者：采购会员
- 当前状态：统一询盘跟进已模拟；真实会员与交付后置
- 信息顺序：对接意向→来源企业→状态与顾问反馈→收藏；旧采购记录保留
- 主要动作：提交统一意向、查看跟进；不展示联系信息
- 对应需求：REQ-05、REQ-10、REQ-18

### PAGE-08 产品供应商后台演示

- 路径：/factory-console
- 使用者：产品供应商
- 当前状态：网站本地 Demo 已实现；非真实企业账号
- 信息顺序：供应商身份与核验 → 待响应采购 → 资料与产能 → 方案回复 → 生产与交付记录
- 主要动作：提交资料更新、回复采购、更新生产、申请验收
- 对应需求：REQ-19、REQ-20

### PAGE-09 服务供应商后台演示

- 路径：/service-console
- 使用者：服务供应商
- 当前状态：网站本地 Demo 已实现；非真实企业账号
- 信息顺序：团队身份与核验 → 待响应服务需求 → 服务资料 → 项目方案 → 交付与修改
- 主要动作：提交资料更新、回复方案、更新项目、提交交付
- 对应需求：REQ-19、REQ-20

### PAGE-10 V1 运营演示台

- 路径：/admin
- 使用者：运营
- 当前状态：本地 Demo；真实后台优先现成工具
- 信息顺序：四项指标→企业库→询盘列表→入驻审核
- 主要动作：企业增删改、核验、上下架；来源与客户仅后台；五种询盘状态；审核生成未公开草稿
- 对应需求：REQ-03、REQ-05、REQ-07、REQ-08、REQ-12

### PAGE-11 项目评审台

- 路径：/project/index.html
- 使用者：项目评审者
- 当前状态：本轮交付
- 信息顺序：产品概览 → PRD → 设计蓝图 → HTML 演示 → 待定事项
- 主要动作：按编号对照、体验场景、下载文档、重置原型
- 对应需求：REQ-16

### PAGE-12 正式登录与企业身份

- 路径：规划 /login
- 使用者：企业成员
- 当前状态：后续规划，非询盘前置
- 信息顺序：邀请/联系渠道核验 → 企业选择 → 授权身份 → 工作台
- 主要动作：真实认证和企业授权在正式系统阶段评审
- 对应需求：REQ-02、REQ-15、REQ-18

### PAGE-13 类目树与品类列表

- 路径：/categories · /categories/:slug
- 使用者：访客 / 意向客户
- 当前状态：Demo 已实现
- 信息顺序：行业→大类→品类→能力标签→企业卡片→该品类询盘
- 主要动作：三层点击到企业；空类目仍可提交需求
- 对应需求：REQ-04、REQ-11

### PAGE-14 无界标准

- 路径：/standards
- 使用者：访客 / 企业
- 当前状态：Demo 已实现
- 信息顺序：准入态度→设备/人员/工艺/产能清单→核验方式→对接流程
- 主要动作：理解核验边界，提交需求或入驻
- 对应需求：REQ-03、REQ-13、REQ-17

### PAGE-15 智能匹配预览

- 路径：/match-preview
- 使用者：访客 / 采购会员演示
- 当前状态：网站 Demo 已实现
- 信息顺序：演示声明 → 需求摘要 → 同品类候选及条件适配分 → 五维理由 → 记录意向
- 主要动作：选这家继续沟通（本地意向）
- 对应需求：REQ-22、REQ-23、REQ-26

### PAGE-16 AI 获客内容工作台

- 路径：/ai-content
- 使用者：供应商 / 服务供应商演示
- 当前状态：网站 Demo 已实现
- 信息顺序：预置内容声明 → 产品/客群/平台 → 三类素材 → 编辑/保存/采纳
- 主要动作：生成三份演示草稿
- 对应需求：REQ-24、REQ-26、REQ-27

### PAGE-17 模拟获客效果

- 路径：/factory-console · /service-console 的获客效果
- 使用者：供应商 / 服务供应商演示
- 当前状态：网站 Demo 已实现
- 信息顺序：模拟声明 → 周期 → 四环节漏斗 → 模拟来源分布 → 内容供应商
- 主要动作：切换周期 / 打开内容供应商
- 对应需求：REQ-25、REQ-26

### PAGE-18 品牌故事

- 路径：/brand-story
- 使用者：所有访客
- 当前状态：已实现：品牌标识与参考照片展示
- 信息顺序：页面名 → 玉玦参考照片与当前无界标识
- 主要动作：查看品牌标识、返回首页
- 对应需求：

### PAGE-19 关于与发展历程

- 路径：/about、/history
- 使用者：访客
- 当前状态：已实现（内容 / 本地演示）
- 信息顺序：功能标题 → 资料包内容 → 对应行动 → 演示边界说明
- 主要动作：了解业务或提交本地演示需求；切换语言保留当前页面
- 对应需求：REQ-28

### PAGE-20 资料包品牌故事

- 路径：/brand-story
- 使用者：访客
- 当前状态：已实现（内容 / 本地演示）
- 信息顺序：功能标题 → 资料包内容 → 对应行动 → 演示边界说明
- 主要动作：了解业务或提交本地演示需求；切换语言保留当前页面
- 对应需求：REQ-28

### PAGE-21 四大业务

- 路径：/business、/business/:slug
- 使用者：访客
- 当前状态：已实现（内容 / 本地演示）
- 信息顺序：功能标题 → 资料包内容 → 对应行动 → 演示边界说明
- 主要动作：了解业务或提交本地演示需求；切换语言保留当前页面
- 对应需求：REQ-28

### PAGE-22 生态网络

- 路径：/ecosystem
- 使用者：访客
- 当前状态：已实现（内容 / 本地演示）
- 信息顺序：功能标题 → 资料包内容 → 对应行动 → 演示边界说明
- 主要动作：了解业务或提交本地演示需求；切换语言保留当前页面
- 对应需求：REQ-28

### PAGE-23 新闻中心占位

- 路径：/news
- 使用者：访客
- 当前状态：已实现（内容 / 本地演示）
- 信息顺序：功能标题 → 资料包内容 → 对应行动 → 演示边界说明
- 主要动作：了解业务或提交本地演示需求；切换语言保留当前页面
- 对应需求：REQ-28

### PAGE-24 官网联系需求

- 路径：/contact
- 使用者：访客
- 当前状态：已实现（内容 / 本地演示）
- 信息顺序：功能标题 → 资料包内容 → 对应行动 → 演示边界说明
- 主要动作：了解业务或提交本地演示需求；切换语言保留当前页面
- 对应需求：REQ-28

### PAGE-25 英文官网

- 路径：/en/*
- 使用者：访客
- 当前状态：已实现（内容 / 本地演示）
- 信息顺序：功能标题 → 资料包内容 → 对应行动 → 演示边界说明
- 主要动作：了解业务或提交本地演示需求；切换语言保留当前页面
- 对应需求：REQ-28

### PAGE-26 官网团队预览

- 路径：/team
- 使用者：访客
- 当前状态：已实现（V2 内容预览）
- 信息顺序：七职衔卡 → CCO 资历
- 主要动作：仅 CCO 显示 Zack Chiu，其余只显示职衔
- 对应需求：REQ-28

## 4. 桌面与手机结构

### 公开页面

`品牌导航 → 清楚的主张与主行动 → 筛选/目录 → 能力或交付详情 → 合作条件 → 对应申请`

官网首页按 CTO 资料包呈现品牌首屏、背景画廊、四大业务与生态网络，提交需求进入 /contact。供应商目录、类目、入驻与原统一询盘由平台演示入口继续访问；AI 猎客直跳 ai.wujie.co。手机菜单和中英文切换保持可访问。

### 企业工作台

`企业身份 → 任务导航 → 当前状态/下一步 → 我的需求或项目 → 详情与历史`

手机改为紧凑横排导航，详情单列；关键动作在可见位置，宽表在容器内滚动。

### 运营工作台

`待办与负责人 → 状态筛选 → 企业/需求列表 → 证据/范围详情 → 带原因的操作 → 操作记录`

审核弹窗带回原状态，拒绝不默认改成通过；核验与初审分开；派发前整理无联系方式的摘要，再选择相同业务类型的演示企业；方案确认与验收由无界记录。

## 5. 流程、状态与退回

### FLOW-01 V1 统一询盘与五状态跟进

选择企业或品类 → 填写产品/服务需求 → 查看演示预匹配，记录本地意向 → 待跟进 → 已联系 → 已出方案 → 已成交 / 已关闭

- 缺少必填或无效联系方式：明确提示
- 企业已下架：不继续按原企业提交，可改通用需求
- Demo 仅本地保存；正式通知失败要保留记录并重试

### FLOW-02 V1 产品供应商入驻与如实核验

提交生产资料与测试附件 → 人工审核与电话核对 → 已核验 / 待补充 / 已驳回 → 生成未公开企业草稿 → 润色并确认上架

- 纯贸易或不适配：驳回
- 资质核验不能标成已实地核验
- 现场核验另记日期和范围；核验中不能上架

### FLOW-03 V1 服务供应商入驻与企业公开

提交团队、案例和周期报价范围 → 人工审核 → 生成未公开草稿 → 确认公开交付范围与文案 → 公开企业页

- 资料或案例不足：待补充
- 联系方式和原始资料不进入公开稿
- 不承诺固定线索、成交或收入

### FLOW-04 P1 会员准入与采购协作（后续规划）

定向邀请与企业审核 → 明确采购条件 → 无界推荐供应商 → 样品和报价确认 → 记录合作结果

- 不是当前统一询盘提交的前置条件
- 报价和联系方式仍由平台协调
- 真实账号、权限和附件在正式阶段实现

### FLOW-05 P1 买方自助验收（独立 HTML 规划）

企业提交服务意向 → 运营匹配团队 → 双方确认范围周期验收 → 服务供应商提交交付 → 需求方验收或退回修改 → 已验收并保留记录

- 本轮主站只承接意向和跟进，深度交付为规划原型
- 无匹配团队不能推荐
- 验收不自动等于支付或结算

### FLOW-06 企业后台与无界协作（本地 Demo）

无界整理并派发需求 → 企业提交方案 / 暂不承接 → 无界确认合作 → 企业更新进度与交付 → 无界验收 / 退回修改 → 记录完成

- 企业资料更新先审后公开，不改变核验方式或上下架状态。
- 不展示采购联系人、手机号或微信；派发摘要不得包含联系方式。
- 待验收不能重复提交，退回后可补充再提交；演示不触发支付或真实通知。

### FLOW-08 AI 内容工作稿

切换供应商或服务供应商演示身份 → 填写产品与客群 → 选择抖音/小红书/视频号 → 生成三类预置草稿 → 人工编辑核实 → 保存或记录演示采纳

- 联系方式和效果保证输入拒绝生成
- 存储不可用时保留当前页面并提示复制
- 不调用真实模型，不自动发布或发送

V1 状态字典：申请=待审核/已核验/待补充/已驳回；核验徽章=已实地核验/资质核验/新入驻核验中；公开=草稿/已上架；询盘=待跟进/已联系/已出方案/已成交/已关闭。企业协作状态=待响应/已提交方案/已婉拒/合作中/待验收/需修改/已完成；真实账号与会员准入后置，不作为询盘前置。

## 6. 组件与视觉规范

| 令牌 | 色值 | 用途 |
| --- | --- | --- |
| 电光蓝 | #4154ef | 主行动与当前状态 |
| 青柠 | #e6f487 | 供应商与合作提示 |
| 淡紫 | #ece8fb | 专业服务与辅助区域 |
| 近黑 | #1b211f | 正文与强层级 |
| 近白 | #f6f7f4 | 背景与分区 |

- 字体：沿用Space Grotesk、Manrope及中文系统字体；首页品牌标题不超过82px，手机43px，工具/后台页26–32px；内页不重复使用品牌口号或英文副标。
- 布局：严选平台使用供应商/品类/标准导航、双业务入口和询盘；独立官网使用六主导航与双语切换。兼容官网预览保留，V2 静态背书替代横向画廊；手机单列业务和表单。
- 交互：显式提交/保存、清楚的待处理与成功状态；弹窗支持键盘与关闭；焦点可见、动画尊重减少动态偏好。颜色不单独承担状态含义。图表旁始终显示状态名与计数，零值照实显示；图片、插画与工作稿预览标明示意用途，不冒充企业实拍或真实生成媒体。
- 状态：页面至少定义加载、空、失败、无权限、成功；申请另有待审/补充/拒绝；需求另有撤回/暂停与历史。HTML 只模拟列明的关键路径。

复用现有 shadcn/ui Button、Input、Dialog、Table；状态筛选用带 aria-pressed 的按钮组；卡片用真实业务字段，核验与服务案例都要标明范围。

## 7. 数据与系统蓝图

当前：Next.js Demo；产品/服务树、独立标签池及逐家供应商 JSON 为配置源，生成 manifest 后由前台和表单共享；浏览器演示资料保留原键，运营类目配置工作稿可导出但不直接发布。

目标：网站统一询盘→现成后台持久化→企业微信通知与失败重试；公开企业页只读取审核后公开字段；微信 SDK 经服务端签名。

约束：真实系统上线前补企业与岗位权限、附件保护、重复提交/推送重试及真机验收；Demo 不承担真实受理。

| 数据对象 | 承载信息 | 边界 |
| --- | --- | --- |
| EnterprisePublic | 企业公开资料、品类、能力和核验摘要 | 不含联系人、电话、微信、邮箱、门牌、证照和原始核验材料。 |
| EnterpriseApplication | 供应商/服务供应商申请与私有材料 | 只供运营审核；通过后投影成未公开的公开档案草稿。 |
| Inquiry | 产品/服务意向、来源、客户信息与状态 | 联系方式仅供运营，客户演示中心只显示内容与跟进。 |
| Category / CapabilityTag | 四层分类与自由组合能力 | 企业至少挂到一个叶子品类；比较严格按叶子品类。 |
| NotificationOutbox / FollowUp | 真实推送待办与跟进记录 | Demo 不推送；正式记录先保存，失败重试和操作记录接现成后台。 |
| PartnerWorkspace | 企业资料更新草稿、获派需求、承接方案、生产/服务进展与验收历史 | 本浏览器共享演示库；F01 / S01 各看自己的协作；正式权限仍需服务器实现。 |

| 资源 | 访客 | 采购会员 | 产品供应商 | 服务供应商 | 运营 |
| --- | --- | --- | --- | --- | --- |
| 企业公开资料 | 脱敏可看 | 脱敏可看 | 脱敏可看 | 脱敏可看 | 管理 |
| 企业联系方式与原始附件 | 不可看 | 不可直接获得 | 自己的申请另行授权 | 自己的申请另行授权 | 按岗位查看 |
| 客户询盘联系信息 | 不可公开 | 自己的记录受控 | 不直接分发 | 不直接分发 | 跟进岗位查看 |
| 核验与公开状态 | 只看摘要 | 只看摘要 | 不能自行通过 | 不能自行通过 | 核对后修改 |
| 内部评级 | 不可看 | 不可看 | 不可看 | 不可看 | 仅获授权运营 |

## 8. HTML 原型范围

HTML 包含本版整体蓝图、需求、页面与决策，V1 统一询盘和两类企业入驻/草稿公开的交互；独立 HTML 中的会员准入、采购撮合与买方自助验收仍标为 P1 规划；本版增加两类企业后台的在线演示入口，方案与交付可在网站本地 Demo 中与运营联动。

它是业务评审原型：演示角色随步骤切换，记录保存在本浏览器；不发送申请、文件或通知，不验证企业真实性，不调用网站 Demo 的本地状态，不代替正式账户和权限。

“重置当前场景”仅清除该场景；“重置全部演示”有二次确认。输入缺项、无匹配对象、无交付说明和无退回原因时给出明确提示。

## 9. 同步与版本

docs/product/spec.json 为文档和 HTML 的共同源；npm run docs:generate 同步生成 PRD、蓝图与 public/project/index.html；docs:check 检查产物一致。

共同源版本：V0.5.0；指纹：b29a86a29f00。HTML 和两份 Markdown 均显示同一版本与编号。HTML 内嵌结构化内容，无外部脚本、字体或接口依赖，可保存单个文件离线查看。

维护顺序：修改共同源 → 调整原型交互（如规则变化）→ docs:generate → docs:check → 浏览器验收 → 评审。现有网站由独立代码实现，变更后需对照需求重新验收，不宣称文档会自动改网站。

## 10. 评审清单

- 能在桌面和手机快速发现三个入口。
- 电话与资质核验不可写成实地核验；服务供应商资料通过后先生成未公开草稿，润色确认后上架。
- 需求对象、推荐对象、交付物和验收人清晰。
- 定向报价、客户信息、内部评级没有跨企业公开。
- 每个主要页面有主行动、空状态、失败提示和下一步。
- 对照功能编号，确认网站已实现与仅 HTML 原型的范围。
- D-01 至 D-06 业务决策明确后才确定开发排期和收费功能。