TikTok Shop Insurance · UX Case Study
TikTok Shop · Insurance · 2025

TikTok Shop Insurance

From embedded protection to insurance platform capability 从嵌入式保障体验到保险平台能力

A UX case study spanning two products: buyer-paid product protection and seller-paid shipping protection, together with the shared eligibility, policy, claim, and partner states behind them. 面向 TikTok Shop 与 PIPO 国际支付体系的保险体验建设。项目包含两条独立业务线:To C 是买家付费的商品保障,To B 是卖家付费的物流保障,并分别承接购买、投保、保单与理赔体验。

Role角色  UX design across buyer and seller journeys双端体验设计 Team团队  PIPO × Shop × Risk × Ops × Legal × Insurer To C  Buyer-paid · Product protection买家付费 · 商品保障 To B  Seller-paid · Shipping protection卖家付费 · 物流保障 Metrics指标  Paid GWP · Penetration · Adoption Clear coverage and status权益与状态清晰 Traceable claims理赔链路可追踪
Project Overview

两类保险产品,共用一套保单与理赔能力

这个项目包含两条独立业务线:To C 商品保障由买家在结账时自愿购买,To B 物流保障由卖家为符合条件的包裹付费。我的工作既覆盖两端不同的购买与服务旅程,也需要统一准入、交易、保单、理赔和合作方状态,确保前台信息与后台处理一致。

我的角色
体验设计 / 双端旅程设计
To C 设计买家付费购买旅程;To B 设计卖家付费投保与履约保障旅程
协作团队
PIPO × Shop × Risk
× Ops × Legal × Insurer
设计范围
To C 买家付费 / 商品保障
To B 卖家付费 / 物流保障
核心目标
让权益、费用与处理状态可理解
买家知情选择;卖家明确投保成本,并能追踪自动理赔结果
Design Lens

两条业务线不能共用同一条前台旅程。商品保障要让买家在付款前理解保障范围和价格;物流保障要让卖家判断成本与适用订单,并在风险发生后减少重复举证。它们只在平台层共享订单、保单、理赔状态与合作方协作能力。

Measurement Framework

用 GWP 看规模,用渗透率与采纳率定位问题

Paid Gross Written Premium(GWP)用于衡量已支付保单的业务规模,但它不是体验质量指标。渗透率和采纳率用于判断问题来自产品覆盖、前台触达还是用户决策;上线后还要结合 NPS、客服咨询和理赔质量,避免只增加保费而损害售后体验。

North Star Metric
Paid GWP
支付毛承保保费

已支付保单的应付保费总额,统一折算为 USD。它把产品覆盖、用户购买、支付成功和保单出单串成一个业务结果指标。

口径:sum(已支付保单本币应付保费) × 订单支付日 USD 汇率
Diagnostic Metric
Insurance penetration rate

保险渗透率衡量已售保单数量与已支付电商主订单数量之间的关系,用来判断保险能力在整体订单大盘中的触达程度。

count(已支付保单数量) / count(已支付电商主订单数量)
Diagnostic Metric
Insurance adoption rate

保险采纳率把分母收窄到符合保险条件的品类订单,用来判断用户在“可购买保险”场景中的真实接受度。

count(已支付保单数量) / count(符合保险资格品类的已支付主订单数量)
对设计的意义:提升理解

如果用户不理解保障范围,采纳率会先受影响。因此结账和订单页需要把权益、边界和理赔入口讲清楚。

对平台的意义:扩大可投保面

渗透率不仅是前台问题,也取决于类目准入、机构覆盖和产品配置能力,设计需要让准入状态可解释。

对运营的意义:追踪质量

GWP 增长必须和保单理解、理赔完成率和售后评价一起看,避免只追求投保规模而牺牲售后信任。

Business Context

商品风险和物流风险分别影响买家与卖家

商品损坏会影响买家是否愿意购买高风险品类;包裹丢失、破损和未收到则会增加卖家的履约与售后成本。平台因此提供两种保险产品:商品保障帮助买家理解并选择额外保障,物流保障帮助卖家管理特定包裹风险。两者的付费方、触发条件和服务流程不同。

CX
用户下单需要确定性

保险把“坏了怎么办、丢了怎么办、延迟怎么办”变成可被理解的保障承诺,减少购买犹豫。

GMV
平台竞争需要基础能力

主要竞对已将保险作为基础服务能力。保险选项会影响转化、复购和平台可信度。

OPS
履约纠纷需要系统化消解

物流险不是单纯赔付工具,而是把售后争议转化为可追踪、可自动化处理的协作机制。

Product Insurance
商品险

围绕商品质量、损坏、使用风险建立购买信心。前台表达需要让买家在下单前理解权益,后台能力需要支持类目、权益和交易之间的灵活匹配。

下单勇气 权益解释 类目适配
Logistics Insurance
物流险

围绕履约风险提供确定性,重点不只是“赔付”,而是通过自动化理赔减少买卖双方沟通成本,让商家把精力放回服务升级。

履约契约 自动化理赔 纠纷消解
Shared Platform Capability
保险平台底座

商品保障与物流保障面向不同付费方,但都依赖统一的准入、交易、保单、理赔和合作方协作能力。平台层负责让前台承诺与后台执行保持一致。

统一状态 合作方协作 跨市场配置
Commercial Model

两条业务线的付费关系不同:To C 由买家在交易中选择并支付保费;To B 由卖家为物流保障承担服务费。平台负责交易与体验承接,broker、insurer 或第三方服务商完成承保及理赔。页面不展示敏感分成比例,只保留影响用户决策和责任理解的结构。

Competitive Research

竞品研究:从“值得买”到“赔得到”

我整合了 SEA 与 US 竞品分析、体验问题诊断和多市场全链路截图三类证据,不只比较购买页长什么样,而是沿着购买、保单与理赔三个阶段追问:平台如何把保障讲清楚,又如何在售后兑现这份承诺。

