文件
OmniCard/docs/PRODUCT_REQUIREMENTS_DOCUMENT.md

15 KiB

OmniCard AI (全球智能名片 & 移动微官网 SaaS)

产品需求文档 (PRD) 与 全球化体验设计蓝图


一、 产品战略定位与商业愿景 (Product Vision & Strategy)

1.1 产品定位

OmniCard AI 是一款面向全球出海商务、跨国企业团队、自由职业者及国际会展场景的新一代 AI 驱动型智能数字名片 + 移动微官网 (Bento Micro-Site) + 潜客雷达 CRM + 实体 NFC 智能卡管家 一体化 SaaS 平台。

它不仅是一张数字名片,更是出海企业与个人的微型官网与24小时自动获客线索引擎:

  • 访客端(Front-End Visitor Portal):秒级首屏、无缝多语言自适应、Bento Grid 现代卡片美学、内置 AI 智能代表对话。
  • 用户/管理端(Admin & Workspace):简单直观的可视化搭建、AI 批量生成多语言内容、NFC 卡片动态绑定与防伪、访客行为轨迹与 CRM 商机漏斗。
  • 企业团队端(Team / Enterprise Suite):统一定制企业品牌 VI 模板、员工集中分发与离职回收、线索公海池流转。

1.2 核心用户画像 (Target Personas)

  1. 外贸/跨境出海销售与参展团队:常年参与海外展会(CES、广交会、迪拜GITEX等),需要跨语种交流,通过手机或 NFC 卡一碰即达,零摩擦留存客户线索。
  2. 跨国商务顾问/自由专家 (Consultants & Creators):需要集个人品牌展示、过往案例 (Portfolio)、干货博客文章 (Insights) 与 Calendly 预约排期于一体的移动端官网。
  3. 出海科技企业 / 代理商团队:需要统一管理数十到数百名商务人员的名片物料,统一品牌形象,并集中追踪团队名片带来的全球线索转化。

二、 核心业务架构全景图 (System Architecture)

flowchart TD
    subgraph 实体与触达层 [Touchpoints & Hardware]
        NFC[NFC 智能实体卡/胸牌/手环]
        QR[动态防伪二维码]
        SocialLink[LinkedIn / WhatsApp / 邮件签名链接]
    end

    subgraph 访客体验层 [Visitor Experience (Mobile-First)]
        Portal[Bento 风格移动微官网]
        i18nDetect[动态地域与多语言检测 (Geo-i18n)]
        vCardDownload[一键保存手机通讯录 (vCard 3.0/4.0)]
        AIAgent[名片 AI 智能数字代表 (24/7 Q&A / 留资引导)]
        CaseHub[精选案例与多媒体展厅]
        ArticleHub[深度文章与公司动态]
        LeadCapture[一键互换名片 / 预约日历]
    end

    subgraph AI 智能引擎层 [Omni AI Hub]
        AICreator[AI 一键建站与文案润色]
        AITranslator[行业级深度多语言翻译]
        AIInsights[访客轨迹分析与意向度评分]
        AIPitch[销售跟进话术智能推荐]
    end

    subgraph CRM 客户关系中枢 [Mini Lead CRM & Visitor Radar]
        Radar[访客雷达: 实时足迹/国家/时长]
        ContactPool[客户关系库 & 智能标签 (Hot/Warm/Cold)]
        ExportSync[数据导出与第三方 CRM 集成 (HubSpot/Salesforce)]
    end

    subgraph 管理与硬件层 [SaaS Admin & NFC Fleet]
        CardEditor[可视化块级搭建器 (Drag & Drop)]
        NFCMgr[NFC 设备绑定/挂失/批量下发]
        TeamGov[团队成员管理 / 品牌模板规范]
    end

    NFC --> Portal
    QR --> Portal
    SocialLink --> Portal
    Portal --> i18nDetect
    Portal --> vCardDownload
    Portal --> AIAgent
    Portal --> CaseHub
    Portal --> ArticleHub
    Portal --> LeadCapture

    LeadCapture --> Radar
    Radar --> AIInsights
    AIInsights --> ContactPool
    ContactPool --> AIPitch

    AIAgent <--> Omni AI Hub
    CardEditor <--> AICreator
    CardEditor <--> AITranslator
    NFCMgr <--> NFC

