五折严选

类型C 端|营销频道页
项目周期8 PD
负责内容视觉探索、频道首屏设计

项目背景

五折严选是一个聚合餐饮、丽人、休闲娱乐和生活服务等多个品类的综合消费频道。频道以严选品牌、全场五折封顶和下单后返现为核心机制,希望让用户同时形成“商品有品质”和“价格足够低”的认知。

本次设计主要围绕频道首屏展开,需要在有限空间内解释五折与返现机制,建立跨品类心智,并形成足够明确的活动吸引力。

五折严选频道页设计

聚合全品类五折商品、下单真实返现的消费频道

折后再返现的五折严选频道首屏
好货价更低的五折严选频道首屏

设计挑战

五折严选需要在同一张频道首屏中建立三层认知:严选与大牌带来的品质预期、五折封顶带来的低价感知,以及下单后返现的核心差异。

难点在于,品质感与低价感通常由两套不同的视觉语言建立;同时,频道覆盖多个消费品类,单独使用任何一类商品都不足以代表完整内容。首屏既要处理两种感知的先后关系,也要在有限空间内承接多品类和双重优惠信息。

竞品感知分布

将同类消费频道按照“品质感知”和“低价感知”两个维度定位后,可以看到样本整体呈左下至右上的斜向分布:促销色更强、信息更密集的页面,通常能更快建立低价感;配色更克制、画面主次更清楚的页面,则更容易形成品质预期。

五折严选希望进入右下区域,让两种感知同时成立。Hover 各个样本,可以进一步查看其主要用色及对应判断。

低价感知弱低价感知强品质感知弱品质感知强

设计判断

右下角代表目标方向,但并不存在一套可以直接套用的现成视觉范式。低价符号的识别度很强,如果先用促销元素铺满画面,再补充严选大牌等信息,品质感很难重新建立。

因此,设计顺序被确定为:先通过色彩基调和画面层级建立品质感,再集中强化“五折”与“返现”。竞品研究在这里确定的是需要避开的惯性表达,而不是预设最终颜色——不直接沿用高饱和红、橙、粉铺满页面的常规促销方式,为后续浅色、深色及最终配色探索保留空间。

视觉探索

浅色色调方案一浅色色调方案二

项目复盘

这次项目形成的核心方法,是先把抽象的“高品质、低价格”拆成可观察的视觉变量,包括配色、信息密度、价格符号强度和商品呈现方式,再通过竞品分布判断各变量可能形成的用户预期。象限提供的是设计假设,而不是最终结论,它帮助方案减少无依据的风格尝试,也让每轮调整都有明确目的。

动态切换扩展了首屏的信息容量,但同时带来了新的风险:用户不一定会完整看到所有状态,较晚出现的信息也可能被忽略。因此,默认状态必须独立完成核心定位,后续状态负责补充品类和利益信息;切换频率、内容顺序以及是否提供手动控制,也需要结合真实浏览行为继续调整。

由于本次项目缺少上线后的转化数据,目前只能确认方案在信息层级和视觉表达上完成了预期收束,不能直接判断其商业效果。后续可通过短时曝光测试验证用户能否优先识别“严选”和“五折”,再结合首屏停留、状态曝光、商品点击与返现入口点击,判断动态表达是否真正改善了理解和转化。