场景定义
官网核心场景
消费电子品牌官网承载三个核心场景，TP-Link 在每个场景与竞品存在明显差距。
~30%
首页品牌叙事占比
但主要依赖奖项背书，缺乏情感化叙事
3 次点击
首页到 PDP
vs Eero 2次 / Apple 2次
路径割裂
DTC 购买转化
主站与 Tapo Store 体验割裂
| 场景 | 核心问题 | TP-Link 现状 | 差距 |
|---|---|---|---|
| 品牌叙事 | "为什么选 TP-Link" | 首页品牌叙事 ~30%，主要依赖第三方奖项背书，缺乏情感化生活方式叙事 | vs Eero ~60% / Apple ~25-30% 叙事质量差距大于数量 |
| 产品信息分发 | "哪个产品适合我" | 8 品牌混排，3次点击到 PDP，无选型引导 | vs Eero 2次 / Apple 2次 |
| 购买转化 (DTC) | "从哪买、为什么从官网买" | 主站与 Tapo Store 路径割裂，无 DTC 独占权益 | vs NETGEAR "Why buy from us" |
问题 1
品牌叙事薄弱
⚠ 连续多年全球 WiFi 设备出货量第一，但官网品牌叙事能力远落后于竞品。
- 首页 Hero 区多品牌轮播，焦点分散，无单一品牌主张
- 品牌叙事约占首页 ~30%，但以 Wirecutter / PCMag 等第三方奖项背书为主，缺乏情感化生活方式图片和价值主张——叙事质量差距大于数量差距
- 对比：Eero 以全屏情感化 slogan 主导首页（~60%）；Apple 将品牌叙事高度压缩为精炼 slogan 融入每个产品模块（~25-30%）；TP-Link 既无 Eero 的情感深度，也无 Apple 的叙事效率
- 在当前监管环境下（FCC 禁令 2026.03.20 + 德州/佛州诉讼），官网更需要成为品牌信任重建阵地——安全透明化、美国身份强化
问题 2
信息密度过高，产品认知路径长
首页同时承载 8 个品牌/产品线：TP-Link、Deco、Archer、Tapo、Kasa、Omada、VIGI、HomeShield
| 问题 | 表现 | 影响 |
|---|---|---|
| 品牌混排 | 消费线 + 企业线 + 子品牌同一导航层级 | 用户认知负担高，不知道该看什么 |
| 导航层级深 | L1 按技术品类分（非用户语言），Deco 混在二级导航 | 首页→PDP 需 3 次点击（vs Eero/Apple 2 次） |
| 轮播信息过载 | Hero 轮播图同时承载多品牌、多机型宣传信息 | 没有焦点，用户无法快速建立产品认知 |
问题 3
购买路径割裂，无法在官网完成闭环
⚠ 竞品已实现「浏览即购买」的无缝体验，TP-Link 官网本身没有任何购物车与结账能力——用户必须跳出主站才能下单。
| 品牌 | 官网能否直接下单 | 购买路径体验 | DTC 独占权益 |
|---|---|---|---|
| Apple | [OK] 100% 闭环 | 单页配置→加购→结账，全程 apple.com 域内完成，零跳转 | 以旧换新 + 0% 分期 + Apple Card 3% 返现 + 专属客服 |
| NETGEAR | [OK] 官网直购 | PDP 内滑出购物车面板，加购不离页；并列展示「官网购买」与「Buy at Amazon」 | 免费 1 年 Armor 安全订阅（价值 $99）+ 免费退换货 |
| Eero | ⚠ 部分闭环 | 1/2-pack 可官网下单（Stripe 结账）；3-pack 默认引导去 Amazon；购物车为页内侧拉抽屉 | Affirm 分期 + 免费送货 + 3 年质保 |
| TP-Link | [X] 完全无法 | PDP 无价格、无购物车；「BUY NOW」弹出渠道弹窗，所有渠道均新标签跳出；Amazon 落地为搜索结果页 | [X] 无任何官网独占权益 |
- 【渠道分散且无统一逻辑】「BUY NOW」弹窗渠道因产品而异：旗舰 BE95 有 Amazon + Best Buy，中端 BE63 有 Amazon + TP-Link Store，其他型号只有 Amazon。「TAPO STORE」导航跳独立 Shopify 站。「Where to Buy」意外指向 B2B 企业站。所有渠道均开新标签页跳出，无一能在主站内完成购买。
- 【品牌价值在跳转中流失】用户在主站建立了品牌认知和购买意图，但一旦跳入 Amazon，立刻进入竞品环境——页面充斥着竞品推荐、比价信息，TP-Link 精心构建的品牌体验在跳转瞬间归零。
问题 4
产品信息检索困难，缺少导购工具
用户在官网难以快速找到「适合自己」的产品，传统标签/筛选机制效率低下。
- 【传统标签检索效率低】产品按技术规格分类（WiFi 6 / WiFi 7 / Mesh），而非用户语言（家庭大小 / 设备数量 / 预算）。用户需要先懂技术才能选型，筛选路径长，触达率低。
- 【SKU 数量庞大，选择困难】Deco 系列仅 WiFi 7 就有十余款型号，命名规则对普通消费者不透明（BE65 / BE67 / BE9300…），无对比引导，用户容易放弃决策。
- 【缺少主动导购工具】官网没有「Find Your Deco」类选型入口。用户需自行浏览对比，无 AI 对话、无问卷引导、无推荐逻辑。
- 【横向对比体验差】产品对比功能弱或不存在，用户只能在多个 PDP 页面之间来回切换，认知成本高。
问题 5
PDP 过于技术化
| 维度 | TP-Link | Eero | ASUS |
|---|---|---|---|
| 产品命名 | "BE9300 Whole Home Mesh WiFi 7 System" | "eero Pro 7 — The way wifi should be" | "ZenWiFi BQ16 Pro" |
| 内容比例 | 技术 60% / 利益 40% | [OK] 利益 80% / 技术 20% | 技术 80% / 利益 20% |
| 叙事顺序 | 参数→功能→场景 | [OK] 场景→利益→参数 | 硬核参数和技术场景 |
- 与 Eero 相比：缺少用户视角，不回答「这对我有什么用」
- 与 ASUS 相比：又不够硬核，技术深度不如 ASUS 的极客路线
- 媒体对 Deco 的定位恰恰是「性价比 + 易用」——但官网完全没传达这个定位
问题 6
技术栈严重老化
| 维度 | 当前状态 | 影响 |
|---|---|---|
| 核心框架 | jQuery 1.9.1（2013 年版本，已停维护） | 无 SSR/SSG，无代码分割 |
| 渲染方式 | CSR 客户端渲染 | 搜索引擎和 AI 爬虫读取效率低 |
| IE 兼容层 | html5shiv + selectivizr（IE8/9） | IE 已 EOL 5 年，纯负重 |
| 首页体积 | 277KB | 行业标准不大于 200KB |
[!] CSR 架构是 SEO 和 AI 流量的结构性天花板——在 SEO/GEO 以及页面设计扩展性、数据实验能力上都有根本性限制。
诊断总结
一句话总结
当前官网整体偏「集团公司产品信息查询网站」。需要向「消费电子品牌官网」做转变。
方向 1
品牌拆分，降低信息密度
核心判断：8 个品牌混排是信息过载的根因，必须做减法。官网专注消费网络产品。
| 层级 | 产品线 | 在新官网的角色 |
|---|---|---|
| 旗舰 P0 | Deco Mesh WiFi | 官网核心主角，独立品牌叙事，完整购买旅程 |
| 主力 P1 | Archer 路由器 | 补充方案，复用设计模板 |
| 软件订阅 | HomeShield 订阅 | 独立价值展示 + 全旅程曝光 + DTC 购买钩子 |
| 独立站 | Tapo / Kasa | 不纳入，已有独立策略 |
| 独立站 | Omada / VIGI | 不纳入，已有独立策略 |
| 独立站 | Aginet | 不纳入，已有独立策略 |
方向 2
内容框架重构 — Heart / Brain / Muscle
基于三方提供的分层逻辑，重新调整各部分比例和风格调性。
♥Heart · 品牌信任
建立情感连接和安全信任
"为什么选 TP-Link" 对标 Apple / Eero
⚙Brain · 产品导购
消除选择障碍，引导决策
"哪个产品适合我" 对标 NETGEAR Finder
⚡Muscle · 转化驱动
推动购买行动，DTC 独占权益
"从官网买有什么好处" 对标 Apple 以旧换新
具体的产品定位提案（品牌体验优先 / 导购转化优先 / 三层均衡）待调研阶段深化后确定。
方向 3
搭建独立 TP-Link 品牌 DTC 站
在主站信息架构之外，建立一个专属的 DTC 购买闭环，与主站丝滑连接，体验上不能割裂。
- 【独立 DTC 购买站】独立于主站的购买旅程，主打 DTC 独占权益：延保、捆绑优惠、会员积分、专属配件。官网的「Buy Direct」入口直接无缝跳入 DTC 站。
- 【主站与 DTC 站丝滑连接】主站负责品牌叙事与产品决策，DTC 站负责下单履约。两站在设计语言、账号体系、购物车状态上无缝衔接，用户感知不到跨站跳转。
- 【DTC 独占权益体系】明确「为什么要从官网买」：官网专属价格 / 延长保修 / 优先技术支持 / 官网会员积分 / 以旧换新。对标 Apple、NETGEAR 的 DTC 策略。
- 【统一账号与数据】购买记录、设备管理、HomeShield 订阅状态统一在 TP-Link 账号体系内，打通 App、主站、DTC 站的用户数据。
⚠ 核心原则：主站与 DTC 站的跳转不能造成体验割裂。当前 Tapo Store 的「新 Tab 打开 + 完全不同的设计语言」是反例，必须避免。
方向 4
引入 AI，助力导购 / Support / GEO
关键判断：除 ASUS 外大部分竞品选型工具都是传统问卷/静态页面，没有任何品牌集成 AI 导购。网络产品技术门槛高，AI 导购价值明确，值得切入。
触点 01 · AI 选型助手
在做了对话式交互，替代传统 Find Your Deco 问卷。「我家 2500 sqft 两层，20 个设备，预算 $400」→ AI 推荐型号 + 理由 + 一键购买。
触点 02 · AI 产品顾问
规划中PDP 页内嵌，替代传统 FAQ 和静态对比表。「BE63 和 BE67 有什么区别？」
触点 03 · AI Support 优化
优化中智能客服集成，降低支持成本。已支持但相对割裂且体验欠佳。
触点 04 · 结构化数据 → GEO
战略级SSR 渲染 + Schema.org 结构化标记，让 ChatGPT / Gemini / Perplexity 能抓取和推荐 TP-Link 产品。
方向 5
网站技术栈升级
| 维度 | 当前 | 目标 | 核心收益 |
|---|---|---|---|
| 渲染方式 | CSR（jQuery 1.9.1） | SSR/ISR（Next.js） | SEO + AI 爬虫可读 + 首屏速度 |
| 前端框架 | jQuery + 自研 | React + Next.js | 组件化、代码分割、长期可维护 |
| CMS | 自研 CMS | Headless CMS | 内容团队自主更新、A/B 测试 |
| 性能 | PageSpeed 20-40 | Mobile ≥ 70 | Core Web Vitals 达标 |
| 结构化数据 | 无 | Schema.org | Rich Snippets + AI 搜索展示 |
⚠ 注意 SEO 迁移风险：URL 结构变更是 Redesign 最大的 SEO 风险。需制定完整 301 重定向映射表、分阶段上线策略、以及上线后每日流量监控机制。
Step 1
项目范围
| 维度 | 范围 |
|---|---|
| 国家 | US 官网（/us/），其他区域后续复制方法论 |
| 品牌 | TP-Link 品牌，专注消费网络 |
| 产品线 | HNBU 全系列：Deco（旗舰）+ Archer（主力）+ HomeShield（软件订阅） |
| 待定 | GTM 策略 — 消费网络产品的 GTM 策略不在本项目中制定，仅作为需求输入；本项目需提供能力支持 |
| 待定 | CMS 优化 — 了解现状痛点后决策是否纳入 |
| 待定 | Marketing 官网运维原则与 SOP — 是否在本次项目中制定后续官网内容更新、上下架、Campaign 发布等运维流程规范 |
Step 2
角色分工
| 角色 | 职责 |
|---|---|
| PM（Kevin） | 产品定位提案 → 产品概要设计（为定位搭建骨架） |
| Leadership（PJ） | 决策产品定位方向，审批关键里程碑 |
| Leadership（Yuqi） | Marketing 策略方向把控，内容设计与品牌表达的最终审核 |
| 交互设计师（Ken Kim 团队） | 全站导航方案设计 |
| 视觉设计师（Ken Kim / MKT） | Wireframe → 高保真设计稿 |
| Marketing 团队 | 详细内容设计（品牌内容、文案、视觉风格），网站产品详细 PRD 方案输出 |
| 研发（RD Lead） | 技术栈确认 + 前端开发，进度由 Marketing 团队跟进 |
Step 3
全面调研
在确定产品定位前，完成五个维度的调研。
| 调研维度 | 内容 | 状态 |
|---|---|---|
| 公司内部关键角色 | PJ、Marketing、Ecom、RD Lead、Design、技术支持、硬件 PM 等利益相关者访谈 | → 待启动 |
| 网站数据分析 | GA4 基线（UV/PV、跳出率、停留时长、转化漏斗）+ Core Web Vitals | → 待内部数据 |
| 用户调研 | 目标用户的使用行为和需求验证 | → 待启动 |
| 竞品调研 | Eero / NETGEAR / ASUS / Apple / B&O; 官网深度审计 | → 待启动 |
| 技术调研 | RD Lead 确认技术栈方案（Next.js 可行性 + 工期评估） | → 待启动 |
时间节奏
五阶段推进
时间节点待 PJ 确认启动日期后锁定
1
Discoveryx 周
利益相关者访谈、GA4 基线、技术栈确认 → Discovery Sign-off
2
Definex 周
产品定位、IA 定稿、Design Brief → Brief Handoff
3
Designx 周
Wireframe → 高保真（3 轮评审）→ Design Sign-off（PJ + Yuqi 审批）
4
Buildx 周
前端开发、CMS + AI 集成、SEO 实施 → Staging 就绪
5
Launchx 周
灰度发布、性能优化、正式上线 → Go Live