大厂是如何做运营活动设计的？来看58的经验复盘！

扫一扫
官方手机版

扫一扫
AI创作程序

扫一扫
木子公众号

扫一扫
AI公众号

前言

今年夏日的黏腻感和闷热感令许多消费者本能的逃避家务劳动，选择“花钱买便利”。瞄准用户需求，58 同城到家精选暑期大促活动如约而至，本次活动为 2021 年度业务侧最大力度活动。并提出了“夏日家务节，一起偷懒吧”的活动主题。

此次活动利用线上多流量矩阵+自身业务利益点+多种活动玩法，无论是业务还是设计，都打破了以往固化思维，推新、推品质感、推年轻化。发挥能动性进行创意设计，在交互设计、视觉表达、组件搭建等方面都有了很大的突破，让进入会场的用户有大促意识感和流畅的购买服务体验，实现个性化表达和资源投入的平衡，形成新的设计思维模式。

另外本次设计中还使用了大量的动态效果，动效使我们能够清楚地呈现微交互，注入愉悦感，并在设计中创造微妙的示能，同时也更容易吸引眼球。

定义设计目标

今年 58 到家精选年中大促项目，在会场流量划分上，分营销主会场+两大细分会场（红包雨、抽盲盒），并在 58 主站和小程序同时上线，全方位覆盖到家服务用户人群。主会场分预热期（补贴发放）、爆发期（多重玩法及卖点）和返场期（再享优惠）三个阶段，每个阶段都有不同的营销卖点和活动玩法，环环相扣，步步促进，给用户不一样的服务体验。

本次项目，在营销层面，通过多方位触点引流，让用户进入主会场，并通过多种营销卖点和活动玩法，激发用户兴趣，最终达到给用户场景代入感，刺激下单的目的。在设计层面，首先实现营销方向的推新、品质感及年轻化；其次营造出贴近用户场景的夏日清凉感以及促销活动的大促氛围感；第三突破以往设计形式，做风格差异化设计。

明确设计策略

1. 活动创意定义

寻找和制定一个合理全面的主视觉方案思路，是提高效率准确率的关键。经设计和业务团队脑暴，我们梳理制定了四部曲：主题提炼，表现手法，识别度和主视觉。

最终综合业务及运营诉求，将设计概念定义为“夏日家庭偷懒计划”。并发散了“场景感”“清凉感”“年轻化”“冲击力”等关键词。设计手法决定采用手绘场景与真实人物相结合的风格形式，打出差异化。主视觉确认后，我们会在大类页皮肤、主页面开屏、弹窗等位置延展主视觉的风格，保持设计统一性，激发用户对本次大促活动的感知。

2. 理性设计和创意

为避免用户对本次活动设计产生视觉疲劳，我们在相应的细分会场进行了差异化设计。增强了设计形式的丰富性。从颜色、质感和动效等维度输出符合了各个场景营销调性的页面视觉，给用户明确的节奏和仪式感。

设计过程切入

1. 主会场设计（场景化设计特定）

主会场画面以场景化设计为聚焦点，采用手绘场景与真实人物相结合的风格形式。画面以家为载体，选取了窗前内屋平视角度，颜色以清爽的蓝绿色为主，画面元素通过风扇、西瓜、沙发及树叶等元素的融入，再加上浪花水珠的点缀，体现主题“夏日家庭偷懒计划”。场景画面中心是一对欢快的保洁人物形象，体现业务核心属性。另外业务侧要求主视觉能有促销氛围的元素，所以在字体设计上，采用了与场景颜色互补的橙黄色系，周围添加了红包与金币等促销元素，体现出活动促销感。整个画面色彩高饱和度，信息分级明显，整体视觉给用户传达出极强的场景代入感。关于楼层的设计，沿用了头图上的浪花水珠等元素，保持上下视觉的连贯和统一。

另外特殊楼层的设计突出重点，整个页面布局主次分明节奏有序，视觉体验非常的舒适。

2. 细分会场设计（一）（红包雨）

红包雨活动会场是在爆发期的时候进行，目的是与用户增加互动，提升用户的留存率。整个视觉突破了以往常见红包的设计形式。为打破常规，让整个画面更具有冲击力，我们做了以下几点：首先从文案出发，“千万红包雨”一定要体现数量的“多”，所以设计了无数的红包，逐层往外飞溅的即视感；其次在字体处理上，也设计为从内而外冲出来的感觉；最后在色彩搭配上，为与主视觉“清凉感”相呼应，背景也选用了绿色系，并添加光影使画面的细节更加丰富，更有质感。

另外在本次红包雨活动的设计中，运用了多种动态效果。主视觉按钮呼吸动态，刺激用户的点击欲望。倒计时“3”“2”“1”的动态呈现，增强用户参与的紧迫感和期待感。而最后红包雨从天而下的动效，会让用户会想起“切水果”的游戏，用户自然会不自觉的参与其中。

3. 细分会场设计（二）（抽盲盒）

抽盲盒活动会场也是在爆发期和返场期的时候进行，目的是增加端内活动趣味性，给用户更好更丰富的活动体验。那本次盲盒的主视觉采用了盲盒机的一个展现形式，玩法比较新颖，背景采用的是夏日沙滩户外场景。整个视觉与“玩”这个概念紧密结合，氛围感更加浓烈。头部主打 1 元保洁，所以运用了到家精选的保洁阿姨形象和保洁工具。因为这次的奖品相对来说比较贵重，所以中间把整个奖品放大展示，对用户产生吸引力，刺激用户玩游戏。整体画面偏轻质感，页面颜色鲜亮跳跃，整体的风格轻松欢快。

另外抽盲盒的部分也采用了动态按钮的展现形式，为了画面更加活泼，按钮的动效是错落开的，三个按钮错落弹跳，让画面更活泼灵动，有一种盲盒在迫不及待想让用户快点开我的紧迫感，从而促进点击，增强用户参与感。

4. 资源位展示区

为了给本次大促活动有更多的曝光，在大类页、58 首页、品类页等位置，做了响应的资源位设计内容，并都延展了主 kv 的风格样式，在保持了设计一致性和统一性的同时，也让用户深深体验到了夏季大促的清凉感和促销感。整个设计节奏有序，视觉体验非常舒适。而动态效果的加入，促进了整个活动的灵动性和趣味性。

项目总结

今年 58 到家精选暑期大促首次打破传统单一运营形式，将不同运营维度和多种活动玩法相结合，通过新颖的视觉和无干扰的交互，给用户呈现出优质流畅、完成沉浸式的购买服务体验。

整个活动项目从前期脑暴到过程执行到项目上线，最后项目经验复盘，从中我们收获非常多思维方法和宝贵经验，为以后系列项目设计活动的打造奠定了基础。过程中遇到的困难挫折和最终的解决策略，都为以后提高设计容错率，提升沟通及设计效率，提供了经验方法。

但是同时，也有不足之处，如果在现有的基础上能够定义出一个视觉符号，然后贯彻到各个模块端口，给用户展现的视觉亮点又回提升了很多光彩。其次模版复用上还需要后续工作中不断积累，以此来提高设计效率。

接下来，我们全组的小伙伴会共同努力，为提供给用户更好的购买服务体验，为给业务带来更大的助力，不断探索新的可能。流年笑掷，未来可期，加油~

最后感谢项目所有参与者的辛苦付出～

遇到不同的运营活动，如何快速找到设计风格？

前言在日常产品运营活动中，用户运营设计是不可或缺的一部分，其展示的内容也是各式各样。