CASE / E-COMMERCE

美妆商城首页的活动化重构

把"逛"的感觉做进商城首页,让首屏就能闻到促销的气息。

美妆商城首页活动化重构案例封面
客户行业

快消零售 / 美妆个护

服务内容

商城首页改版 · 活动专题 · 商品卡视觉

设计周期

21 个工作日

项目背景

客户是一家主打国货美妆的电商品牌,原首页套用通用模板,商品图大小不一,活动入口藏在二级页,大促期间转化全靠付费投放硬撑。品牌方希望首页本身就能承接流量、带动连带销售,而不是把所有希望都压在投流上。

我们翻了半年的活动数据,发现一个尴尬的事实:用户明明是为了活动点进来的,却找不到活动在哪。

设计挑战

美妆品类首图色彩浓烈,稍不留神就显乱;活动档期密集,几乎每周都要换头图,运营改版成本要低;同时要兼顾移动端竖屏浏览与 PC 端宽屏陈列。

更隐性的挑战是——设计稿再好看,如果运营换不动,上线一周就会变回原样。

解决方案

我们把首页拆成"明星单品 / 限时会场 / 场景套组 / 内容种草"四条纵向流,首屏只放一个主推品 + 倒计时,强聚焦。色系上以奶白为底,用浅粉、浅蓝、浅黄做活动区分色——粉色代表满减、蓝色代表新品、黄色代表赠品,运营一换图就知道是什么类型。

商品卡统一留白、统一投影,把杂乱的产品图收进同一套"相框"。所有活动 banner 走组件化模板,运营替换图文即可上线,不再需要设计师临时出图。

电商首页的视觉规范,归根结底是给运营"留出换图的格子"。

成果与反馈

改版后首月,首页自然点击率提升 41%,连带率从 1.3 涨到 1.8。运营负责人说:"现在换活动 banner 只要 10 分钟,不用再求设计师临时出图。"

更重要的是,这套活动色规范后来被沿用到了双 11、38 节等大促,品牌视觉终于有了连续性。

← 返回案例列表