3 Reports
从竞品表达到真实链路
用竞品对比、问题诊断和现状流程相互验证,避免只从单个页面得出结论。
Evidence
竞品 Benchmark体验问题诊断全链路截图
Markets
PHIDTHMYUS
Journey
PurchasePolicyClaim
QUESTION 01
下单瞬间,用户为什么愿意多付一笔?比较 PDP 与加购弹窗的信息分工,找出首触点必须讲清的最少价值。
QUESTION 02
这份保障比厂商保修多了什么?识别最容易被混淆的电子险与延保,理解竞品如何表达额外风险覆盖。
QUESTION 03
购买后,用户如何确认并兑现保障?走查保单与理赔链路,判断哪些状态、期限、材料和下一步必须持续可见。
01
Purchase Moment · Progressive Disclosure

竞品把“是否需要”与“为什么值得”拆成两层

Amazon 与 Walmart 在 PDP 只露出保障名称、期限和价格,不打断主商品决策;用户加购或展开后,再补充跌落、液损、故障、维修、客服和理赔方式。信息不是越多越可信,而是要在正确的时机回答正确的问题。

设计结论首触点回答“与我有关吗”,次级页面回答“为什么值得买、出事后怎么办”。
US Competitor EvidencePDP → Add to cart → Value explanation
Amazon 商品页中的 Protection Plan 入口
PDP:名称 · 期限 · 价格
Amazon 加购后的保障详情界面
加购后:风险 · 服务 · 理赔
Walmart 保障计划加购弹窗
弹窗:完整价值与行动
首屏保持低干扰关键价值渐进展开购买动作紧邻解释
02
Value Model · Warranty vs Insurance

保险最难的不是说得多,而是说清它比保修多了什么

用户容易把电子险、延保与厂商保修混为一谈。US 竞品直接强调保障“超出厂商保修”,SEA 则把最高赔付、有效期和液损、盗抢等场景前置。更有效的心智模型是:保修解决产品本身的问题,保险承接用户使用中的意外。

PH · 液损ID · 液损 / 盗抢 / 全损TH · 盗抢 / 液损US · 意外 / 维修服务
设计结论统一“保护对象 → 风险场景 → 赔付方式 → 期限 → 承保方”的语义骨架,仅按市场校准风险词与价值重点。
Cross-market EvidenceSEA 场景化价值 × US 保修差异
SEA 商品保障详情中的赔付比例和风险场景
SEA:赔付上限与本地风险
Walmart 对保障计划与厂商保修差异的说明
US:明确超出厂商保修
用 Protection 降低门槛用场景解释额外价值用承保信息建立可信度
03
Post-purchase · Policy & Claim

用户购买的是承诺,保单与理赔必须让承诺可追踪

多市场链路走查显示,保单入口、承保状态与理赔路径经常分散,部分流程还会跳转到保险公司网页,用户因此失去订单上下文。保单需要持续说明是否生效、保障多久、由谁承保;理赔则需要独立展示进度、材料、下一步和结果。

设计结论Policy 用状态标签表达生命周期;Claim 用分步进度表达处理过程。两条链路相关,但不能混成同一套状态。
SEA Journey EvidencePolicy status → Context break → Claim progress
保险保单详情与承保状态界面
Policy:状态与保障期限
跳转到外部保险机构网页提交理赔
断点:跳出订单上下文
保险理赔进度与下一步界面
Claim:进度与下一步
保单状态持续可见理赔入口留在订单场景材料与结果可追踪
Core Conclusion

一套保障语义骨架,两条售后生命线

购买前,平台用稳定的信息顺序讲清“保什么、怎么赔、保多久、谁承保”;购买后,Policy 与 Claim 分别管理保障状态和理赔进度。这样既能跨市场复用,也能让前台承诺在后台被配置、履行和追踪。

01
首触点少而准PDP 只回答相关性与价格,完整权益在用户表达兴趣后渐进展开。
02
保修差异前置明确“产品故障由保修处理、使用意外由保险覆盖”,降低重复购买疑虑。
03
Policy / Claim 分轨保单看状态和期限,理赔看进度与下一步,避免用一个进度条承载两种生命周期。
04
统一结构,本地化风险复用核心保障字段,按 PH、ID、TH、MY、US 的风险认知调整场景与价值重点。
From Research to Product研究结论被转译为后续产品的三类动作:让 C 端看懂价值,让 B 端完成投保与理赔,让平台同时管理增长和赔付质量。
To C · 用户体验
看懂、买下、找得到

以渐进式信息促进购买,并在订单内持续提供保单状态、理赔入口、处理进度和下一步。

To B · 商家体验
愿意投保、无需重复理赔

用一致的保障字段支持投保决策;售后满足条件后自动触发理赔,商家只需查看状态,失败时再按原因恢复。

Platform · 经营治理
增长与理赔率同时可控

以 Paid GWP、Penetration、Adoption 衡量增长,并结合理赔率、赔付质量和纠纷率持续校准产品。

Experience Strategy

两条业务线共享状态模型,但不共享前台旅程

To C 的重点是渐进解释:购买前讲清保障范围、价格和生效条件,购买后把 Policy 与 Claim 分开追踪。To B 的重点是经营效率:用统一字段支持方案比较,并在满足条件后复用订单、物流与售后证据自动发起理赔。

核心设计挑战

买家关心“这份保障是否值得买、出问题后能否顺利获赔”;商家关心“为什么要投保、风险发生后平台是否会自动补偿”。设计需要分别回应双方诉求,同时让保障承诺在购买、履约和售后阶段保持一致。

Design Principle

C 端讲清权益与状态,B 端讲清成本并减少操作。关键权益、责任边界和理赔结果保持透明,便于买家做知情选择,也便于卖家判断保障是否适合自己的订单。

