开发者社区 > 博文 > UE Design | 11.11大促设计回顾
分享
  • 打开微信扫码分享

  • 点击前往QQ分享

  • 点击前往微博分享

  • 点击复制链接

UE Design | 11.11大促设计回顾

  • 云与AI设计部
  • 2020-12-08
  • IP归属:北京
  • 89920浏览

1.gif


为配合京东 11.11 大促,打造京东智联云专属的 11.11 系列活动,此次活动分为预热期、高潮期。预热期是面向商家推出的零售专场,高潮期是针对外部用户群,联动各业务线爆款产品,促活拉新,进一步扩大品牌影响力。

通过前期和业务同学不断梳理,我们总结出 11.11 大促的一些特点:



1. 今年的 11.11 大促活动所针对的用户人群发生了转变,从预热期的商家零售转到高潮期的用户群体,整个活动持续将近一个月的时间,活动战线长,用户群发生转变,保持整个活动的新鲜感,针对不同用户设计策略的调整及视觉设计的延续都是此次视觉设计的核心点

2. 除了以往大促中售卖的云、安全、云通信的产品外,首次将超级爆款活动的爆点产品呈现出来,同时还有智能供应链、会展云、协同平台等一些独家产品,需要考虑产品展示和售卖的展现形式。

3. 此次活动是线上+线下联动机制,在视觉设计中我们还要考虑到可复用性,确保多条业务线设计输出的一致

针对以上特点,我们确定下来了设计的几个核心方向:

1.png

|  设计思路

根据智联云的战略背景“一切生来智能、一切相互联接、一切长于云上”,结合 11.11 项目背景,我们提出了设计核心点 “互联”,与用户互联、与科技互联、与变化互联、与未来互联,四个角度为触发点,并从中寻找图形化的创意点“互联、科技、变化”。以“互联”作为超级符号加以贯穿整个活动作为氛围的营造元素,颜色上以“金色”作为色彩延续,针对每期活动立意点添加其代表的颜色进行结合。

1.png

1.png

1.png

|  多场景下视觉延续与联动
1. 组件视觉延续
预热与正式都采用统一的 3D 组件,设计样式统一,以不同场景进行差异化表现,由预热期的晶格过渡到魔方。
2. 视觉符号延续
互联超级符号的延用,保留了智联云活动调性,同时吸取了集团 11.11 视觉核心点-热爱、年轻,空间感的塑造+透视立体化语言图像化,营造大促氛围。
3. 主色调延续

预热期活动主要针对商家侧,颜色选取蓝色和金色进行搭配,突出品质感、商务性;高潮期用户人群发生转变,采用大促氛围浓郁的红色系搭配金色,色彩上进行了延续,也是匹配集团主色调。页面色彩由偏冷的蓝色逐渐过渡到红色 ,运用颜色持续为用户提供新鲜感,避免视觉疲劳。

1.png
4. 设计规范联动多条业务线
为确保多业务线场景下 11.11 大促的设计一致性,我们制定详细的设计规范,包括设计思路、头图示意、联合 logo 的使用、设计规则、颜色使用,从五个方面严格合理的规定视觉输出样式,保证其统一。

1.png

1.png

|  分阶段面向不同用户群设计思路转变
1. 预热期

面向商家推出的零售专场,整体设计思路以“互联”为设计核心,主体物以“晶体组合+云产品  ”呈现,以中心构图,叠加光影让画面聚焦视觉中心,提升冲击力,以超级符号“互联”进行氛围营造,以云组件、晶体等元素进行点缀体现大促热闹氛围,体现商家间互联、互通。

1.png

2. 高潮期

面对普通用户群体在高潮期主视觉选取【魔方】,它是转动打乱和复原的几何体,体现“一切相互联接“;本身是一款智力游戏,来诠释“一切生来智能”;同时在表现形式上通过搭建云组件来呈现“一切长于云上”这个理念。主视觉的设计奠定了整个活动的基调。重点突出【魔方+云产品】,并延续互联设计符号,画面整体简洁有大促氛围。

1.png

在设计初期,为了配合主 KV 的 3D 风格,我们在包括页面卡片、装饰元素上面都使用了较为复杂的 3D 设计形式,但是发现视觉噪音过多,干扰了我们的核心流程信息,并不能较好的触达用户。所以在后续设计中,我们将视觉元素简化,让视觉表现为内容服务,突出核心信息,降低用户理解成本。

1.png

|  打造用户的基础体验
1. 主视觉区域场景化:提升品牌的视觉效果,增强活动氛围。
2. 减轻用户认知负荷 : 简化产品信息,突出产品核心利益点,帮助用户筛选重要信息。
3. 简化页面结构:整合功能模块,将活动机制和爆款产品整合成页面的主卡片,有助于让重要的核心信息和操作更聚焦。
4. 拆解信息优先级:将产品功能进行拆解,通过设计手法突出主次关系,使用主色中最醒目的红色,从而提高核心功能转化,同时弱化设计其他可能分散视觉焦点的操作按钮。
5. 降低用户行为门槛:调整点击购买按钮的位置,帮助用户有效触发,形成核心操作的互动区。

1.png

|  项目沉淀
此次项目丰富了大促活动的设计案例库,同时我们对主视觉的一些云产品设计元素建立组件模式,在数据中体现较好的一些通用楼层建立运营组件库,将稳定不变的元素定义成标准,复用到日常活动中,很好地解放团队设计师的生产力,提高工作效率,方便以后各类大促通用,加强视觉统一性。利用组件化,设计师提高了设计效率,参与到设计创新中去,发挥更高的设计价值。

|  延伸思考

1. 对于长线运营活动、多业务线下场景搭建,“设计规范化”显得尤为重要,规范化设计能够提升大促活动的品牌感知,降本增效,提升团队协作效率,确保活动设计的一致性。

2. 在一些新的设计方向,如3D场景塑造、品牌感知的建立,强化京东智联云 11.11 大促的品牌理念。

3. 在有限的时间和资源下,跨团队的高效沟通能够有效的规避风险,针对业务诉求根据侧重点分配精力和资源,体现项目的核心价值,共同完成目标,合作精神也显得尤为重要。

1.png

共0条评论