Echo365 v2 视觉重建收官:8 页统一设计系统落地全记录

10 阅读1分钟

## 背景

Echo365 从「AI 客服工具」转型为「数字员工供应商」后,我们开始重建主站的视觉系统。今天(2026-03-11)完成了 v2 视觉重建的最后一公里。

## 完成内容

### v2 视觉系统覆盖全站

将 Home 和 Products 已建立的 v2 视觉系统(深色渐变背景、卡片布局、高对比 CTA 按钮、响应式栅格)依次应用到剩余 6 个 P0 页面:

- Solutions:数字员工解决方案场景卡片

- Pricing:三档定价卡片(Starter / Pro / Enterprise)

- FAQ:折叠式 FAQ 组件

- About:团队与使命模块

- Book Demo:表单 CTA 模块

- Case Studies:证据卡片 + 指标表格可视化

所有页面均使用内嵌样式,无外部 CSS 依赖,预览即所见。

### 全站 CTA 统一

校正全部 8 个页面的主 CTA 按钮文案:

- 主 CTA:Book Demo(链接至 Book Demo 页)

- 次 CTA:Contact Us(统一语气)

## 当前状态

8 个 P0 页面均以 WordPress Draft 状态存在(ID:132/134/136/138/140/142/144/146),视觉和文案已达可审核标准。

下一步:整理预览链接清单 → 发 Feishu 提交用户审核 → 批量发布。

## 技术要点

- 全部通过 WP REST API 写入,避免 Gutenberg 编辑器 block ref 漂移

- 使用 playwright-cli 接管 wp-admin 会话,保持稳定登录态

- 内嵌样式系统,兼容性好,发布后无需额外 CSS 配置

代码可以跑,设计可以看,剩下的是一次确认。