To C · Awareness
购买前:理解保障
在商品和结账场景说明保什么、何时生效、出险后怎么办,降低购买疑虑。
To B · Adoption
商家侧:鼓励投保
解释投保带来的经营价值、适用范围和成本,帮助商家做出清晰决策。
Claim Journey
售后阶段:完成理赔
C 端围绕订单提供材料与进度;B 端复用售后和物流证据自动发起理赔,统一回写结果。
Experience Governance
平台侧:持续优化
结合 NPS、咨询量、采纳率与理赔质量,持续调整保障表达和服务流程。
Experience & Business Loop

买家购买、卖家投保与平台治理如何连接

三者不是同一条用户旅程,而是通过订单、保单、理赔和证据状态连接。买家侧关注知情选择与售后进度,卖家侧关注投保成本与自动理赔,平台侧负责准入规则、责任边界和风险质量。

Shared Experience Backbone
订单、保单、理赔状态同源
让用户、商家、平台与保险公司共享一致的保障范围、责任边界和处理进度。
To C · Buyer
用户体验
降低决策疑虑,兑现保障承诺
01
保障前置
在商品与结账场景及时露出
02
权益讲清
用购物语言解释保什么
03
理赔透明
订单内查看进度与结果
Validated Signal
NPS 提升
咨询量下降
To B · Seller
商家经营
鼓励投保,降低售后履约成本
01
投保引导
说明保障价值与适用场景
02
保障配置
关联订单、门槛、费率与服务商
03
自动理赔
复用售后证据并同步处理结果
Outcome to Validate
保障采纳
售后成本
Platform · Governance
平台治理
平衡保障体验与风险成本
01
准入与规则
匹配类目、地区与承保条件
02
证据与责任
统一理赔材料和责任边界
03
理赔率治理
监控异常并优化产品策略
Platform Capability
统一状态
风险可观测
设计的核心作用

前台清晰表达保障权益,让买家看得懂、放心购买;商家端讲清保障成本,并把符合条件的售后事件自动转为理赔;平台再用 NPS、咨询量、Paid GWP、渗透率、采纳率与理赔质量 分别验证体验、增长和风险表现。

Phased Build

建设顺序:先跑通旅程,再支持多市场运营

建设分为三个阶段:先定义买家和卖家的核心旅程与状态;再沉淀可复用的权益表达、入口和理赔框架,并按国家与合作机构做本地化;最后补齐营销、控赔与运营工具。

01
Journey Definition
核心旅程与双端体验定义

先识别买家与商家的关键问题,梳理从保障理解、投保决策到保单管理、理赔提交和结果追踪的完整旅程,并统一关键状态与责任表达。

买家购买旅程 商家理赔旅程 关键状态表达
02
Market Adaptation
跨市场体验适配与快速落地

沉淀可复用的权益表达、投保入口和理赔流程,再根据不同国家、险种和保险公司的规则进行本地化适配,让核心体验保持一致。

权益表达规范 本地化适配 Embedded Insurance 新市场落地规范
03
Scale Operations
双轮驱动,规模化运营

在核心旅程稳定后,再建设保险营销、控赔、卖家运营和自助服务工具,使团队能够持续配置产品、监控风险并处理异常。

保险营销 控赔运营 卖家运营 自助率导向
Embedded Experience

保险信息分别落在商品、结账、订单和售后节点

对用户来说,保险不应该像一个突然出现的金融产品。它需要在商品、结账、订单和售后里以合适的信息密度出现:下单前说明保障价值,支付时给出清晰选择,购买后保留保单入口,出险时提供可理解的理赔进度。

01
商品/物流场景

根据类目和履约风险判断保障是否适用。

02
结账投保

在不打断支付的前提下呈现权益、价格和边界。

03
保单查看

订单页承接保单详情、机构信息和保障状态。

04
理赔自助

从售后问题进入 claim,并展示材料和处理进度。

Buyer
买家需要确定感

页面表达避免制造焦虑,用清晰场景告诉用户保障何时生效、如何申请、预计会发生什么。

Seller
卖家需要低干扰

物流险和自动化理赔帮助商家减少售后纠纷,把复杂赔付流程从人工沟通中抽离出来。

Platform
平台需要可治理

投保、出单、理赔和售后状态需要被用户、商家和运营侧一致理解,支撑后续服务策略迭代。

TO C
Buyer-paid protection

买家付费的商品保障

由买家在购物链路中自主选择并支付保费,核心任务是讲清保障价值、选择状态、保单资格与理赔进度,帮助用户在付款前知情选择、出险后有明确预期。

PayerBuyer · 买家
Risk商品与设备意外损坏
Journey购买 → 保单 → 理赔
Design Output · To C · Buyer-Paid Purchase Journey

To C 具体设计:让买家在付款前理解并选择保障

这是一条由买家主动选择并支付保费的 Gadget protection 购买路径。保险信息不突然打断购物,而是随着购买意图逐层展开:PDP 先建立保障感知,Bottom Sheet 在用户主动查看时补充范围与规则,Checkout 再明确价格和选择状态,让买家在支付前完成知情选择。

TikTok Shop 商品描述页中的 Gadget protection 保险入口
01 · Product Detail Page

PDP:低干扰地建立保障感知

在配送和退货信息下方露出 Gadget protection,用熟悉的服务语言告诉用户商品可获得保障,同时保持主购买任务的连续性。

TikTok Shop Services and Return Policy Bottom Sheet 中的保险详情
02 · Progressive Disclosure

Bottom Sheet:主动查看时解释保障

用户点击后再展开保障范围、期限与 Learn more 入口,把详细说明放在兴趣发生之后,既回应疑问,也避免在 PDP 堆叠金融信息。

TikTok Shop Checkout 页面中已选择的 Gadget protection 保险方案
03 · Checkout Confirmation

