# HOMEVISTA 官网 4.0 数智 AI 页 UI 开发 PRD

版本：v0.2
对应画板：`Ai`（1920 × 5963）
设计原型：[Figma 数智 AI 画板](https://www.figma.com/design/Nf4ZCCRjxhLhqwSmhJPJb1/%E5%AE%98%E7%BD%91?node-id=1-1721&p=f&t=cAiS7R9XYMU85y7K-0)

---

## 修订记录

| 日期 | 版本 | 变更类型 | 变更摘要 |
| --- | --- | --- | --- |
| 2026-08-11 | v0.1 | 初始创建 | 依据 Figma 数智 AI 桌面端画板，定义模块、可见控件、状态及验收。 |
| 2026-08-11 | v0.2 | 重大需求变更 | 补充 CTA 与导航路由、响应式、独立国际化文案交付；所有图片素材按可替换素材处理。 |

---

## 1. 页面范围

本 PRD 覆盖数智 AI 页的 Figma 视觉、已确认导航与 CTA 去向、响应式和国际化交付。复用全站顶部导航，其中 `AI` 为青色高亮；复用统一页尾。所有图片均为可替换素材。AI 的真实能力、数据来源、推荐逻辑、通知结果、预约流程和登录均不在本 UI PRD 范围。

## 2. UI 模块与默认状态

| 顺序 | UI 模块 | Figma 中可见的内容与控件 | 已表达状态 |
| --- | --- | --- | --- |
| 1 | Hero | “HOMEVISTA 数智 AI｜2026 年 9 月上线”、青色副标题“从看到，到理解，到决策”、说明、描边 CTA、青色 CTA 与资料/画面线稿。 | 上线预告为静态可见文案。 |
| 2 | AI 读取基础 | “HOMEVISTA 如何被 AI 读取”标题；01—04 四张浅灰圆角信息卡，两列排列，配大号青色编号。 | 四卡并列，无展开/轮播状态。 |
| 3 | AI 为销售准备什么 | 四张倾斜彩色便签围绕青色文件夹，文件夹文字为“数智 AI 将为销售准备什么”。 | 静态构图。 |
| 4 | 两套房屋比较说明 | “当客户持续比较两套房屋”；客户、数智 AI、销售三段竖向时间线，搭配户型对比屏、AI 图标、手机操作图。 | 说明性时间线，无数据查询或比较操作。 |
| 5 | 收尾 CTA 与页尾 | 浅灰区“让销售更快看见重点，让判断更有依据”、青色 CTA、描边 CTA、颗粒 Logo 和页尾。 | CTA 主/次层级可见。 |

## 3. 已表达交互的开发要求

- 01—04 信息卡、便签和时间线均为静态信息展示，不增加展开、拖拽、轮播、房源选择、AI 回答或客户数据查询。
- 所有 CTA、导航、语言入口及已确认页尾链接须按第 5 节跳转；信息卡、便签和时间线仍为静态展示。
- “2026 年 9 月上线”不可被实现为倒计时、订阅成功提示或自动切换状态；这些均需另行设计。

## 4. 视觉与验收

1. 以 Figma 桌面画板为视觉基线；同时支持桌面、平板和手机端。移动端首版可由开发按内容层级重排，后续由设计师校准。
2. Hero 保留上线日期、双 CTA、右侧线稿；四张编号卡保持两列、浅灰圆角卡和青色编号关系。
3. 四张彩色便签与中央青色文件夹的相对位置、倾斜角度和层次应对照 Figma 还原。
4. 客户、数智 AI、销售时间线的纵向顺序、虚线、节点、三类插图均不得缺失。
5. 不实现 AI 推荐、房源比较功能、客户行为查看、资料读取、预约表单、通知结果或登录；CTA 仅进入统一联系页。
6. 非视觉质量要求遵循关联 NFR，最终采用人工 Figma 对照验收。

## 5. CTA、导航与语言

| 位置 | 用户意图 | 目标 |
| --- | --- | --- |
| Logo | 返回首页 | `/` |
| ABOUT / SOLUTION / PRODUCT / AI / PARTNERS | 浏览一级页面 | `/about/`、`/solution/`、`/product/`、`/ai/`、`/partners/` |
| 顶部“预约演示”、Hero/收尾“预约 AI 演示” | 预约 AI 演示 | `/contact/` |
| Hero/收尾“查看产品能力” | 了解现有产品 | `/product/` |
| 页尾隐私政策 / 用户协议 | 查看法律文本 | `/privacy/`、`/terms/` |

- “获取上线通知”如在本页保留，进入 `/contact/`；不创建订阅成功或通知系统。
- 对外语言为英文、日文、繁体中文；简体中文只作内部校对。语言切换后须保留当前页面与同语言链接。

## 6. 国际化文案交付

- 开发必须使用《03_数智AI_国际化文案.md》中的对应语言可见文案及逐语言 SEO/OG 信息，不得运行时翻译或混用语言。
- 英文、日文、繁体中文发布前须完成业务与母语校对；上线日期仅按已确认页面文案展示，不代表已交付能力。

## 7. 待设计补充

- 上线日期到期后的文案与通知流程。
- 四张编号卡、便签、时间线的点击/悬停/焦点状态。
- AI 数据、比较页面、客户信息和结果展示。
- 移动端最终视觉校准、加载和异常画板。