515周年庆作为起点设计平台最为重大的活动,是读者、作家、平台共同举办的一场盛典。
今年的活动较去年而言,内容更为丰富、玩法更为多样,还构思了更为有趣的故事主题,那本次活动设计同学是如何参与其中的呢?下面将会通过设计的视角,来为大家揭示起点515背后的设计思考。
主题定义
活动目标
此次活动希望可以通过515周年庆,更好的给用户传递平台品牌价值,提升活跃度和提升平台营收。
1. 运营目标:
-
提升平台的活跃度和营收
-
老用户回流和拉新
-
品牌宣传
2. 设计目标:
-
塑造515起点世界观的视觉形象
-
提升活动品牌价值和趣味性
设计关键
活动周期
概念脑暴
视觉符号的提取
视觉符号是一个活动的重要识别元素,承担着强化活动记忆点和引发用户视觉联想的重要作用。
在此次活动中,“念力”是用户使用并兑换奖励的一个重要道具,它是“起点宇宙内的主体能量,由起点作家与读者的万千念头孕育而生,变化无穷,具有各种神奇效果。”念力作为一个重要元素存在,贯穿始终。为了让“念力”这个元素更加直接有力地传递给用户,我们通过脑暴决定将水晶作为“念力”的视觉符号。因为水晶石属于自然界的稀有物质,美丽、神秘、色彩多样,且每种色彩都有其丰富的寓意,与本次活动“念力”道具十分吻合。
色彩定义
字体设计
预热开启
预热活动的目标主要有两个,分别为:
-
希望用户通过邀请伙伴分享活动从而获得奖励。
-
了解活动故事主题。
主活动解锁
主页设计
主页结构:
子页面延展
动效设计和实现
使用多格式动效:
水晶动画作为主场景的初始动效,作用是展示用户收集念力的状态。其实线上混合了CSS动画、SVG动画及Canvas动画,通过裁剪、遮罩、路径及位移变换来表达场景的前后景及其深度关系。动画性能表现良好。
结语
视觉设计:YEEY OM 小双
三维设计:Song 哑铃
文案编辑:YEEY OM
本篇文章来源于微信公众号: 阅文体验设计YUX