Checkout:让价格与选择状态可确认

在商品卡片下方直接展示保障价格、覆盖范围和勾选状态,让保险与当前商品信息成组呈现,方便用户在支付前集中查看并调整选择。

从感知到确认

三处触点对应不同的信息任务:PDP 回答“有保障吗”,Bottom Sheet 回答“具体保什么”,Checkout 回答“我是否选择、需要支付多少”。信息随购买意图逐步加深,既不打断交易,也让金融选择保持透明。

Design Output · To C · Learn More

具体设计:把保障价值、理赔路径与规则边界讲清

当用户在 Gadget protection 中点击 Learn more,会进入一组完整的保障详情页。页面使用稳定的三段式导航,将用户最关心的问题拆开回答:Benefits 解释能获得什么,How to claim 说明出险后怎么做,T&C 提供可查证的条款与责任边界。

Gadget protection Learn more 页面中的 Benefits 保障权益详情
01 · Benefits

先回答为什么值得购买

用额外保障、可信承保方和便捷理赔建立价值认知,再通过对比表明确 Gadget protection 与厂商保修的覆盖差异,降低重复购买疑虑。

Gadget protection Learn more 页面中的 How to claim 理赔步骤
02 · How to Claim

把理赔路径讲成三个明确步骤

从 Orders 找到对应订单,进入 Gadget protection,再点击 Submit claim。页面同时提供保险公司的邮箱、电话和服务时间,让自助理赔与人工支持都可找到。

Gadget protection Learn more 页面中的 Terms and Conditions 条款入口
03 · Terms & Conditions

让规则与责任边界随时可查

将平台保障条款、隐私政策与 Chubb 团体保单条款分开呈现,明确平台与承保方的责任来源,使用户在购买前能够核对关键规则。

从兴趣到理解

三页分别回答“我能获得什么、出险后怎么做、需要同意哪些规则”。用分栏而非一页堆叠全部金融信息,让价值、行动和条款各自清晰,同时保持同一产品语境。

Design Output · To C · Post-Purchase Journey

具体设计:购买完成后,保障入口与保单状态持续可见

保险不是结账时的一次性选择。完成购买后,我让 Gadget protection 继续跟随对应商品出现在订单详情中,并根据订单阶段承接不同任务:刚下单时提供可找到的保障入口,订单完成后保留售后访问路径,进入保单页后再清楚解释当前状态与生效条件。

TikTok Shop 刚下单后的订单详情页,其中保留 Gadget protection 入口
01 · Order Placed

刚下单:保障入口跟随对应商品

在订单状态和商品卡片下方保留 Gadget protection 入口,让用户刚完成支付就能确认已购买保障,并明确它属于哪一件商品。

TikTok Shop 已完成订单详情页中的 Gadget protection 入口
02 · Order Completed

订单完成:保障入口持续保留

交易完成后入口不随订单状态消失,仍与商品信息成组呈现。用户后续需要查看权益、确认保单或处理售后时,不必离开订单上下文重新寻找。

Gadget protection 保单详情页,显示保单正在处理中
03 · Policy Processing

Policy Detail:解释当前状态与生效条件

进入 Gadget protection 后,用生命周期进度说明保单正在处理,并明确订单完成后生效;商品、承保方、保费和订单编号集中展示,帮助用户核对保障关系。

从订单到保单

订单页持续回答“我的保障在哪里”,保单页进一步回答“现在是什么状态、什么时候生效、保障对应什么商品”。入口、商品与状态保持关联,让保险承诺在支付完成后仍然可见、可查、可解释。

Design Output · To C · Policy & Claim States

第一版:先覆盖保单与理赔的关键状态

首版优先解决“状态缺失”的问题:订单进行中时保单尚未生效;进入 Protected 后才开放 Submit claim,并跳转至合作保险公司提交。用户返回 TikTok Shop 后,平台继续同步 Reviewing、Action required 与 Paid 等理赔结果;出单失败、订单取消与保障到期则作为保单退出状态。完整覆盖让链路先跑通,也暴露出保单生命周期与理赔进度耦合的问题,为后续迭代提供了明确基线。

订单进行中时 Gadget protection 保单正在处理,暂不可理赔
01 · Processing

订单进行中:暂不可理赔

明确告知保单将在订单完成后生效,不提前展示理赔按钮,避免用户在保障尚未成立时进入无效流程。

Gadget protection 已生效并展示 Submit claim 理赔入口
02 · Protected

保障生效:开放理赔入口

保单生效后突出 Submit claim,用户可前往第三方合作保险公司完成理赔提交,同时保留保单与商品上下文。

用户提交理赔后返回 TikTok Shop 查看 Reviewing claim 状态
03 · Reviewing

提交完成:持续同步审核状态

从合作方返回后告知用户理赔正在审核,并提供 Check claim status,减少跨平台提交后的不确定感。

理赔材料不足,需要用户补充额外材料的 Action required 状态
04 · Action Required

材料不足:明确下一步动作

审核被打回时说明需要额外材料,并给出邮件与客服联系方式,让用户知道去哪里补充、如何继续处理。

保单出单失败并提示退款的 Failed 状态
05 · Failed

出单失败:解释原因与退款

当保险经纪拒绝出单时,明确展示失败原因并提供退款详情入口,避免用户把失败误解为仍在等待。

买家取消订单后 Gadget protection 保单同步取消
06 · Policy Canceled

订单取消:同步终止保单

订单被买家取消后,保单状态同步变为 Policy canceled,并显示取消原因与退款详情,保持交易和保障状态一致。

Gadget protection 保障期限结束后的 Expired 状态
07 · Expired

保障到期:明确覆盖已结束

时间轴走到 Expired 后,保留起止日期与历史保单入口,让用户理解不再受保的原因并继续查阅记录。

