专栏名称: 交互设计学堂
系统学习交互知识,就找老D。干货分享、在线培训、行知书院三大版块帮你提升自己。 最新资讯-全是干货还有老D点评,每天推送; 交互培训-在线课程帮助小伙伴进入交互行业,只要3个月; 行知书院-老D帮小伙伴们解读经典设计书籍,都是“硬”知识。
目录
相关文章推荐
庞门正道  ·  那什么,秀点恩爱吧! ·  4 天前  
茅台时空  ·  茅台1935斩获“欧洲设计界奥斯卡” ·  2 天前  
始室  ·  首发 . Felipe Hess 感受诗意的美好 ·  4 天前  
交互设计学堂  ·  4 种有效的设计项目时间估算策略 ·  1 周前  
优秀网页设计  ·  爆火《凡人歌》,一本超现实爱情教科书! ·  1 周前  
51好读  ›  专栏  ›  交互设计学堂

揭秘让用户上头的集卡活动是如何打造的?2024智行春运集卡设计复盘

交互设计学堂  · 公众号  · 设计  · 2024-09-29 22:21

正文


智行设计师一直致力于打造有趣、好玩的营销活动助力业务增长。去年春节的「集顺顺卡」活动,凭借独特的视觉创意和创新玩法,成功推动了业务增长,并建立了大促品牌的用户心智。那么,今年我们如何进一步突破呢?在延续「集顺顺卡」主题的基础上,我们对视觉创意和玩法策略进行了全面升级优化,同时深入探索AIGC的应用,以提高效率与质量。接下来,我们将从「创意设定」「氛围动效」「玩法思路」「Ai助力」四个角度,详细介绍本次春运集卡活动的设计亮点与策略创新。


一、创意设定-智行品牌基因透传


1. 明确主题,构建世界观


集卡活动在各大平台层出不穷,如何为【顺顺卡】构建独特的世界观,以实现差异化呢?一方面,我们希望借助春运期间用户对平安回家、与亲人团聚的美好愿望,激发情感共鸣;另一方面,我们也希望结合智行出行业务的特点,如火车抢票、机票、酒店等业务。因此,我们以出行场景为切入点,紧扣「一路顺风」春运回家的主题,塑造「出行万事顺」的品牌心智,强化与用户之间的连接。



2. 品牌透传,IP新年换新衣


有了完整的世界观,自然需要视觉载体来呈现。而2024年恰逢龙年,龙年对中国人而言不仅有特殊的情怀,还承载着文化传承。因此,我们为小智换上新装,打造了龙年专属IP形象,融入了龙的元素,如角和尾巴等。同时,小智还穿戴了唐装、铃铛等春节元素,以增强节日氛围。


确定龙年IP造型后,我们围绕不同世界观的场景,尝试为IP进行动作延展设计。通过多样化的动作和表情,塑造出小智趣味十足、互动感强的拟人化形象。特别针对稀有卡,我们精心设计了莲花宝座,与稀有属性相呼应,寓意祈求好运与福气。



3. 图形符号,文化价值传承创新


提取了中国传统文化中象征“繁荣富贵”的海棠纹和“吉祥如意”的如意纹等经典图案,旨在唤起用户在春节期间的文化认同感和亲切感。同时,传统元素的反复运用能够不断强化活动的主题氛围,让用户时刻感受到春节的喜庆气息和集卡活动的深厚文化底蕴。



4. 标题-呼应龙年主题


标题设计结合了龙的形象,不仅契合了今年的生肖主题,还增添了设计的趣味性和亲和力。配色上,采用鲜艳的橙色与绿色作为主色调,搭配深色字体,既增强了视觉冲击力,又传达出年轻、充满活力的氛围。



二、氛围动效—持续调动用户情绪爽点


1. 首页沉浸式卡片设计


滑动卡片时,背景颜色随卡片颜色变化,营造沉浸式集卡氛围,增强场景的连贯性;同时,还减少用户的视觉疲劳,使界面风格更加统一和谐,进一步提升整体设计的品质感。



2. 全流程氛围动效持续刺激,营造惊喜感


