滴滴出行:测测你的运动基因
案例:测测你的运动基因
出品:滴滴出行
亮点:
-
策划上,测试答题+人脸识别+图片合成。进入页面后,选择“马上开测”进行测试,一共五道有趣的题目,涉及个人习惯和身体素质。答题完毕,接下来要上传一张正面照,之后可以提交手机号参与活动,也可以跳过直接查看测试结果。
-
设计上,大体上是经典的滴滴灰橘配色。题目贴合生活,文案风趣幽默,背景音乐很动感,答题时候的背景动画也很好看很好玩。
-
体验上,小编本以为测试答题和图片合成放在一起很生硬,不过按照答题的不同结果,合成不同的图片,确实还是蛮好玩的!
技术实现: jQuery + CreateJS +TweenMax(动画框架)
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
以上为“H5案例分享”团队原创文章,转载请注明出处!
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号