Policy detail 中同一理赔由 Approved 进入 Paid,并展示核准与实际赔付金额
08 · Approved → Paid

理赔获批并到账:两段结果都可确认

在 Policy detail 中同时保留 Approved 与 Paid 记录,分别展示核准金额、赔付金额及对应时间,让用户明确理赔是否通过、款项是否已经发放。

先补齐状态,再拆分状态

第一版让每个节点同时回答“现在发生了什么”“接下来能做什么”,解决链路断点;上线后再根据用户困惑,把保单资格与理赔进度拆成两套更直接的状态表达。

Design Iteration · Intro Page

第二轮迭代:让保障价值在首屏被看见

在保单与理赔状态跑通后,我重新审视用户首次理解保险的入口。迭代聚焦首屏信息密度、导航连贯性、理赔流程完整度和保障差异表达,让用户更快判断这项保障是否与自己相关、是否值得购买。

Before
大尺寸 Hero 主导页面
初版体验
保险 Intro page 初版录屏,大尺寸 Hero 占据首屏,权益内容需要继续下滑查看
主要问题:视觉主图占用过多纵向空间,用户需要继续下滑或主动切换 Tab,才能看到覆盖范围、理赔方式和保障差异。
After
首屏优先支持购买判断
迭代方案
保险 Intro page 迭代版录屏,缩小 Hero 并提前展示保障对比表,滚动时 Tab 自动切换
迭代结果:首屏直接说明保障对象、保障期限、赔付价值与理赔便捷性,随后用前置对比表回答 Protection plan 与 Brand warranty 的差异。
01
信息层级

缩小 Hero,把关键判断提前

问题主视觉占比过大,影响购买判断的保障范围与价值被推迟到首屏之外。

迭代压缩 Banner 高度,提前露出 Drop/spill protection、1-year coverage、赔付上限与 Easy claims。

收益用户进入页面后能快速判断保障是否相关,再决定是否继续了解细节。

02
阅读连贯性

让 Tab 随滚动自动同步

问题Benefits、How to claim 与 T&C 依赖用户主动点击,导航状态和连续阅读彼此割裂。

迭代保留可点击切换,同时让滚动位置驱动 Tab 自动高亮和切换,持续反馈当前阅读章节。

收益减少重复操作,用户按自然滚动节奏阅读时也不会失去位置感。

03
流程完整度

补齐 Claim process 状态

问题初版偏重理赔入口,提交后的审核、补件、结果和赔付节点表达不完整。

迭代补齐提交、审核、材料补充、获批与赔付等关键状态,并在每个节点说明下一步。

收益降低跳转第三方后的不确定感,让保险承诺从购买延续到理赔完成。

04
保障差异

前置并重构 Coverage 对比表

问题保障对比出现较晚且混入低价值信息,用户难以理解保险与品牌自带保修的区别。

迭代把对比表提前,精简字段,集中强调屏幕损坏、跌落、意外与液体损坏等差异化覆盖。

收益减少重复保障疑虑,并明确保障从签收后开始,提升透明度与信任感。

迭代原则

这次升级没有增加更多营销信息,而是重新排序用户做决定所需的证据:先说明保障价值,再解释与品牌保修的差异,最后用连续导航和完整理赔状态承接深度理解。

Design Iteration · Policy Details

保单详情迭代:把“是否受保”和“理赔到哪了”分开说清

这一轮不再让一条进度线同时承担保单生命周期和理赔处理状态。页面先回答保障是否生效、现在能否发起理赔,再通过独立的 Claim status 入口承接理赔进度,让保险信息更结构化、可感知,也更值得信任。

体验目标

降低状态困惑与等待焦虑,让用户快速做出下一步判断。

用户视角的成功标准是:通过状态分离、结构简化与操作集中,进入页面后立刻知道“我现在处于哪个状态、能否理赔、去哪里理赔”。

01
现存问题

保单与理赔状态混淆

设计策略 · 状态拆分

把保单资格与理赔进度分开表达,从后台“系统进度”改为用户可理解的状态告知。

02
现存问题

理赔操作分散且入口深

设计策略 · 理赔整合

以 Claim status 承载 My Claim 模块,将提交、查看、补件和结果确认集中在同一条路径。

03
现存问题

保险信息缺乏优先级

设计策略 · 信息重构

按保险名称、生效时间、保障内容、保单号和其他信息排序,先呈现影响判断的证据。

01
Before & After · Delivery

待收货:明确保障尚未开始

初版用 Processing 时间轴解释后台出单过程,但用户更关心现在是否受保、是否可以理赔。迭代后直接显示 Waiting for delivery,并解释保障从签收后开始。

此刻回答 尚未生效,不可理赔;签收后自动开始保障并生成保单号。
Before Processing
待收货阶段的旧版 Policy detail,以 Processing 时间轴呈现保单状态
问题:系统正在处理,但没有直接说明用户为什么还不能理赔。
After Waiting for delivery
待收货阶段的新版 Protection details,说明签收后生效并禁用暂不可用的理赔操作
调整:用用户事件解释生效条件,同时禁用当前不可用的 Submit claim、Claim status 与 E-policy。
02
Before & After · Active

保障有效:把资格、期限与操作放在一起

初版先展示生命周期时间轴,再将商品、保障、保单信息与理赔入口分散在页面中。迭代后以 Active 和到期日作为首要状态,并把四个高频动作集中呈现。

此刻回答 保障有效,可以提交理赔;到期时间、保障内容和电子保单均可直接查看。
Before Protected
保障有效时的旧版 Policy detail,理赔按钮、商品与保单信息分散展示
问题:大面积时间轴占据首屏,关键期限与操作需要在多个模块间寻找。
After Active
保障有效时的新版 Protection details,顶部展示 Active 和到期日并集中四项操作
调整:状态和到期日提前,Submit claim、Claim status、Coverage details 与 E-policy 集中到一个操作区。
03
Before & After · Expired

