快手618大促设计思考

用户头像
北京/设计爱好者/2年前/33669浏览
快手618大促设计思考

2023年快手618大促活动,设计团队背后的思考与总结,期待与更多设计伙伴们交流

大家对「618大促」应该不陌生了,它是年中重要的电商营销节点。


快手电商在本次618大促中,对过去的营销主题也做了全新的升级和定位,希望传达给老铁们一个理念:“好的生活,可以不贵”。 设计作为大促项目中重要的一环,不仅需要通过创意视觉来营造和传达这一理念给用户,同时还需要通过交互和UI手段,优化用户的购买链路和购物体验,进而助力GMV目标的达成。


下面就跟大家分享下本次快手618大促中,设计背后的一些思考。




一、风格定调:


风格定调,首先需要围绕着“好的生活,可以不贵”出发。我们希望通过视觉符号及色彩感知,传递给用户这一购物心智。




a. 视觉符号:


什么符号能让用户一眼看上去就有“不贵”的感知,且能在会场、线上、线下各链路复用性较高呢?带着这个问题,大促设计组同学经历了多轮脑爆。

大家想到了以下元素:




经过多轮的讨论,最终选用了最朴实,且符合用户线下心智的“爆炸贴”,作为本次大促的核心符号。




为了更好的把视觉符号应用到线上线下各种场景,从图形截取、曲度数量、填充方式对符号进行了多种样式的拓展,以满足不同业务落地场景的需要。




比如,将爆炸贴应用到618 LOGO上,使LOGO更具辨识度,也强化主题表达的含义。






比如,将爆炸贴运用到会场头图主视觉中,强化营销感。




比如,在会场二级页延续爆炸贴作为背景,强化符号心智。




比如,在短视频等关键场景中,采用爆炸贴包裹的方式进行延续,确保导流入口和会场的一致性。





同时,活动期间的周边设计,我们也延续了这一符号,将线上线下场景做了全局的透传。




b.色彩感知:


提到电商营销活动,大家想到的就是大红大紫的配色,看起来很有刺激性。由于本次的大促主题中包含着“好的生活”这层含义,我们希望通过更加鲜亮的颜色,传递给用户这一感受,而非一味的使用红色。




所以,接近1个月的大促周期里,我们通过颜色表达不同的促销节点:普世且刺激的红橙色给到周末爆发期的会场,夏日清凉的蓝绿色用在周中日促期的会场,引导用户感知大促进度与优惠力度。





同时,我们将颜色与动画结合,使不同促销阶段的头图氛围逐步递增。





二、交互设计:


a.交互链路:


大促活动时间周期长,涉及的用户消费链路场景多,如何让用户了解活动并在后续链路中完成购买转化是交互设计中核心要思考的问题。因此在设计过程中,需要从全局的角度考量,避免用户链路中出现断点。




其中,主会场作为链路中的核心枢纽,不仅承接着各个渠道的用户流量,同时又承担向分会场的导流的作用,因此,主会场的设计直接影响着用户“逛”的体验。




b.会场框架:


我们将主会场依据“首屏、二屏、三屏”划分框架,引导用户在会场“逛”起来。


想逛:“首屏”作为主会场的第一触点,分为三重结构:主题+优惠+商品,让用户迅速了解这是什么,有什么优惠,能买什么。

爱逛:“二屏”承载着不同的商品组织形式,让用户迅速定位到感兴趣的促销楼层。

一直逛:“三屏”进入Feed区,以丰富的商品信息,持续牵引用户逛。




c.信息布局:

促销楼层需要将不同的主题、补贴、价格等信息呈现给用户。我们提炼了一套通用的楼层容器,用“标题区、商品区、操作区”整合内容并划分信息层级,也保证形式的一致性。




标题区


使用大字号直接传达利益来提升吸引力,同时在辅助信息区明确信任保障。




商品区与操作区


商品图:尽量使用白底,既保证商品品质,又适配不同楼层颜色,同时也可以清晰展示商品的促销标签.

操作区:统一使用价格+行动按钮的组合方式,清晰指引用户完成购买。





三、UI设计:

在用户浏览商品时,我们通过设计手段引导视觉动线,解决用户“理解”和“转化”的问题。


a.利益强化:

用户对数字的敏感度更高,我们在标题区通过加大字体,倾斜金额并用颜色强化,来突出利益点辅助用户决策。




b.视觉焦点:


强化操作区的颜色和营销感,确保所有会场楼层中行为按钮是视觉焦点,提升点击转化。




c.形式吸睛:


在承担核心转化的促销楼层采用异形处理,比如:使用券的特征作为背景,使用爆炸作为按钮,在形式上更加吸睛。




d.氛围营造:


操作区按钮使用符合线下卖场固有心智的图形来表达营销氛围,更易被用户理解。

比如:用箭头来表达直降,用火苗来表达疯抢,用倾斜的大数字来表达优惠价格。




四、线下活动:


除此之外,618正值夏日高考季。我们围绕“高考、夏日、时尚”,在快手电商IP“万事大集”“超级品牌日”等活动中进行更多元的设计,释放大家的创意。



a.高考|万事大集 - 线上求签线下赶烤


围绕高考热点,在淄博举办“快手618万事大集·赶烤会”,配合线上求签许愿来发酵传播




b.夏日|快手超级品牌日 - 夏日入侵


超级品牌日海报使用夏日轻盈质感配合向上的感受,将6大品牌的时令性产品与夏日场景结合,贴合夏日的轻松感。




c.时尚|快手超级品牌日 X 时尚芭莎


与时尚杂志《芭莎男士》合作,以时下大火的“多巴胺”穿搭为灵感,与天海藏、富安娜、iQOO、荣耀和Ulike5大品牌联名推出品牌联合海报。






五、结语:


以上是我们在本次618大促的设计思路,也是团队小伙伴们共同努力的成果。希望未来我们可以用设计的能量,让老铁们在快手买的开心,买的实惠,感受“好的生活,可以不贵”。






881
举报
|
1759
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
推荐素材
智能家居中心 简约 UI设计组件库
手表表盘UI系列
【新年UI图标】家具icon
钱包ui模板
【新年UI图标】影音icon
新能源APP应用UIKit
我的钱包-UI界面设计-app
【新年UI图标】30个图标
【新年UI图标】美妆icon
【新年UI图标】游戏/娱乐icon
高级感金属拟物 UI设计组件库
【新年UI图标】酒店icon
科技医疗透明柜UI界面设计
矢量立体简约UI蓝白图标
柠檬黄主题UI作品集模版
UI 登录界面设计模板包
UI应用平面图标
【新年UI图标】美食icon
新拟态风格 UI设计组件库
【新年UI图标】珠宝icon
UI_3D图标火箭炮<新春促销>
Security Camera UI kit
UI_3D图标炮仗<新春促销>
你可能喜欢
相关收藏夹
大家都在看
登录注册