行业关键字
UI设计UI理论和资料 → 正文
为了让你玩集卡活动,携程设计师操碎了心
作者: TripDesign 来源: 公众号:TripDesign 时间: 2024年10月18日

智行设计师一直致力于打造有趣、好玩的营销活动助力业务增长。去年春节的「集顺顺卡」活动,凭借独特的视觉创意和创新玩法,成功推动了业务增长,并建立了大促品牌的用户心智。那么,今年我们如何进一步突破呢?在延续「集顺顺卡」主题的基础上,我们对视觉创意和玩法策略进行了全面升级优化,同时深入探索 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 年的集卡活动,敬请期待!

(责任编辑: Admin

作品欣赏

欢迎关注视觉同盟微信公众号:
微信公众平台:搜索“vudn2004”或扫描下面二维码:
English | 关于我们 | 站点地图 | 联系热线 | 合作伙伴 | 艺术顾问 | 订阅 | 手机版
版权所有 © 2004-2024 视觉同盟 visionUnion.com)
Copyright © 2004-2024 VisionUnion.com Incorporated. All rights reserved
京ICP备09005192号
视觉同盟旗下子站:品牌专区 | 创意设计人才网 | 视觉同盟社区 | 视觉同盟论坛 | 英文版