保障到期:停止新理赔,但保留历史查阅

到期不是页面终点。迭代将 Expired 与具体日期直接关联,关闭不再适用的 Submit claim,同时保留 Claim status、Coverage details 与 E-policy,方便用户核对既有记录。

此刻回答 保障已结束,不能发起新理赔;历史理赔和保单凭证仍然可查。
Before Expired
保障到期时的旧版 Policy detail,以完整生命周期和密集保单信息呈现
问题:虽然状态准确,但结束后的可用与不可用能力没有形成明确区分。
After Expired on date
保障到期时的新版 Protection details,展示到期日、禁用提交理赔并保留历史入口
调整:状态标签绑定日期,禁用新理赔入口,保留历史状态、保障范围和电子保单。

保单只回答资格,Claim status 专门承接处理进度

初版把“正在理赔”放进保单生命周期主卡,用户容易误以为保单状态也随理赔改变。新方案保持 Policy status 为 Active,在操作区单独展示当前 Claim status,并将审核、补件、核准、付款完整收拢到理赔详情页。

Before · Coupled 理赔进度占据保单主状态
旧版 Policy detail 将 Reviewing claim 放入保单主状态时间轴

保单有效性与理赔处理被压在同一条时间轴上,用户难以判断这是保障变化,还是某一笔理赔正在审核。

After · Separated 保单保持 Active,理赔状态独立更新
新版保单页显示 Claim status Under review
Under review说明已有理赔处理中,并暂时关闭重复提交。
新版保单页显示 Claim status Action required
Action required用警示色明确需要用户补充材料或完成操作。
新版保单页显示 Claim status Approved
Approved明确理赔已获批,但不等同于赔付款已经到账。
新版保单页显示 Claim status Paid
Paid以独立完成态确认款项已发放,闭合理赔预期。
理赔详情的预期管理

进入 Claim status 后,每个页面只突出当前阶段最重要的信息:预计等待时间、待办动作、核准金额或实际付款凭证。

Claim status 理赔审核中页面,展示审核阶段和五天更新预期
Reviewing显示 5 天内更新的时间预期,减少无结果等待。
Claim status 需要补充材料页面,展示操作按钮和截止时间
Action required突出补件按钮与截止时间,把状态直接转化为动作。
Claim status 理赔获批页面,展示核准时间和金额
Approved同时显示申请金额与核准金额,降低结果理解成本。
Claim status 已付款页面,展示实际付款金额、方式和脱敏账户
Paid补全实付金额、付款方式与脱敏账户,形成可核对凭证。
Impact signals 体验与运营指标均呈现改善
UX Metric NPS

迭代上线后,NPS 呈现提升,与状态更清晰、等待更可预期的设计目标方向一致。

已验证提升
Business Metric 保单与理赔相关客服咨询量

迭代上线后,保单与理赔相关客服咨询量下降,与状态分离和入口集中的设计方向一致。

已验证下降
TO B
Seller-paid protection

卖家付费的物流保障

由卖家为店铺包裹承担服务费,保障运输中的丢失、损坏与未收到风险。设计重点从“促进购买”切换为“支持经营决策”:在履约场景中建立风险感知,再用透明的覆盖、赔付、适用范围与费率帮助商家完成投保。

PayerSeller · 卖家
Risk包裹丢失、损坏、未收到
Journey投保配置 → 自动理赔 → 状态追踪
Design Output · To B · Seller-Paid Adoption

To B 具体设计:两个入口承接不同投保意图

B 端物流保障不是结账附加项,而是商家的长期经营配置。方案在两个高关联场景建立入口:Order 页面向正在处理包裹风险的商家,Fulfilment settings 面向主动管理履约规则的商家。两条路径最终汇入同一个方案列表与详情页,确保保障范围、赔付金额、适用门槛、服务费和服务商信息保持一致。

Entry 01 · Contextual Order page 在高频订单工作台建立风险感知
Entry 02 · Persistent Fulfilment settings 在履约配置中提供长期管理入口
Compare Protection setting 查看方案摘要与适用条件
Decide Protection detail 核对条款并完成保障开通
01 · Entry strategy

一个即时触发入口,一个稳定管理入口

Order 页强调运输事故带来的现实损失,适合在履约任务中建立首次认知;Fulfilment settings 则把 Insurance setting 与其他店铺规则并列,便于商家随时返回查看和调整。

Entry 01 · Manage Orders 订单页:在风险最相关的工作台触达
发现保障
TikTok Shop Seller Center Manage Orders 页面中的 shipping protection 入口横幅
设计作用 在商家处理发货、异常包裹与退款的高频页面中露出保障,用“运输事故发生时补偿损失”直接连接当前任务,而不是脱离场景营销保险。
Entry 02 · Fulfilment settings 履约设置:把保障纳入经营配置
管理保障
TikTok Shop Seller Center Fulfilment management 页面中的 Insurance setting 入口
设计作用 在 Package settings、Order handling time 等长期规则旁新增 Insurance setting,让保障成为可持续管理的履约能力,并用 NEW 与 Check details 建立首次发现。
02 · Decision path

先用方案摘要判断是否适用,再用详情证据完成开通

列表页支持快速比较覆盖、赔付、适用门槛与服务费;详情页再补充保障拆解、第三方服务商与常见问题,避免商家只看到 Register 按钮,却无法判断成本与责任边界。

Step 03 · Plan list 方案列表:用关键字段完成初筛
判断适用性
Shipping protection setting 方案列表页,展示覆盖、赔付、适用订单和服务费
决策信息 把 Coverage、Compensation、Applies to 与 Service fee 放在同一视野内,并保留 View details、条款勾选与 Register,让商家先理解成本与范围,再开通保障。
Step 04 · Plan detail 保障详情:补齐费用、服务商与责任边界
完成投保
Shipping protection 详情页,展示保障范围、赔付、适用条件、服务费、服务商和 FAQ
信任证据 将保障场景、最高赔付、自动覆盖门槛、1% 服务费与第三方服务商清晰拆开,并用 FAQ 承接退出、适用范围等后续疑问。
双入口,一条投保路径

