理所当燃 | 打造会员20周年超燃盛典
2000年QQ会员诞生，不断探索如何带给用户更好的增值服务，正值20周年的时间节点，QQ会员推出20周年系列庆典活动，携手靓号、会员游戏、个性化装扮、QQ音乐、bilibili等多个分会场，通过多种好礼折扣、豪华大礼包等联合回馈用户，和广大QQ用户一起携手为QQ会员20周年庆生。
整个项目主要从以下六个部分进行规划：概念脑暴、品牌重塑、主活动（portal聚合、QQ能量值等）、设计衍生、外部联动、庆典宣传等。通过系统有节奏的整体规划，设计团队一步一步建立会员20周年品牌，体系化的构建以“渠道-场景-触点-情感”为切入点的系列运营活动，打造会员20周年超燃盛典，达成用户体验和商业营收的平衡。
Part 1
概念脑爆
在QQ会员品牌的升级的过程中，设计师提取了会员核心象征元素，并与产品团队一起脑爆一些关键词，最终确定以“燃”的主题对品牌形象进行了全面升级，在QQ企鹅的基础上，将品牌符号的头发，形状优化的更加锐利更像一搓火焰。
在QQ会员20周年项目中，我们围绕“燃”主题进行了多轮脑爆，最终以“理所当燃” 作为20周年的Slogan。
Part 2
品牌重塑
2-1 20周年品牌设定
“QQ会员20周年 - 理所当燃”作为起源事件，我们提取了会员企鹅、数字20、以及“燃”作为核心符号的基础模型，将“会员企鹅”、“20”的抽象符号进行结合，再利用正负形的方式融合了火焰，来传达“理所当燃”。Logo文字部分设计，也同样结合了火焰的图形。配色也与QQ会员品牌升级后的颜色保持一致。并规范了在不同场景的使用标准。
2-2 二次元IP设定
为进一步提升品牌在年轻用户间的好感度与传播力度，设计师为会员业务设计了崭新的二次元拟人形象，通过塑造虚拟IP独具特色的性格特征与人格魅力，传递给用户更深层次的品牌情怀与温度。
在拟人IP诞生前，会员业务已有一个经典的动物形象IP——会员鹅，它头顶的红毛似一团火焰。为了和已有的动物IP相搭配，拟人IP继承了会员鹅的红毛特征与“火”属性。新的二次元IP名为“火仔”，英文名“Loki”取自北欧火与恶作剧之神洛基，火仔主体配色使用会员品牌“三原色”——红、黄、黑，眼眸还有服装细节都有火焰形状的装饰图形。
会员20周年品牌重塑完成后，以活动品牌为基础，构建“渠道-场景-触点”体系化的活动品牌延展应用。通过微博、微信、合作方等公域渠道引流到QQ私域渠道，并在QQ私域渠道的核心触达入口做加法设计，通过微动效、礼包、品牌元素等多维度吸引用户参与主活动，并在主活动场景的用户行为路径上进行全链路转化。同时辅助品牌衍生设计、外部联动以及庆典宣传等共同打造会员20周年超燃庆生盛典，最终实现为20岁会员庆生的情感表达。
Part 3
主活动设计
QQ会员20周年活动主题为“理所当燃”，提到“燃”，不禁会让人联想到青春洋溢的热血少年漫。本次活动还首次推出了新功能——QQ能量值，“能量”一词往往与科技、未来相关联。因此在进行视觉设计时，设计师以“热血漫画”与“科幻未来”为关键词，将“火焰"“机甲”与“二次元”定为此次活动的主要视觉元素。
3-1 主KV设计
角色的背景设定里，火仔与QQ的黄钻IP“星娘”以及大会员IP“维克”同属于QQ魔法学院的一员。和其它魔法师不同的是，火仔使用的是机械魔法。为迎接学院20周年嘉年华，火仔制作了魔法机甲阿布西隆号和载人飞行器魔音巨蛋，准备在庆典上一展风采。
20周年活动的主KV设计中，火仔驾驶着魔法机甲从焰火中腾空而起，在学院庆典上奏出超燃鼓点。机甲造型里加入了会员鹅与火焰相关的元素。
3-2 视觉组件
界面设计延续了主KV的图形风格及色彩搭配。图形元素以机甲造型为主，辅以火焰装饰。质感则以表现科技感的全息、发光为主，同时结合二次元的描边漫画风格。
字体方面，由于涉及到数据展示，设计师专门设计了一套机甲数字，并制成开发可调用的字体包。其他中英文字体，根据平台、运营场景也做了区分。
20周年的系列活动由多名设计师协作完成，为提高效率、确保界面风格的一致性，UI组件设计提取了机甲的图形特征作为基因符号，细节上保持了45度的统一切角和机甲边框装饰。
3-3 主活动页面设计
20周年活动主页面大致分为三个阶段。第一阶段为活动预约阶段，这个阶段头图以火仔为主角，通过新颖的二次元形象吸引用户参与活动；第二、三阶段能量值功能正式上线，分别为预售以及狂欢盛典阶段，这期间头图以新功能QQ能量值为主题，用户进入活动时通过炫酷的动画转场后即可了解QQ能量值相关信息。
为凸显科幻与漫画感，主装饰图形结合了表现全息的半透明风格以及硬朗的机甲边框，辅助图形则由二次元动漫常见的机甲元素如斜纹斑马线、轮胎线、瞄准器边框以及火焰等元素构成，机甲及火焰图形营造出酷炫的活动氛围。
3-4 QQ能量值页面设计
关于QQ能量值，是在QQ里的账号信息、活跃、消费等 “行为积分” 的总数值，再将数值展示出来。在视觉元素提取中，从能量值的属性出发，用“能量卡”的造型作为积累储存，以“能量环”的形式展示数值。风格上提取kv里的的“机械” “科技感” “漫画风” 等元素，贯彻了品牌调性。
所以在KV设计之初，我们就通过分析20周年以及能量值的属性分别代表的设计元素，比如20周年是“青春”“热血”等关键词，而能量值则是，科技、智能等关键词，为了能传达“理所当燃”的主题又让画面结合二者之间不冲突。所以提前做了场景化的预设。推出“热血机甲”概念。包括能量值的落地页的设计上，也只用了机甲的元素，在20周年结束之后的新用户再进入能量值也不会有违和感。
Part 4
20周年活动衍生设计
4-1 全网会员体系
活动期间，我们同步推出了QQ会员20周年主题的限定等级图标以及特色会员钻等系列装扮，同样以火焰和机甲为主题，全方位地打造超燃盛典。
4-2 燃鹅手办设定
为纪念QQ会员20周年这个特殊的日子，设计师设计了一款限量版实体潮玩——“燃鹅”，在形象的再创作上加入了机甲及火焰元素，通过炫酷的服装设计和发光的“红毛”增加了会员鹅IP形象的潮流时尚感。
Part 5
外部联动
与此同时，为了权益边界的突破与价格的优惠，我们也与类似用户群体的合作方一起推出联合会员以及线下合作，商业价值方面相互让利，相互宣传，相互拉新，用户体验方面让QQ会员的享受更多领域的权益。
5-1 20周年联合会员
在QQ会员生态权益中，联合其他平台的会员活动中，运用其他平台的专属配色以及元素与我们的火仔做了相应的结合，例如跟b站大会员的活动页面中，结合了B站的品牌粉色以及B站logo中的小电视，页面控件也与20周年主活动的风格保持一致。本次联合会员包括：快看漫画、QQ阅读、芒果TV、QQ音乐、酷狗音乐、腾讯视频、BiliBili。
5-2 汉口2厂汽水
线下我们也与汉口2厂汽水进行合作，在包装设计中结合QQ会员“燃鹅”以及合作方的IP形象进行造型动作统一加上火焰烘托氛围的形式。
Part 6
品牌外部运营推广
6-1 QQJOY嘉年华
2020年11月20日上海举办的QQJOY嘉年华，是集潮玩、二次元、娱乐为一体的潮流文化线下活动，QQ会员以“20周年理所当燃”为主题参加了本次会展。高达2.4米的实体燃鹅在展区闪亮登场，本次展览除了介绍QQ会员20年来相关的周边外，还有系列“燃”主题的现场互动小游戏，用娱乐的方式加深用户对QQ会员的品牌感知。
6-2 明星祝福视频
这次活动还邀请了柳岩、孟美歧等当红艺人，为QQ会员20周年录制了简短的祝福的VCR。通过明星助力20周年活动的广泛传播。
6-3 20周年宣传片
QQ会员20周年的宣传视频里，机甲及火焰元素贯穿始终。视频色调以会员红为主，细节动画模仿信号干扰的像素效果，大面积转场使用了喷薄而出的火焰，结合各种科幻元素及带感的背景电子乐，打造出超燃二次元赛博朋克风格动画。
结语
最后会员20周年从促活拉新、品牌推广与营收增长等多个维度，均圆满完成20岁生日庆典庆生目标，设计团队也进行了一些经验沉淀和方法总结，主要有3点：
1. 以活动品牌为基础，体系化的构建以“渠道-场景-触点-情感”为切入点的系列运营活动，通过全网渠道分层级触达目标用户，在核心触点入口通过动效、品牌应用图形等多维度吸引用户，并在核心主场景通过多种玩法、多种庆生手段，叠加品牌设计活动应用氛围引发用户参与兴趣并刺激转化，最终整体达成“一起为会员20周年庆生”的狂欢party情感表达。
2. 重要节点的大型系列活动，设计师可提前参与，与业务团队一起规划探索活动主题和玩法，并基于主题建立活动品牌，确保有充足时间建立品牌，以保证后续的活动延展应用，也有助于双方在品牌认知层面达成一致性。
3. 系列活动中，规范和组件化的输出，对整体视觉风格统一和跨团队合作效率都有很好的提升。
↓了解更多QQ设计，上HITTOP小程序↓
PS: ISUX 开通微信粉丝群啦！
欢迎扫码加入一起聊设计
（入群暗号：ISUX）