三、 功能需求详细设计 (Functional Specifications)

3.1 模块一:微官网与名片可视化搭建系统 (Bio-Portal Builder)

设计灵感源于 Bento Grid (便当盒网格) 与 Apple 级精细质感,支持模块拖拽自由编排。

  1. 基础名片层 (Hero Section):
    • 头像/形象照、姓名、职业头衔、所属企业(带公司 Logo 与官网反向链接)。
    • 个人签名/Slogan、所在地时区(方便跨国客户确认作息)、双语发音语音条(Audio Name Pronunciation)。
    • 一键呼出与快捷方式:WhatsApp、LinkedIn、Email、Telegram、X (Twitter)、WeChat、电话直拨。
    • 一键存入手机通讯录 (Add to Contacts):自动打包标准 vCard (.vcf),内嵌高清头像、公司、备注及微官网 URL。
  2. 案例展示展厅 (Cases & Portfolio):
    • 支持创建独立案例卡片:案例标题、合作客户、项目周期、痛点及解决方案、指标成效(数据 KPI 高亮卡片)。
    • 多媒体支持:图片轮播、YouTube/Vimeo 视频内嵌、PDF 解决方案白皮书在线预览。
  3. 文章与动态分享 (Insights & Articles):
    • 类似 Substack / Medium 的轻量级移动排版,支持富文本排版。
    • 社交分享元数据(OpenGraph)自动生成:转发至 LinkedIn、WhatsApp 时具备吸引人的预览图和摘要卡。
  4. 个性化视觉定制 (Visual Theming):
    • 预设商务模板:硅谷科技暗黑 (Tech Dark)、瑞士极简 (Swiss Minimalist)、中东奢华金属 (Gold Luxe)、现代商务蓝 (Corporate Navy)。
    • 支持自定义 CSS 主题色、字体(Google Fonts 全球字体库)、背景渐变动效与玻璃拟态效果。

3.2 模块二:全球化多语言体系 (Global i18n Engine)

  1. 多语言全链路支持:
    • 系统支持主流国际商务语言:英语 (English)、西班牙语 (Español)、阿拉伯语 (العربية,需特别支持 RTL 镜像排版)、中文(简/繁)、德语 (Deutsch)、法语 (Français)、日语 (日本語)。
  2. 双重多语言实现机制:
    • 界面级 i18n:系统按钮、预置文案随访客浏览器首选语言自动本地化。
    • 内容级多语种独立配置:名片所有者可针对同一张名片创建不同语言内容分支(例如:英语版侧重全球市场案例,阿语版针对中东能源合作定制)。
  3. 地理位置自动路由 (Geo-Routing):
    • 访客扫码时,根据 IP 地理位置与浏览器语言自动呈现对应语言版本,右上角常驻全球语言切换器。

3.3 模块三:AI 智能中枢 (Omni AI Suite)

  1. AI 智能一键生成名片 (AI Card Co-pilot):
    • 输入公司官网 URL、领英主页链接或一段纯文本公司介绍,AI 自动提炼核心优势,并在 10 秒内生成完整的名片布局、案例介绍与代表作品。
  2. AI 深度商务本地化润色与翻译 (AI Localization):
    • 绝非机械机翻,基于大模型结合目标国家商务习惯进行术语转换与语调调节(Professional 专业稳重 / Direct 严谨直观 / Storytelling 品牌叙事)。
  3. 名片 AI 智能对话代表 (Card-Embedded AI Concierge):
    • 每张名片可唤起浮动 AI 助手窗口。
    • 知识库灌注 (RAG):名片主可上传个人简历、公司 FAQ、产品规格书、价格区间。
    • 访客可直接向 AI 提问:“你们在中东有哪些成功案例?”、“这位顾问擅长哪类业务?”。
    • 意图识别与留资:当检测到深度意向时,AI 自动引导:“我可以为您将具体方案发至您的邮箱,方便留下您的称呼和联系方式吗?”。
  4. AI 销售辅助与商机生成 (AI Copilot for Seller):
    • 根据访客行为生成《潜在客户意向度诊断报告》,并自动生成个性化邮件/WhatsApp 开场白跟进建议。