Order page 负责在风险发生附近建立动机,Fulfilment settings 负责提供可返回的管理入口;后续列表与详情使用同一套保障字段,避免商家在不同入口看到不一致的费率、覆盖或赔付承诺。

03 · Automated claim

从售后事件自动触发理赔,不让卖家重复提交

以包裹损坏场景为例:退款/退货申请被通过后,由快递公司确认损坏情况,系统随即自动发起保险理赔。卖家不需要另找入口或重复上传同一组材料,只需在熟悉的订单工作台查看处理进度与结果;丢失、未收到等其他保障事件沿用同一套状态回写原则。

01
Buyer · Trigger 买家发起退款/退货

售后申请成为理赔链路的业务触发点,沿用既有订单与包裹上下文。

02
Seller · Decision 卖家通过或系统自动通过

承接人工审核与自动通过两种售后模式,不要求卖家额外启动保险流程。

03
Courier · Evidence 快递公司确认损坏情况

物流侧确认包裹损坏,为保险理赔提供可复用、可追溯的事实依据。

04
System · Claim 系统自动发起理赔

在原订单内写入 Claim in progress,并在理赔成功后同步更新结果。

04 · Status surfaces

一个理赔状态,回写两个高频工作台

理赔状态同时出现在 Manage Orders 与 Manage Return & Refund。卖家可以从履约或售后任务进入,并看到 Claim in progress → Protection claim success 的一致反馈;退款完成与保险理赔进度分开展示,避免把“已退款”误解为“已获赔”。

Surface 01 · Manage Orders 订单管理页:在包裹异常旁追踪理赔
履约视角
Seller Center Manage Orders 页面展示 Claim in progress 到 Protection claim success 的自动理赔状态变化
风险与补偿保持同一上下文 Package lost 与理赔状态并列,卖家无需离开订单列表就能确认系统已受理,以及保障是否理赔成功。
Surface 02 · Manage Return & Refund 退款退货页:区分售后完成与理赔结果
售后视角
Seller Center Manage Return and Refund 页面展示退款完成后 Claim in progress 到 Protection claim success 的状态变化
两条进度分层表达 Refund complete 描述买家售后结果,Protection claim success 描述卖家保险补偿结果;两者关联但不混为同一状态。
05 · Detail drawer

从状态标签下钻,在右侧抽屉解释证据与下一步

点击订单或退款退货列表中的理赔状态后,页面不跳离当前任务,而是从右侧打开 Shipping protection details。抽屉复用同一套保单与订单上下文,并根据处理结果切换说明、历史记录与恢复动作。

Current workspace 点击理赔状态标签 从订单或售后列表进入,保留当前任务上下文。
Right-side drawer Shipping protection details 同一详情容器承接三种关键结果。
In progress Success Failed · Retry
一次售后事件,自动发起并更新理赔

平台复用订单、售后决策与物流举证,自动完成理赔发起;再把同一状态回写到两个高频工作台,并通过右侧抽屉补充证据、金额、历史与恢复动作,实现“无需重复操作、随处可查、结果可解释”。

Result & Impact

结果:两项上线后趋势与一套可复用能力

由于保险交易、机构对接和控赔数据敏感,页面不展示绝对值。可公开结果包括两项上线后趋势,以及一套支持双端旅程和跨市场复用的产品能力。

NPS ↑
状态理解与等待预期改善
保单详情迭代上线后,NPS 呈现提升趋势
Validated · To C
咨询量 ↓
保单与理赔求助减少
相关客服咨询量在迭代上线后呈下降趋势
Validated · Operations
双端能力
可复用的保险体验框架
覆盖买家购买、保单与理赔,以及卖家投保、自动理赔和状态追踪
Capability Delivered
Reflection

这项工作让我重新理解保险体验的边界

01
设计要连接购买与理赔

保险页面只是承诺的起点。体验质量取决于购买前的保障表达,能否在出险后的理赔流程中被一致兑现。

02
前台简单来自全链路共识

用户看到的信息越轻量,越需要产品、商家与保险公司对权益、责任和理赔状态形成统一表达。

03
金融服务要把异常当成主流程设计

保险体验最脆弱的时刻不是购买,而是出险、提交材料、等待审核和状态变化。把异常场景设计成可预期流程,同样是信任体验的一部分。

04
设计判断要建立在业务机制上

从页面、产品模型、商家后台到理赔运营,保险建设要求设计不仅优化界面,也要理解付费关系、责任边界与状态如何被系统驱动。

Project Overview

Two insurance products, one shared service backbone

This case covers two separate products inside TikTok Shop. Product protection is an optional, buyer-paid add-on at checkout. Shipping protection is a seller-paid service for eligible parcels. I designed the distinct buyer and seller journeys while aligning the shared eligibility, transaction, policy, claim, and partner states behind them.

Role
UX design across buyer and seller journeys
Research, journey definition, interaction design, and state modelling
To C · Buyer
Buyer-paid product protection
Discover → select → policy → claim
To B · Seller
Seller-paid shipping protection
Configure → cover orders → auto-claim → track
Shared capability
Consistent policy and claim states
Across Shop, PIPO, operations, legal, and insurance partners
Scope Boundary

The two products do not share one customer journey. They share a platform model. The buyer needs a clear, informed purchase; the seller needs a clear cost-benefit decision and fewer manual steps when a parcel incident occurs.

Business Context

Product and delivery risks affect different sides of the marketplace

