Omnichannel UX/UI

微信小程序关键体验节点更新

该项目发生在 Thomas Cook China 微信小程序的持续迭代阶段。我参与关键页面、图标、会员权益和产品落地页的更新,让旅行产品浏览、权益理解和购买路径更清楚,也为后续页面扩展提供更一致的 UI 方向。

Thomas Cook China 微信小程序旅行准备界面插画。

Problem Statement

一个正在迭代中的小程序,需要更清楚的购买与品牌体验。

这个项目不是一次从零开始的产品重构,而是在已有小程序基础上做关键节点更新。原有页面信息层级不够清楚,图标风格不统一,会员权益没有被充分表达,部分产品详情页也更像信息堆叠,而不是能帮助用户快速理解产品价值的购买入口。

关键页面缺少统一层级

首页、目的地、会员和产品详情页在视觉语言和信息优先级上不够一致,用户需要花更多时间理解入口和内容。

会员权益没有被看见

会员功能存在,但权益表达不够直观,用户很难快速判断加入会员能获得什么实际价值。

持续迭代需要可复用标准

内部团队和外包设计师都在参与页面产出,因此需要更清楚的页面规范、模块方向和交付标准。

核心工作:更新小程序里的关键体验节点。

我没有试图把所有页面都重做,而是优先处理会影响浏览、理解和购买决策的关键位置:导航入口、图标语言、会员权益、产品详情页和活动型 landing page。

01 / Product discovery

从首页 KV 到产品详情与下单

Home 的活动 KV 不只是视觉入口,而是把用户带到具体产品详情页,再继续进入购买动作。

Home campaign KV
Thomas Cook China 微信小程序首页。
Product detail
Thomas Cook China 微信小程序产品详情页。
Submit order
Thomas Cook China 微信小程序提交订单页面。

02 / Membership value

从福利入口到会员权益

优惠与我的页面共同承担会员价值表达,让积分、推荐奖励和 TC Club 权益更容易被理解。

Perks & Offers
Thomas Cook China 微信小程序福利与优惠页面。
Me
Thomas Cook China 微信小程序我的页面。
Membership detail
Thomas Cook China 微信小程序会员权益详情页。

03 / Service confidence

从账户入口到品牌服务说明

账户与关于我们页面帮助补足品牌信任感,让服务承诺不只停留在详情页里。

My account
Thomas Cook China 微信小程序个人账户页面。
About us
Thomas Cook China 微信小程序关于我们页面。
Service promise
Thomas Cook China 微信小程序服务承诺页面。

01

首页与核心入口

梳理主要入口和模块层级,让用户更快找到目的地、优惠和个人中心等关键功能。

02

图标与视觉语言

重绘首页和功能图标,统一识别方式,让界面在品牌感和可用性之间更稳定。

03

会员权益表达

把会员权益从功能说明转化为更容易理解的价值展示,支持 loyalty-building。

04

产品详情与落地页

以 Morocco packaged tour 为例,探索更有品牌感、更易扫读的产品内容表达。

重点尝试:把产品详情页做成更有品牌感的 landing page。

Morocco packaged tour 是这次迭代里最值得保留的部分。它不是普通的详情页堆内容,而是尝试用更接近 editorial landing page 的方式组织产品信息:先让用户感受到线路氛围,再逐步理解权益、亮点、行程和服务承诺。

信息更清楚

把价格、权益、产品亮点、路线地图和行程内容拆成可扫读模块,减少用户在长详情页里的理解成本。

品牌感更强

通过插画、色彩和旅行编辑感排版,让 Thomas Cook 的产品不只是“卖线路”,而是呈现一种更有情绪和期待感的旅行提案。

权益更明确

把会员、服务承诺和购买理由前置,让用户更容易理解为什么这个产品值得继续看下去。

摩洛哥产品落地页完整长页面。

在限制中交付:补齐规范、协作和质量控制。

由于我是在迭代中途加入,项目并没有完整 discovery 阶段。我更像是在已有系统中快速识别高影响节点,补齐视觉规范、页面 brief 和供应商沟通,帮助团队把后续页面做得更稳定。

Internal page briefs

为内部页面延展提供清楚的模块方向、信息层级和视觉参考,减少每次更新都重新讨论。

Vendor coordination

管理外包设计产出,通过明确 brief 和反馈保证页面质量、品牌一致性和交付效率。

Iterative UI judgement

在没有完整重构空间的情况下,优先选择能带来清晰度和购买意图提升的局部改动。

结果与影响

Clearer

产品与权益理解

更新后的模块让用户更容易看懂产品亮点、会员权益和关键操作入口。

More consistent

小程序视觉语言

图标、页面层级和模块样式更统一,增强了品牌识别和持续迭代的稳定性。

Directional lift

点击与购买意图

提升了活动期间商品信息呈现与购买路径的清晰度,支持用户更顺畅地理解会员权益、浏览商品并完成后续决策。

反思:小项目也需要找到可讲的设计判断。

01

这个项目不是最完整的 UX case,但它训练了我在现实限制中判断什么值得优先改。

02

当项目什么都做一点时,最重要的是不要把所有工作平均展开,而是抓住会影响用户理解和商业目标的关键节点。

03

相比“做了很多页面”,更有价值的是把页面更新变成可延续的视觉和交付标准。