· 01 前言 ·

    春节对于中国人来说是一个特殊的节日,除了线下的一些传统习俗之外,互联网线上的过年红包活动也变成了过节的习俗之一。【发财中国年】是今日头条、抖音在春节期间举办过多次的新年盛典活动,今年也不例外,一起看一看今年的春节活动有什么不同吧~

    ▼ 发财中国年开场视频 ▼

    · 02 顶层设计 ·

    活动导向

    字节跳动有众多 APP,每个 APP 都有不同的用户群体,所以希望通过【发财中国年】这个活动将不同的用户群体串联起来,让过年回家齐聚一堂的老老少少不再有年龄代沟,回归过年氛围。并借此机会向大家展示字节跳动旗下多个产品品牌,让大家了解到除了今日头条、抖音、西瓜视频以外更多的优秀产品。

    活动的生命周期

    一个用户在活动中通常会有这些经历:【在社交媒体上看到大家讨论话题】—【参与其中,争取大奖】

    那么对应活动设计时我们要怎么做呢?我们将活动的生命周期分为:预热期、爆发期、余热期;针对每个阶段给用户不同的活动刺激。

    2020发财中国年设计回顾 - 图1

    活动的设计思考

    【集卡主活动】长期主线,更快触达 & 拉新促活

    集卡活动作为长期主线活动,参与门槛非常低,用户在任何时期都可以方便地参与进来。活动思路上,通过集卡任务进行端内流量分发、好友间互送卡片持续刺激用户提升活跃度,同时促使新用户参与到活动中。

    【红包大会】趣味游戏,提升粘性 & 吸引留存

    以视频互动为核心,面向不同的人群设计多样的趣味游戏。有好玩的多人合作游戏,也有单人爆款游戏,让全民都能参与其中。

    【万元锦鲤】“豪横” 大奖,惊喜爆棚 & 持久吸引力

    以往的活动奖品的预期太低,今年送出豪华大奖,给一万名用户每个人一万元奖品作为话题引爆点,在活动中长期吸引用户,减少用户的疲惫感。

    2020发财中国年设计回顾 - 图2

    ·03 表现层设计 ·

    活动主视觉 - 承载更多信息,聚焦活动本身

    设计关键词

    根据团队发散脑爆后确定了如下的设计关键词:

    2020发财中国年设计回顾 - 图3

    轻量化与降低视觉噪音

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

    ▼ 主视觉前期探索方案 ▼

    2020发财中国年设计回顾 - 图4

    主视觉最终设计

    主视觉的设计奠定了整个活动的基调。重点突出【发财中国年】品牌 IP,并提炼出春节元素和吸引用户的红包和金币。画面整体简洁、年轻又富有春节氛围。

    2020发财中国年设计回顾 - 图5

    集卡主活动 - 长期主线活动

    用户行为剖析

    只有用户认为活动中的卡牌有价值,他们才会投入更多的时间,这是基本的行为动力。

    2020发财中国年设计回顾 - 图6

    卡牌表现形式与突破方向

    2019 年春节活动中金卡合成钻卡的活动形式大大提升了用户的留存和活跃度。

    2020发财中国年设计回顾 - 图7

    【金卡】年味 IP 形象融入,设计表现传达金卡品质

    2020发财中国年设计回顾 - 图8

    【钻卡】全系产品 Logo 巧妙融入钻卡设计

    2020发财中国年设计回顾 - 图9

    ▼ 主会场钻卡动态效果 ▼

    2020发财中国年设计回顾 - 图10

    ▼ 抽出钻卡效果 ▼

    2020发财中国年设计回顾 - 图11

    ▼ 合成钻卡效果 ▼

    2020发财中国年设计回顾 - 图12

    ▼ 一些任务图标展示 ▼

    2020发财中国年设计回顾 - 图13

    红包大会 - 趣味游戏每日参与

    游戏会场设计

    将中国传统的线下庙会习俗映射到红包大会活动中,提升活动氛围。根据活动目标,每日推荐一款游戏,同时根据上一款游戏的体验反馈调整后面的游戏顺序,每个游戏尺寸大小固定,所以在会场场景上采用了长卷轴的形式,让用户每天的体验都是新鲜、有差异化的。

    2020发财中国年设计回顾 - 图14

    红包大会主视觉设计

    选用锦鲤为主体元素,呼应 “万元锦鲤” 活动主题。

    2020发财中国年设计回顾 - 图15

    游戏入口设计

    根据策划的游戏名称设计了初版游戏建筑草图,在设计草图基础上,最终确定了 16 款游戏。开始进行 3D 建模渲染等工作。

    2020发财中国年设计回顾 - 图16

    2020发财中国年设计回顾 - 图17

    背景元素和人物点缀设计

    在有了游戏建筑设计后,还需要添加一些背景元素设计。色调采用了与背景色相同的暖黄色,既不能抢夺用户对游戏建筑的注意力,还要起到烘托画面氛围的作用。为了丰富画面内容,增强画面活力与感染力,另外绘制了几十种不同人物造型放置在红包大会中。

    2020发财中国年设计回顾 - 图18

    2020发财中国年设计回顾 - 图19

    ▼ 会场完整效果 ▼

    2020发财中国年设计回顾 - 图20

    2020发财中国年设计回顾 - 图21

    红包大会小游戏 - 好看好玩年轻易懂

    小游戏目标

    · 针对不同年龄人群——简单易懂

    · 促进分享传播裂变——有趣好玩

    · 以视频为核心创作内容——年轻好看

    2020发财中国年设计回顾 - 图22

    好玩先要会玩

    为了把红包大会构建成一个 “好玩的世界”,设计组进行了多轮的分析和探讨、深挖内核。由于字节产品用户年龄范围很广,如何用游戏带给用户强大的驱动力,让老老少少乐于玩下去;同时因为用 “脸” 来玩游戏并不符合当下的用户认知习惯,所以如何平衡好创新的交互方式和由此带来的用户学习成本,就成为在游戏策划阶段的首要命题。

    案例解析:《偷吃年夜饭》、《变小孩拿红包》

    选择用户熟悉的场景和概念:

    · 《偷吃年夜饭》用家庭场景增强代入感;

    · 《变小孩拿红包》用童年元素 “红包和作业” 找回用户的熟悉感。

    ▼ 偷吃年夜饭食材插画 ▼

    2020发财中国年设计回顾 - 图23

    在玩法设计上符合人的本能:

    ·《偷吃年夜饭》中用张嘴吃饭的行为对应奖励,妈妈发怒会受到惩罚;

    ·《变小孩拿红包》中用压岁钱对应奖励,用作业对应惩罚。

    2020发财中国年设计回顾 - 图24

    好玩也要好看

    一个 “好玩的世界”,除了具有强大的驱动力作为内核,还需要抓住目标人群的喜好,打造有吸引力和有趣的外观。本次游戏玩法是用户和游戏元素的结合,而最终的画面美感又会直接影响用户的分享意愿,所以我们需要在嵌入用户画面的基础上,尽可能地提升画面美感和视觉设计的完整性。

    案例解析:《嘟嘟聚宝盆》

    · 设计环绕式的舞台场景,使用前后景的区分,将主角置于画面中央。

    · 使用身体和头饰将用户打扮成可爱的送财童子,在只有头部露出的情况下,也能使其很自然的成为场景一部分,提升视觉的统一性和完整性。

    2020发财中国年设计回顾 - 图25

    游戏创作内容

    由于抖音的视频平台属性,所以玩游戏的过程最好能够创作内容。我们不仅需要考虑游戏本身的可玩性,还要考虑随之产出内容的观赏性。

    案例解析:《姿势大作战》

    · 用不同的姿势作为游戏关卡,用户需要变换姿势获得分数,那么闯关的过程也是用户展示自己的过程,一举两得。

    · 多人模式是一个重要亮点,多人参与使游戏更具有挑战性和趣味性。镜头前的多人互动也给内容带来了更多变化,观赏性更好。通过平台的观看数据也验证了这一点。

    2020发财中国年设计回顾 - 图26

    · 04 结语 ·

    【发财中国年】从最初的简单探索,到成为亿级用户参与的活动,发财中国年已连续三年举办,并成为今日头条、抖音的春节招牌活动。今年新玩法的推出,不仅将更多用户吸引到活动中来、获得了用户的关注和青睐, 同时也向用户展示和宣传了字节跳动旗下的多个产品品牌。未来,我们期待向大家展示更多优秀的字节产品及其设计。

    最后感谢发财中国年的设计同学们!

    2020发财中国年设计回顾 - 图27


    推荐阅读📚

    2020发财中国年设计回顾 - 图28

    2020发财中国年设计回顾 - 图29

    2020发财中国年设计回顾 - 图30

    2020发财中国年设计回顾 - 图31


    感谢您的阅读,以上内容为头条 UED 团队原创首发,版权归今日头条 UED 所有。今日头条 UED 文章现已全面开启个人及机构转载,转载请注明内容出处,违者必究,感谢合作。

    申请转载授权后台留言 “转载” 或添加小编微信:827284979

    2020发财中国年设计回顾 - 图32
    https://mp.weixin.qq.com/s?__biz=MzI3MjIzMDY5Nw==&mid=2247485951&idx=1&sn=e42ee647e4c4f2936a003852fc015f1b&chksm=eb34f9b9dc4370afe1f1c5cfdee0300c77ba0bf0c2594f9c2af005b9af8d4d1224f1a7ef583b&scene=178&cur_album_id=1350100528646389761#rd

    https://mp.weixin.qq.com/s?__biz=MzI3MjIzMDY5Nw==&mid=2247485951&idx=1&sn=e42ee647e4c4f2936a003852fc015f1b&chksm=eb34f9b9dc4370afe1f1c5cfdee0300c77ba0bf0c2594f9c2af005b9af8d4d1224f1a7ef583b&scene=178&cur_album_id=1350100528646389761#rd