TP-Link US Redesign · 概要设计

新官网概要设计
Design Brief v0.1

版本 v0.1 — Draft 日期 2026-05-08 作者 Product Team

本文档定义了 TP-Link US 新官网的产品定位、视觉方向、页面策略、DTC 模式和分期交付计划。基于多角色深度辩论(品牌策略 / 电商增长 / UX 研究 / 技术架构 / 决策层)的共识结论。

产品定位

从「集团全品牌产品查询站」转型为「消费网络品牌旗舰店」。

核心定位
TP-Link 消费网络品牌官网 + DTC 电商旗舰店——聚焦 Deco / Archer / HomeShield 三条线,其余品牌各回独立站。
维度当前新版
品牌数8 品牌混排1 品牌(TP-Link 消费网络)
产品线20+ 品类3 条线:Deco(旗舰)· Archer(主力)· HomeShield(订阅)
购买能力零(跳转 Amazon)完整 DTC(加购→结账→账户)
内容调性技术导向(参数 60% / 利益 40%)利益优先(利益 60% / 参数 40%)
技术栈jQuery 1.9.1 · 自研 CMS · PageSpeed 20-40Next.js · Headless CMS · Shopify Plus · PageSpeed 90+
品牌叙事 vs 产品导购比例:40% 品牌 / 60% 导购。视觉感受做到 50/50。理由:内容团队仅 3 人,维护不了高密度品牌叙事;用户主要意图是"帮我选对的产品"而非"了解 TP-Link 品牌"。
品牌 40%
导购 60%
Apple / Eero 模式 ← 我们在这 Amazon 模式
否决的方案:60% 品牌叙事(Lena 提案)——被否是因为:① 3 人内容团队无法持续生产高质量品牌内容,半年不更新会变成"品牌僵尸";② TP-Link 50+ SKU 的产品线宽度和 Eero 的 3 SKU 根本不是一个打法。

视觉方向

科技精致 + 浅色系。不走极简主义,不走暗色科技感,走有设计质感的产品展示。

视觉方向决策
「科技精致」路线 — 浅色系为主,旗舰产品可用深色主题。主参考:Sonos.com。
方向代表评估结论
Apple 极简 apple.com 极致留白需要极致产品工业设计和摄影兜底。TP-Link 产品外观不够惊艳,撑不起来 否决
DJI 暗色科技 dji.com 暗色系产品图要全部重拍,摄影预算翻倍。且路由器是工具型产品,不适合梦想型叙事 否决
Eero 家庭温暖 eero.com 用户画像不匹配——TP-Link 主力用户是 30-45 岁 tech-savvy 男性,对"科技精致感"响应更高 否决
Sonos 科技精致 sonos.com 同为 50+ SKU 品牌,浅色系+强排版+克制动效+产品真实场景。摄影要求合理,性能可控 采纳

设计系统关键参数

