项目概述
Terra 聚合可持续品牌与产品信息,目标用户对「漂绿」高度敏感。旧站视觉华丽但内容分散,转化路径模糊。我负责官网信息架构、视觉系统与关键落地页。
挑战
- 产品海量,若不做分层,首页会变成信息垃圾场。
- 用户要证据,不要口号:材质、供应链、碳足迹需可下钻。
- 视觉不能过度「环保绿」,否则落入品类俗套。
解决方案
首页只讲清三件事:你是谁、如何验证、从哪开始逛。产品列表用「证据完整度」作为默认排序信号之一,而不是仅靠编辑推荐。
视觉采用暖沙与鼠尾草绿,避免高饱和绿。卡片强调材质摄影与数据角标,CTA 保持单一:进入品类或查看验证方法。移动端优先保证筛选与对比可用。
过程
- 内容审计 400+ SKU,建立「主张—证据」映射表。
- 与法务共创免责声明与可展示边界。
- 两版首页 A/B:叙事型 vs 目录型,目录型任务完成更快。
- 性能预算:首屏关键图压缩与懒加载,保证 4G 可打开。
结果
+41%品类页访问深度
+19%验证方法页阅读完成
1.8sLCP(中端安卓)
品牌方更愿意提供完整证据,因为站点设计会展示「透明」本身的价值。编辑团队反馈模板约束反而提升了发稿效率。