Case Study · Web

Terra 可持续生活平台

让「绿色」从口号变成可浏览、可核对的事实。

年份
2021
角色
官网与视觉
类型
可持续 / 消费
周期
11 周
Terra 可持续生活平台在电脑与平板上的官网界面

项目概述

Terra 聚合可持续品牌与产品信息,目标用户对「漂绿」高度敏感。旧站视觉华丽但内容分散,转化路径模糊。我负责官网信息架构、视觉系统与关键落地页。

挑战

  • 产品海量,若不做分层,首页会变成信息垃圾场。
  • 用户要证据,不要口号:材质、供应链、碳足迹需可下钻。
  • 视觉不能过度「环保绿」,否则落入品类俗套。
内容分层与数据展示设计
证据优先:每个主张旁放来源与日期。

解决方案

首页只讲清三件事:你是谁、如何验证、从哪开始逛。产品列表用「证据完整度」作为默认排序信号之一,而不是仅靠编辑推荐。

视觉采用暖沙与鼠尾草绿,避免高饱和绿。卡片强调材质摄影与数据角标,CTA 保持单一:进入品类或查看验证方法。移动端优先保证筛选与对比可用。

官网组件与数据卡片
数据角标与来源抽屉,降低信任成本。

过程

  • 内容审计 400+ SKU,建立「主张—证据」映射表。
  • 与法务共创免责声明与可展示边界。
  • 两版首页 A/B:叙事型 vs 目录型,目录型任务完成更快。
  • 性能预算:首屏关键图压缩与懒加载,保证 4G 可打开。

结果

+41%品类页访问深度
+19%验证方法页阅读完成
1.8sLCP(中端安卓)

品牌方更愿意提供完整证据,因为站点设计会展示「透明」本身的价值。编辑团队反馈模板约束反而提升了发稿效率。