Experience
visual
design

Project
Introduction

项目介绍

燃油车首页是用户进入途虎养车 APP 的第一屏,承载车型区、金刚宫格、中心坑、秒杀等核心导流资源位。2020—2024 年间,我们围绕「导流率」持续迭代,让首页从“工具化”走向“专属感”,从“固定排期”走向“智能分发”。

改版前首页存在活动曝光不足、视觉设计混乱、转化效果差、平台排期不灵活且协调困难等问题。本次改版的数据目标:导流率 +1%,全站 UV 价值不降低。

头部车型条曝光点击率 +53%;中心坑点击率 +0.77pt、导流率 +0.35pt;秒杀入口点击率 +3.02%、频道支付用户数 +5.6%。

Module
Optimization,

模块优化

车型区

Vehicle

从“工具化”到“专属感”,置顶车型图,切车路径 5 步 → 2 步

金刚宫格

Grid

4 金刚 → 5 金刚、10 宫格 → 15 宫格,提升屏效

中心坑

Center

从“固定排期”到“智能分发”,统一坑位尺寸支持千人千面

秒杀

Flash Sale

强化价格、倒计时与标签样式,增加全网低价与买贵补差

更多

More

+53%

头部车型条曝光点击率

+0.35pt

中心坑导流率

+3.02%

秒杀入口点击率

95.23%

金刚宫格数据正向比例

Design
Strategy,

设计策略

01

模块化设计

Modular

统一坑位尺寸、简化样式,支持算法千人千面;减少人工排期,平台调度更灵活

02

精细化运营

Operation

金刚动态 icon 结合用户痛点与利益点:贴膜单 UV 价值 +24.42%,洗美订单支付数 +79.26%;结合 LBS、气温等场景投放

03

视觉升级

Vision

增大图标面积(28px → 32px)、提高饱和度、简化图形;固化金刚宫格月牙规范,保证品牌一致性

Design
Showcase,

设计呈现

2021 版途虎燃油车首页
2021

工具化首页 · 精简低效模块

车型区

2020 版导流率低、车型感知弱、切车路径繁琐;2021 年移除工具箱、优惠加油等低效模块。

金刚宫格

沿用 4 金刚 + 宫格布局;坪效低、用户认知成本高,静态图标吸引力不足,为后续改版埋下问题。

秒杀

使用双 feeds 提升二屏效率,秒杀、排行榜融入猜你喜欢,提升曝光。

↓ 点击率 -1.73%,该资源位 GMV 偏低

2022—2023 版途虎燃油车首页
2022—2023

坪效提升 · 视觉升级

车型区

视觉升级:增加车型图、置顶车型区,强化“我的车”专属感知。

金刚宫格

4 金刚 → 5 金刚,10 宫格 → 15 宫格,提升屏效。

秒杀 2022

强化价格并增加动效,去除热销。

↑ 点击率 +9.9%,GMV +1.16%

秒杀 2023

去除倒计时。

↓ 实验 6 天曝光点击率显著负向,坑位归因 UV 价值显著负向

2024 版途虎燃油车首页
2024

专属感 · 智能分发

车型区

切车路径优化:浮层直接操作(5 步 → 2 步);新增新能源车入口,低成本且直观。

↑ 头部车型条曝光点击率 +53%

金刚宫格

增大图标面积(28px → 32px),提高饱和度,简化图形(如保养类增加机滤元素);动态 icon 结合痛点与利益点精细化运营。

中心坑

从“固定排期”到“智能分发”:统一坑位尺寸、简化样式,支持算法千人千面。

↑ 点击率 +0.77pt,导流率 +0.35pt,资源位转化率 +0.02pt;单 UV 价值轮胎 +0.69%、蓄电池 +2.06%、维修 +4.1%

秒杀

增加省 XX 元,强化倒计时与价格、销量、库存等标签样式;新增全网低价、买贵补差标签;商品图增大至 72×72 白底图,增加切换动画。

↑ 入口点击率 +3.02%,频道支付用户数 +5.6%

Icon
Specification,

金刚规范

燃油车首页金刚宫格共 30+ 个,数据正向比例 95.23%。动态 icon 以情景化方式传递用户痛点与有价值的利益点,在特定场景下提升显著:贴膜单 UV 价值 +24.42%、APP 支付转化率 +11.75%;洗美半价 icon 关支率 +29.02%、订单支付数 +79.26%。

静态月牙数据表现稳定(点击率变化 0.17%–0.58%),信息传达明确、品牌一致性高。为此我们分别固化了金刚宫格的静态样式与动态规范,保证活动文字及 IP 的完整度、清晰度与识别度。

金刚宫格静态规范与动态规范