KAKA®返回设计实践

天猫超市 / 日常营销

看到信息,
感受氛围。

让商品与权益一眼可见,也让每一次营销都有鲜明的主题。

设计范围
活动主视觉、动态版头与会场体验
核心方法
信息优先,创意聚焦,视觉简化

设计方法论

先建立一套视觉语言。

从色、形、字、质、构五个维度统一表达,让商品与权益清楚呈现,再用三个改变原则落实到具体设计。

色.

大促|减少渐变

日销|饱和度回拉

形.

大促|用形状归纳氛围

橙红底色与粉橙圆形,归纳大促氛围

日销|手机上能看清的主体

蓝色背景上的春季帐篷主体,Spring New Style

字.

大促|识别度优先

真真真5折:原稿粗黑标题字形

日销|服务画面调性

春日正当食:原稿轻盈标题字形

正文|阿里巴巴普惠体

满199减30:原稿阿里巴巴普惠体

质.

商品|真实

金色透明瓶商品透明玻璃酒瓶商品白色蓝泵清洁用品

ICON|高反射/细腻

绿色猫头图标金色钻石图标88VIP 卡片图标蓝色纸飞机图标黄色月亮图标粉色云朵图标

构.

1个形式 + 3个层级

主体精致权益/氛围背景扁平
主体、权益氛围、背景的三层拆分构图三层合成后的限时5折营销主视觉

01改变原则

第一眼获取信息。

突出权益与商品,压缩版头组件高度,舍弃无用装饰。年货节以“年礼抢先购”为核心,将节日氛围集中到标题与商品周围。

02改变原则

用创意为视觉减负。

用一个元素以点带面传递主题。将春天的生长感放进一只茶壶,花朵、蜜蜂与清新的配色围绕同一个主体展开。

03改变原则

视觉元素简化。

把五个维度逐一落实到画面:减少装饰,突出主体,让信息有层次。从五项规则出发,查看对应的改版前后对照。

饱和度回拉 / 少用渐变

before
周年庆改版前的完整手机画面
now
周年庆改版后的完整手机画面

营销项目

每一次营销,都有自己的表达。

悬停或点击项目,浏览完整设计与动效

12 个项目 · 43 份设计