Accidental damage can deter buyers from higher-risk categories. Lost, damaged, or undelivered parcels create fulfilment and support costs for sellers. Insurance addresses these risks through different payers, eligibility rules, and service flows.

Buyer needUnderstand what is covered, what it costs, when it starts, and how to claim before opting in.
Seller needJudge whether protection is worth the service fee, then see claim outcomes without repeating evidence.
Platform needKeep eligibility, policy, claim, and partner states consistent across product surfaces and operations.
TikTok Shop Insurance product overview
The design scope spans buyer-facing purchase and claims, seller-facing shipping protection, and the shared service states behind both.
Research & Measurement

Study the full promise, not just the add-on at checkout

I combined competitor benchmarks, experience audits, and end-to-end journey evidence from Southeast Asia and the US. The review followed three stages: purchase, policy, and claim. It revealed that concise purchase messaging only works when coverage, eligibility, status, and next steps remain clear after payment.

Competitor protection plan details shown after add to cart
Progressive disclosure keeps the product decision focused, then explains risks, service, and claims when the buyer asks for more detail.
Competitor insurance claim progress screen
The post-purchase experience must keep status, timing, evidence requirements, and the next action visible.
01 · Purchase

Answer the next question

At first touch, show the product, term, and price. Explain exclusions and claim mechanics only when the buyer requests detail.

02 · Mental model

Separate insurance from warranty

Warranty covers product defects; insurance covers specified incidents during use or delivery. The distinction needs concrete scenarios, not legal terminology.

03 · After purchase

Separate policy from claim

Policy eligibility and claim progress are independent state machines. Combining them creates false alarms and unclear next steps.

Business Scale
Paid GWP
Paid Gross Written Premium

Paid GWP tracks the value of paid policies. It is a business-scale metric, not a standalone measure of experience quality.

Reach
Penetration rate

Shows how much of the total paid-order base is covered by an insurance product.

Decision
Adoption rate

Shows how often eligible orders convert into paid policies. I paired both rates with NPS, support contacts, and claim quality.

TO C
Buyer-paid product protection

Help buyers make an informed choice before payment

Product protection is optional. The journey therefore needs to communicate coverage without disrupting the main purchase task, preserve the buyer's selection at checkout, and provide a reliable policy and claim record afterward.

PayerBuyer
RiskAccidental product damage
JourneyPurchase → policy → claim
To C · Design Decisions

Progressive disclosure before purchase, explicit states afterward

The product detail page establishes awareness, a bottom sheet explains coverage on demand, and checkout confirms price and selection. After purchase, the order retains access to protection details. Policy and claim statuses are displayed separately so that a valid policy can coexist with an open claim without appearing contradictory.

Gadget protection entry on a TikTok Shop product page
01 · Product detail

Introduce protection without interrupting shopping

The first touch uses familiar service language and defers detailed financial information until the buyer chooses to explore it.

Selected gadget protection plan at checkout
02 · Checkout

Confirm coverage, price, and opt-in state

Protection stays grouped with the covered item so the buyer can review and change the selection before payment.

Paid claim shown separately from the active policy state
03 · Policy and claim

Keep eligibility and claim progress distinct

A dedicated claim status shows review, required action, approval, and payment while the policy page continues to describe coverage.

TO B
Seller-paid shipping protection

Support an operating decision, then remove claim work

Shipping protection is a recurring business configuration rather than a checkout add-on. Sellers need to compare coverage, eligible orders, payout, fee, and provider. When an eligible delivery incident occurs, the platform can reuse order, logistics, and after-sales evidence to initiate a claim automatically.

PayerSeller
RiskLost, damaged, or undelivered parcels
JourneyConfigure → auto-claim → track
To B · Design Decisions

Meet sellers in their order and fulfilment workflows

A contextual entry in Manage Orders builds awareness when parcel risk is salient; a persistent entry in Fulfilment Settings supports ongoing management. Both lead to the same plan list and detail model. Claim states are written back to the seller's existing workbenches, with a drawer for evidence, payout, history, and recovery actions.

Shipping protection plan list in TikTok Shop Seller Center
Comparable fields help sellers evaluate coverage, payout, eligible orders, fees, and providers before enabling protection.
Automatic shipping protection claim states in Manage Orders
Automatic claims reuse existing evidence and return status to the order workspace instead of creating a separate manual task.
Shared State Model

Orders, policies, claims, evidence, and partner responses use one source of truth. The interface adapts that state to the buyer, seller, or operations context without changing its meaning.

Result & Impact

Two post-launch trends and one reusable capability

Absolute commercial and claim-control figures are confidential. The public evidence is limited to directional post-launch signals and the product capability delivered.

NPS ↑
Clearer status and wait expectations
NPS showed an upward trend after the protection details redesign launched.
Observed · To C
Contacts ↓
Fewer policy and claim questions
Related customer-support contacts showed a downward trend after launch.
Observed · Operations
2-sided
Reusable insurance experience model
Buyer purchase, policy, and claim flows; seller configuration, automatic claims, and status tracking.
Capability Delivered
Reflection

What this work changed in my design practice

01
The purchase page is only the start of the promise

Coverage language before payment must remain consistent with policy eligibility and claim handling after an incident.

02
Simple interfaces depend on shared operational definitions

A short status label is trustworthy only when product, operations, legal, and insurance partners agree on its meaning.

03
Exceptions are the core insurance journey

Failed issuance, missing evidence, review delays, rejection, and payment are not edge cases. They are where trust is tested.

04
Business mechanics shape interaction design

Payer, eligibility, liability, evidence, and partner response determine what the interface can promise and when it can act.

Next Project下一个项目

TikTok Risk System

A global risk decision foundation connecting rule authoring, customer verification, and operational analysis.连接规则编排、用户验证与运营分析的全球风险决策基础平台。

View next project查看下一个项目
Browse all projects浏览全部项目