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

一个正在迭代中的小程序,需要更清楚的购买与品牌体验。
这个项目不是一次从零开始的产品重构,而是在已有小程序基础上做关键节点更新。原有页面信息层级不够清楚,图标风格不统一,会员权益没有被充分表达,部分产品详情页也更像信息堆叠,而不是能帮助用户快速理解产品价值的购买入口。
关键页面缺少统一层级
首页、目的地、会员和产品详情页在视觉语言和信息优先级上不够一致,用户需要花更多时间理解入口和内容。
会员权益没有被看见
会员功能存在,但权益表达不够直观,用户很难快速判断加入会员能获得什么实际价值。
持续迭代需要可复用标准
内部团队和外包设计师都在参与页面产出,因此需要更清楚的页面规范、模块方向和交付标准。
核心工作:更新小程序里的关键体验节点。
我没有试图把所有页面都重做,而是优先处理会影响浏览、理解和购买决策的关键位置:导航入口、图标语言、会员权益、产品详情页和活动落地页。
01 / Product discovery
从首页 KV 到产品详情与下单
Home 的活动 KV 不只是视觉入口,而是把用户带到具体产品详情页,再继续进入购买动作。
02 / Membership value
从福利入口到会员权益
优惠与我的页面共同承担会员价值表达,让积分、推荐奖励和 TC Club 权益更容易被理解。
03 / Service confidence
从账户入口到品牌服务说明
账户与关于我们页面帮助补足品牌信任感,让服务承诺不只停留在详情页里。
01
首页与核心入口
梳理主要入口和模块层级,让用户更快找到目的地、优惠和个人中心等关键功能。
02
图标与视觉语言
重绘首页和功能图标,统一识别方式,让界面在品牌感和可用性之间更稳定。
03
会员权益表达
把会员权益从功能说明转化为更容易理解的价值展示,支持 loyalty-building。
04
产品详情与落地页
以摩洛哥跟团游为例,探索更有品牌感、更易扫读的产品内容表达。
重点尝试:传达品牌精神的产品详情页。
摩洛哥跟团游是这次迭代里最值得保留的部分。它不是普通的详情页堆内容,而是尝试用更接近杂志感落地页的方式组织产品信息:先让用户感受到线路氛围,再逐步理解权益、亮点、行程和服务承诺。
信息更清楚
把价格、权益、产品亮点、路线地图和行程内容拆成可扫读模块,减少用户在长详情页里的理解成本。
品牌感更强
通过插画、色彩和旅行编辑感排版,让 Thomas Cook 的产品不只是“卖线路”,而是呈现一种更有情绪和期待感的旅行提案。
权益更明确
把会员、服务承诺和购买理由前置,让用户更容易理解为什么这个产品值得继续看下去。

在限制中交付:补齐规范、协作和质量控制。
由于我是在迭代中途加入,项目并没有完整 discovery 阶段。我更像是在已有系统中快速识别高影响节点,补齐视觉规范、页面 brief 和供应商沟通,帮助团队把后续页面做得更稳定。
内部设计要求
为内部页面延展提供清楚的模块方向、信息层级和视觉参考,减少每次更新都重新讨论。
外部资源合作
管理外部资源设计产出,通过明确 brief 和反馈保证页面质量、品牌一致性和交付效率。
迭代式界面评估
在没有完整重构空间的情况下,优先选择能带来清晰度和购买意图提升的局部改动。
结果与影响
Clearer
产品与权益理解
更新后的模块让用户更容易看懂产品亮点、会员权益和关键操作入口。
More consistent
小程序视觉语言
图标、页面层级和模块样式更统一,增强了品牌识别和持续迭代的稳定性。
Directional lift
点击与购买意图
提升了活动期间商品信息呈现与购买路径的清晰度,支持用户更顺畅地理解会员权益、浏览商品并完成后续决策。
反思:小项目也需要找到可讲的设计判断。
01
这个项目不是最完整的 UX case,但它训练了我在现实限制中判断什么值得优先改。
02
当项目什么都做一点时,最重要的是不要把所有工作平均展开,而是抓住会影响用户理解和商业目标的关键节点。
03
相比“做了很多页面”,更有价值的是把页面更新变成可延续的视觉和交付标准。








