案例:寻找满分加油
品牌:One Plus
技术实现: html5
亮点:
One Plus为纪念成立六周年推出的测试作品,用户通过回答关于One Plus的问题参加抽奖活动,以此吸引用户积极参与,提高品牌和活动热度。
加载完毕后是一个粉色礼物盒,点击打开后,播放六周年回顾小短片,然后是一段关于给未来加油的寄语,然后进入标题界面,此界面可以查看游戏规则和奖品设置,然后点击触点开始答题,共七题,每次打开题目会略有不同,包括社区创立的日期,社区常用语言,在某个时间点推出的产品等,也有拼图,拍照等题目,最后输入名字生成海报,包括用户名,等级和插图,用户可领取福利(及格才可以领)或重玩游戏。
界面颜色饱和度较较低,视觉上温和舒缓,每个题目都有相应的背景,答题结束后,背景以动态的形式进入下一题,整个作品活泼丰富,略有跳跃感,符合“社区”主题。
用户点击选择题答案后,会即刻显示“打错了”或“答对了”,不可修改答案,直接进入下一题,在拼图,摄影,找不同等互动中,可以选择“跳过此题”。