原文链接:https://www.zcool.com.cn/article/ZMTI2MTI4OA==.html

画啦啦小灯塔UCDC团队新春活动视觉设计分享总结

image.png



一 需求背景

春节是中国最隆重的传统节日之一,是家庭团聚的温馨时刻。2021年新春画啦啦小灯塔也积极响应在家过节的号召,为小朋友们准备了新春特惠的精品课程,优惠力度大于日常活动,让孩子们在家也能轻松地学习优质好课。



二 设计思考

1.设计流程

画啦啦小灯塔UCDC团队通过5个流程层层递进,不断优化更新产出新春活动的全链路设计;并在上线后进行复盘,核查设计是否达到助力于业务、提高业务数据的结果,并总结出经验优化下次方案。
image.png



2.设计内容和目标

设计内容主要从3个维度进行设计创作:1、站内设计;2、合作活动;3、对外传播
设计内容为活动目标服务,相辅相成。
image.png
其中对外传播部分,承载着新IP灯灯在新春出场的重要任务,借助新春热门活动——发微信红包、新春表情包、祝福海报等,达到品牌传播的效果,让更多的用户认识灯灯,也为后续一切的活动造势铺垫。



三 视觉展示和设计拆解

1.站内设计

1.1 主站营销活动

a.提炼关键词

前期团队进行了关键词脑暴探索,以新春活动作为核心出发点,通过确认活动时间点、传统文化、角色选定等,对整体的视觉呈现有了初步的设想。
image.png

b.图库联想

通过关键词搜索得出联想图库,为灵感来源提供了很多优质思路。
image.png
**

c.会场划分

按时间节点划分,本次活动分为三个关键节点:
除夕前夕——正月初一至初七——初八返场
围绕这三个节点传达给用户不同的节日活动氛围,实现拉新用户的数据增长和维系老用户的目标。我们也借势在这场盛大的新春活动中,将旧品牌形象过渡到新品牌,达到品牌宣传和营销氛围的双结果。
image.png



d.除夕预热会场

除夕,是岁末的最后一天夜晚。在传统故事里“夕”是一只恶兽,毁祸村民的安危。为了驱赶“夕”,每年除夕夜晚大家会放爆竹和挂喜庆的红挂件,保佑新的一年平平安安。视觉配色上背景使用夜晚的深紫色,前景与正月会场一致使用暖色调,用鞭炮、年兽等元素烘托除夕氛围。

image.png

image.png
*【除夕会场】的制作过程

e.正月新春主会场

正月新春,开启初一到初七的喜庆氛围,视觉配色上背景使用明亮的橙红色,结合红灯笼、松树等代表新的一年吉祥如意。天上飞的红包和灯灯身前的福袋,都寓意着新的一年钱满钵满、富足安康,也传递出了课程有5折优惠的信息。
image.png
image.png
*【正月新春会场】的制作过程



f.返场充值会场

返场充值会场相对于前两个会场的促销性会更加强烈,因此更多的是围绕金币、元宝、锦鲤去开展设计,为新春活动做结尾。
image.png
image.png
*【返场充值会场】的制作过程

g.设计拆解image.png

三个主会场的视觉主KV分别由三位不同的视觉设计师同时设计输出,为了保证视觉上接近一致,做了以下四个步骤
image.png
风格——使用微质感风格,框架式构图。
线稿——因为除夕会场要与正月会场切换使用,所以两者线稿吻合度上要求高一点;而返场充值会场单独使用,设计空间会大一点。
大色稿——氛围强烈程度:正月会场>除夕会场。因此配色上应该存在递进关系,从冷色调背景过渡到暖色调。
完稿——完成后三张一起调整不统一的地方,强化质感与优化细节。

h.情感化动效

为了增加趣味性和互动感,每个会场的浮标与胶囊banner都配套做了微动效,将品牌IP融入进设计里,丰富了整体的情感氛围,提高转化率。
image.png
image.png
image.png
image.png

**

i.会场拆解

主会场板块划分:
image.png

**

j.签到领红包

签到状态按打卡当前日期和是否满提现金额5元为判断标准,呈现出十几种打卡状态,下面列举部分状态的样式:
image.png

主会场页面展示:

image.png

其他页面展示:image.png



1.2 APP氛围设计

APP界面同时也对现有版块进行新春包装。金刚区以文字+图形进行设计,更加直观醒目。tab栏设计分为“未选中”和“已选中”两种状态,从静态切换到动态效果双效果,从细节上提升用户体验,并维护了整套新春设计的系统化。
image.png

页面头部细节展示:
image.png

底tab的ICON设计融合了新春元素,分为未选中和已选中2个状态:
image.png



2.合作活动

2.1支付宝五福活动

a.官方会场

“支付宝集五福”是年度性大型新春活动,为了实现运营投放增长的需求,我们今年也参与了支付宝的投放广告。支付宝为参与五福活动的商家制作对应的会场设计,投放广告在电梯、地铁、线上端等,达到了很好的活动推广效益。
image.png

**

b.效果展示

支付宝集福页面很好地为我们导流了新用户进入活动链接。这次的主要目的是推广新品牌、提高转化率,以畅销课1元购为卖点,营造热烈氛围、吸引用户点击。
image.png



c.双方案准备

支付宝活动策划当时有2个方向
1、第一个方向更偏重突出销量冠军课,结合品牌IP作为彩蛋、用舞台作为载体,烘托IP形象。使用祥云元素,增强新春的氛围。
image.png
2、第二个方向促销性更重,以红包为主体,以皮皮IP为辅,更加突出优惠信息和红包优惠。
image.png
因为版本1更贴合业务需求,因此最后作为最终产出方案。

d.APP下载商店

APP下载商店的装饰起到吸引新用户关注的重要作用,这次参与的支付宝投放广告也为我们引流新用户。APP商店更新了新春版本,将我们的活动点和亮点展现给用户们。
image.png



3.对外传播

3.1 新春表情包

为了满足用户的社交拜年需求,我们将品牌IP灯灯与皮皮的互动表情动作制作了一系列的趣味表情包。结合抢红包、吉利拜年语言、时下热点等,让表情包更实用、传播性更佳。
image.png
image.png
image.png
image.png



3.2微信红包

新春红包设计分为三个板块:

  • 收到红包提醒
  • 红包开启弹窗
  • 红包动态视频

image.png
动画原画团队应新春活动,以灯灯乘风破浪为创作主题,用视频的方式引出旧LOGO灯塔变身成灯灯人设的变化,简单有趣的讲述了新品牌的演变过程,在红包开启页面内播放,为其他活动页作为铺垫,让用户了解我们新的IP灯灯。
红包以灯灯乘风破浪为创作主题,寓意着小灯塔团队新的一年继续保持活力,用热爱致未来,致力于为用户产出更多优质的作品。



3.3 品宣海报

新IP需要多次曝光才能被新老用户所认知,新春期间我们也用灯灯和主要的几个IP构建符合节日气氛的场景,产出了新春版本和元宵节版本的品宣海报。

a.【新春活动海报】的制作过程

image.png

b.【元宵活动海报】的制作过程

image.png

四 目标完成度

2月4日-2月28日的春节活动和元宵活动,在各部们协作下完满完成,为小灯塔团队带来了可观的数据增长,也达到了品牌宣传的目的。
image.png

五 总结

我们希望以品牌IP的形式去打造一个新的视觉优化升级,在各个维度上也做了很多尝试。
画啦啦小灯塔UCDC齐心协力共同创作,感谢各位小伙伴为新春活动的付出。
也希望能吸引优秀你来加入我们的团队,一起共创一个更大更广的未来,感谢大家的关注!