1)新手引导动画:在活动开始时,通过新手引导动画向用户展示参与方式,帮助用户快速上手。


2)抽卡动画:每次用户抽到卡片时,都会出现龙的动画效果,增强抽卡过程的惊喜感和趣味性,激发用户的持续参与。


3)现金翻倍卡动画:活动中后期,当用户可能感到疲惫时,设计了现金翻倍卡的动效,增加奖励的吸引力,有效缓解用户的疲劳感。


4)合成动画:在最后的合成阶段,通过精心设计的合成动画,营造出惊喜和成就感。



三、玩法策略—前中后差异化策略,刺激参与


在集卡类玩法活动中,用户的心理曲线通常分为三个阶段。初期,用户参与热情高涨,动机强烈,活动也相对容易上手。中期,随着抽到重复卡片的几率增加,用户的耐心逐渐下降,可能产生疲劳感,参与度因此降低。后期,用户的心理状态趋向焦虑与急切,行为上出现分化:部分用户可能为了完成集卡任务大量分享,甚至在公域购买卡片,而大多数用户则可能因难以集齐卡片而完全放弃参与。



1. 活动前期


在活动初期,用户受利益点驱动,对活动充满新鲜感和好奇心,动机高涨。此时采取激励措施,能够最大化拉新并为业务线导流:  


1)送好友卡:设置赠送好友卡的功能,鼓励用户邀请好友共同参与,增加新用户。


2)邀请好友得卡:每邀请一位好友参与,用户可获得额外卡片或抽奖机会,进一步提升参与度。


3)卡片翻转机制:通过卡片翻转,引导用户关注参与其他业务线的内容,实现跨业务导流。



2. 活动中期


随着活动进入中期,用户往往容易在疲软期放弃参与。为了应对这一情况,我们结合上瘾模型,设定了“抽卡奖励机制”以提升用户粘性:


1)奖励机制:用户每次抽卡可获得0.1元至1元不等的奖励金,增加活动的即时回报感。


2)进度条设计:通过进度条直观展示用户累计奖励金额,以及距离提现门槛的差距,激发用户继续参与的动力。


3)即时反馈:每次用户抽到卡片时,系统会实时更新进度条,并给出提示,如“恭喜你获得0.5元奖励金!”,以增强用户的成就感和持续参与的积极性。



3. 活动后期


在活动的后期,用户的焦虑和急切感会不断增加,此时通过设定稀有卡和现金翻倍卡,增加活动的挑战性和吸引力。结合八角模型,利用稀有卡的不可预测性(黑帽驱动)来激发用户的收集欲,同时通过现金翻倍奖励(白帽驱动)进行平衡,提升用户的正向体验:


1)稀有卡:通过不可预测性和稀缺性,激发用户的收集欲望,促使他们继续参与。


2)翻倍卡:为用户提供双倍奖励机会,营造惊喜感,同时有效转移用户的负面情绪,带来正向的情绪引导。



四、AIGC—巧用AI工具增效提质


以往的卡片设计通常由设计师建模渲染,虽然能保证设计品质,但需要耗费大量时间成本。此次,我们结合Midjourney生成草图,并通过Stable Diffusion将2D图像转换为3D效果。这种方法不仅确保了视觉质量,还降低了技术门槛,大幅提升了设计效率。



整体效果预览⬇️



五、写在最后


整个春运集卡活动是设计团队通过复盘发现问题、解决问题的典型案例。最终,活动在参与人数、参与率和参与频次等各项数据指标上均创新高,赢得了用户的高度评价,并在站外引发了广泛的自主传播。


展望未来,我们致力于将“集顺顺卡”打造成智行春运的王牌活动。通过不断迭代、玩法创新和用户体验优化,持续提升活动质量,打造一个既有趣好玩又能增强品牌价值、赋能业务的集卡活动。


以上是对今年集卡活动的总结与回顾,2025年的集卡活动,敬请期待!


- END -


注:交互设计学堂公众号接受投稿啦,如果你有好的原创设计类文章,可联系客服。别让灵感溜走,快来投稿吧~~