色调
浅灰白底为主(#fafaf8)
品牌色 teal(#0e7c7b)
旗舰页面可用深色主题

排版
Inter / SF Pro 系列
大号标题 + 高对比度层次
中文用系统字体回退

动效
克制精准,不靠大量视频
scroll-driven 微动效为主
旗舰产品页可加深度动效

产品图
旗舰:场景图(3-5 个 SKU 定制拍摄)
标准:白底产品图 + CMS 场景模板
统一视觉系统兜底一致性

旗舰 vs 标准的两层策略:产品摄影预算有限,不可能 50 SKU 全做 DJI 级场景图。旗舰做加法(定制摄影+深度动效),其他做减法(标准模板+设计系统兜底),落差用统一的设计系统弥合。

首页策略

首页 = 品牌第一印象 + 产品导航枢纽。不是产品货架,也不是品牌广告。

首屏方案
旗舰产品场景英雄图 + 品牌一句话 + 三产品线快捷入口(Deco / Routers / HomeShield)。
tp-link.com/us/
第 1 屏 · 品牌 + 旗舰
WiFi That Works
for Your Whole Home
Deco BE95 · Whole-home mesh, zero dead zones
Explore Deco
Deco Mesh WiFi Routers HomeShield
第 2 屏 · 产品线
Deco 场景图
Deco Mesh WiFi
From $149.99
+ Free HomeShield 12mo
Archer 场景图
WiFi Routers
From $79.99
+ Free HomeShield 6mo
HomeShield 图标
HomeShield Security
$5.99/mo
Free with any Deco
第 3 屏 · 信任背书
#1全球 WiFi 出货量
1.7B全球用户
170+覆盖国家
4.5★平均产品评分
第 4 屏 · HomeShield
Your Home Network, Protected
HomeShield 安全订阅 · 威胁拦截 · 家长控制 · 网络报告
智能选型工具放 V2:V1 首页不放 AI 选型入口。原因:① rule-based 推荐逻辑需要先和 Shopify inventory API 联调,确保不推荐缺货产品;② 推荐不准反而伤害信任。V1 用静态产品对比表替代。

PDP 策略

两层模板策略——标准模板全线覆盖 V1,旗舰深度叙事页 V2 追加。

PDP 分层策略
Standard Template(V1 全线 50 SKU)+ Premium Template(V2 旗舰 3-5 SKU)。所有 PDP 共享结构化规格表、sticky 购买入口、产品对比工具。

V1 Standard Template

适用:全部 50 个在售 SKU

结构:
① Hero Shot + 产品名 + 价格 + 加购按钮(sticky)
② 三个核心卖点卡片(利益语言)
③ 场景图(CMS 模板)
④ 结构化规格表(可折叠)
⑤ 产品对比入口
⑥ 评价(接入 Trustpilot/Bazaarvoice)
⑦ HomeShield 捆绑推荐

内容生产:copywriter 写文案模板 + tone guide → AI 辅助生成 → 人工审核

V2 Premium Template

适用:Deco BE95、Archer BE900 等 3-5 款旗舰

结构:
① 全幅英雄视频/动效
② 滚动叙事(场景→痛点→方案→技术)
③ 交互式功能演示
④ 完整规格表
⑤ 评价 + UGC
⑥ 购买入口(始终可见)

内容生产:native speaker copywriter 定制 + 专业摄影/视频

SEO 硬约束:PDP 必须有结构化文字内容(产品描述、特性列表、规格表)支撑 Schema.org Product markup。纯图片叙事页对搜索引擎不友好。旗舰 Premium 页也必须包含可索引的文字层。

DTC 电商策略

不和 Amazon 打价格战,打体验差异化。

DTC 核心策略
官网与 Amazon 同价。官网独占权益:HomeShield 分层赠送 + 延长保修 + 零配置到手。不在官网导流 Amazon。

HomeShield 分层赠送方案

产品价位HomeShield 赠送延长保修让利成本
$200+(Deco BE 旗舰)12 个月免费标准 2 年 → 5 年~$72/台
$100-200(Deco/Archer 中端)6 个月免费标准 2 年 → 3 年~$36/台
<$100(Archer 入门)3 个月免费标准 2 年~$18/台

5 个 Amazon 做不到的独占权益

#权益Amazon 为什么做不到
1HomeShield 免费捆绑——软件订阅绑定设备激活Amazon 无法在下单时绑定 digital product
2延长保修——官网购买自动延保Amazon 的延保由第三方提供,不是品牌官方
3零配置到手——下单时绑定 WiFi 名/密码,出厂预烧录Amazon 仓储无法做个性化配置
4Trade-in 旧路由器——任何品牌旧路由器照片抵 $15-25Amazon 没有网络设备 Trade-in 计划
5新品首发 / 限定款——官网提前 2-4 周开售渠道协议可以做到官网首发窗口
底线:绝不和 Amazon 比价。官网价≥Amazon 价,用独占权益找补差额。一旦官网更便宜,Amazon 会报复性降价,进入死亡螺旋。

信任重建策略

FCC 禁令背景下的分阶段信任重建。不靠 PR 话术,靠可验证的证据。

分阶段方案
V1:footer 轻量 Security & Privacy 页面 + 产品安全 badge。V2(Q3 审计到位后):升级为 Trust Center 放入主导航。
阶段动作内容
V1 Footer → Security & Privacy 页面 数据处理原则 · 现有认证清单 · 审计计划时间表 · HomeShield 完整隐私政策
V1 产品页安全 badge WiFi Alliance 认证 · FCC 认证标志 · HomeShield 安全标识
V2 Trust Center(Q3 后) 第三方渗透测试报告摘要 · 数据流向可视化 · SOC 2 认证(规划中)
否决的方案:V1 就在主导航放 Trust Center。理由:① 审计材料 Q3 才到位,空的 Trust Center 比没有更糟;② 90% 消费者不知道 FCC 事件,主导航高调展示等于主动提醒"我们有安全问题"。

V1 / V2 交付范围

V1 目标 Q4 上线,聚焦可运行的最小完整体验。

V1 · Q4 2026
最小完整体验——能买、好看、够快
  • 首页(英雄区+产品线+信任区+HomeShield)
  • Deco 品类页 + Archer 品类页
  • Standard PDP 全线覆盖(~50 SKU)
  • 产品对比工具(静态)
  • 完整购买流程(PDP→Cart→Checkout→Account)
  • HomeShield 分层赠送+延长保修
  • Algolia 站内搜索
  • Security & Privacy 页面
  • SEO 迁移(301 全覆盖)
  • Core Web Vitals 90+ 分
  • 设计系统 + CMS 全面运营化
V2 · Q1-Q2 2027
体验升级——深度内容 + 智能化 + 信任
  • 旗舰 Premium PDP(3-5 个 · 定制摄影+视频+叙事)
  • AI 智能选型工具(rule-based + LLM 补充)
  • Trust Center(第三方审计报告+数据流向图)
  • 原生用户评价系统
  • 技术专题页统一到 /technology/
  • Support 体系迁移 + AI Support
  • 补充产品线(Range Extender / Powerline / Adapter)
  • Legacy PDP(停产产品 ~140 个)
  • Blog / Press 迁移到新 CMS
  • 独占 SKU(限定色 / 首发窗口)
未来
会员体系 · AI 产品顾问 · 个性化推荐 · Trade-in 计划

V1 红线指标

指标目标衡量方式
Mobile PageSpeed≥ 90Lighthouse CI
LCP< 2.0sRUM (Real User Monitoring)
CLS< 0.05RUM
301 覆盖率100% 旧 URLScreaming Frog 验证
购买流程完成率基线建立GA4 Funnel
PDP 覆盖50 个在售 SKUCMS 内容审计

待决事项

以下事项需要在后续会议中决策。

#事项决策者时间要求
1Headless CMS 选型——Sanity vs Contentful vs Strapi。技术侧倾向 Sanity(GROQ 查询+实时协作),需确认预算Ray + PJ本月
2品牌 Slogan / Tagline——首屏英雄区的品牌一句话。需要 native speaker copywriterLena + Yuqi设计阶段前
3Deco 品类简化方案——前台展示 3 层(基础/Pro/Max)还是按户型推荐?需用户测试Yuki设计阶段
4HomeShield 定价和赠送细节——分层赠送的具体月份和成本模型Marcus + Finance开发前
5渠道冲突协调——官网独占权益不抢 Amazon 存量,需和 Amazon 团队对齐 KPIPJ上线前
6第三方安全审计启动——Cure53 / NCC Group 选择 + 时间表,Trust Center V2 依赖此项PJ + Security TeamQ3 前启动
7产品摄影预算和排期——旗舰 3-5 SKU 定制拍摄 vs 标准 SKU 白底图Lena + MKT设计阶段
8流量获取计划——新站 SEO / SEM / 社交媒体引流策略,需独立讨论Marcus + MKT上线前