3.4 模块四:轻量级客户关系 CRM 与访客雷达 (Lead CRM & Radar)

  1. 实时访客雷达 (Visitor Radar):
    • 当海外客户在展会或拜访后点开名片,销售 App 收到即时推送(Push Notification): “来自阿联酋迪拜的访客正在浏览您的名片,已停留 3 分钟,正在重点查看‘新能源储能项目案例’!”
  2. 无摩擦线索沉淀 (Frictionless Lead Exchange):
    • “互换名片”弹窗:访客只需输入姓名、公司、邮箱/WhatsApp,或拍照上传纸质名片(接入 OCR 自动识别结构化入库)。
  3. 线索全生命周期看板 (Lead Pipeline):
    • 状态流转:新线索 (New) → 已建立联系 (Contacted) → 深度意向 (Hot) → 赢单 (Won) / 沉睡 (Archived)。
    • 客户详细画像:历次访问时间轴、阅读案例偏好、AI 智能跟进备忘录。
  4. 第三方生态打通:
    • 支持将线索一键同步至国际主流 CRM(HubSpot、Salesforce、Pipedrive)或 Webhook 转发至飞书/Slack。

3.5 模块五:NFC 电子名片与硬件设备管理 (NFC Fleet Hub)

  1. 硬件兼容性与双协议写入:
    • 兼容标准 NTAG213 / NTAG215 / NTAG216 芯片卡片、金属卡、竹木环保卡、手机后贴及智能徽章。
    • 动态云端短链模式 (Dynamic Cloud URL):卡片只写入唯一的短链(如 card.site/nfc/xyz123),用户在 App 端可随时切换绑定的名片,无需重新烧录硬件。
    • 离线名片备份 (NDEF vCard Fallback):支持在弱网/离线场景下直接写入离线联系人数据。
  2. NFC 设备全生命周期管控:
    • 硬件绑定激活:App 端开启 NFC 读取,贴近新卡 0.5 秒完成安全激活。
    • 场景化卡片模式切换:例如同一张卡,白天“商务展会模式”绑定公司英文官网名片,夜晚“社交模式”绑定个人社交主页。
    • 安全防篡改与丢失注销:支持一键挂失冻结,防止卡片丢失后商业信息被恶意篡改。

3.6 模块六:多租户企业版管理 (Enterprise & Team Workspace)

  1. 统一品牌模板库 (Brand Kit):
    • 企业管理员统一锁定 Logo、主色调、排版规范,员工仅可填充个人手机号、照片及特定语言简介。
  2. 团队权限与线索公海:
    • 分级权限:超级管理员 (Owner)、部门主管 (Manager)、销售成员 (Member)。
    • 员工离职一键转接:离职员工的名片短链与二维码自动重定向至企业公海或新接替人员,确保客户资产不流失。
  3. 团队获客数据大屏 (Team Analytics):
    • 展会期间统计各团队成员名片触达次数、线索获取数量、区域分布排行榜。

四、 移动端与交互体验大师设计方案 (App UI/UX Masterclass)

4.1 视觉风格与设计基准 (Design Tone & Aesthetics)

  • 设计哲学:“Less friction, Maximum impact”(零摩擦交互,极致商业张力)。
  • 色彩体系:
    • 主色(Brand Primary):#0F172A (深空曜黑) + #3B82F6 (国际科技蓝)。
    • 辅色(Accent):#10B981 (高意向翡翠绿 - 状态点与活跃标识)、#F59E0B (暖金色 - 高端质感微渐变)。
    • 背景色(Background):自适应深色模式 (#0B0F19) 与浅色模式 (#F8FAFC)。
  • 排版字体:
    • 英文优先:Inter / SF Pro Display(清晰、几何美感)。
    • 阿拉伯文适配:IBM Plex Sans Arabic。
    • 数字与 KPI:JetBrains Mono / DIN Next。
  • 微交互与质感:
    • 卡片边框采用 1px 微渐变描边(Subtle Rim Light),模拟 Apple 硬件质感。
    • 按钮点击包含微震动触觉反馈(Haptic Feedback)。
    • NFC 刷卡时屏幕呈现动态波纹扩散动效(Holographic Wave Effect)。

4.2 关键页面交互流程图 (User Journey & Wireflows)

[访客端路径]
访客触碰 NFC 卡 / 扫描二维码
   │
   ├─► 识别 IP / 语言 ──► 加载微官网 (耗时 < 800ms)
   │                           │
   │      ┌────────────────────┴────────────────────┐
   │      ▼                                         ▼
   │  [浏览 Bento 卡片]                         [呼起 AI 助手]
   │  - 查阅多语言案例                           - 询问企业背景/方案
   │  - 阅读深度文章                             - AI 引导留资
   │      │                                         │
   │      └────────────────────┬────────────────────┘
   │                           ▼
   └──────────────────► 点击【保存通讯录】或【一键互换】
                               │
                               ▼
                 销售端收到雷达 Push 推送 ──► 线索沉淀进 CRM

五、 商业化订阅模型 (Monetization & Packaging)

功能特权 免费版 (Free) 专业版 (Pro) 商业企业版 (Team/Enterprise)
适用人群 个人体验、初创独立人 出海业务精英、独立顾问 外贸销售团队、出海跨国企业
名片数量 1 张标准名片 5 张多语言/多场景名片 无限名片(按席位计费)
微官网案例/文章 限制 2 个案例,无独立文章 无限案例,支持富媒体文章 统一品牌案例库,团队协同发布
多语言支持 基础双语 (自动翻译) 全球 10+ 语言 AI 深度润色 全球语言 + 企业专有术语库
AI 智能助手 基础版 (每月 50 次对话) 专属知识库 AI (无限对话) 企业级 RAG 知识库 + 销售线索自动转化
NFC 卡管理 支持手动写入 动态短链、卡片模式随时切换 硬件批量入库、集中注销与资产转接
访客雷达 CRM 仅显示访问次数 实时足迹、地理定位、意向度评分 团队线索池、HubSpot/Salesforce 对接
自定义域名 name.card.site 支持独立域名 me.yourdomain.com 企业主域通配 *.brand.com + 移除平台标志

六、 技术实施路径与演进路线 (Roadmap)

  1. 第一阶段:内核与微官网原型 (MVP)
    • 搭建跨平台高响应 Web 渲染端(Next.js / SSR 极速秒开)。
    • 实现 Bento Grid 拖拽式编辑器,支持基本信息、案例及文章展示。
    • 完成 vCard 一键下载与基础二维码生成。
  2. 第二阶段:多语言与 NFC 硬件互联
    • 接入国际化 i18n 引擎(包含 RTL 布局支持)。
    • 实现 Web NFC 与移动端 NFC 卡片读写/动态绑定流程。
  3. 第三阶段:AI 智能体与 CRM 访客雷达
    • 接入大模型 API,上线 AI 一键建站、智能多语言润色。
    • 部署名片内置 RAG 智能问答助理。
    • 建立访客实时追踪(IP 地域定位、停留时长统计)与线索收集看板。
  4. 第四阶段:企业级团队协作与商业化
    • 企业多租户架构与团队权限系统。
    • Stripe 国际信用卡支付及订阅体系接入。
    • 外部 CRM 生态对接。