滴滴出行:测测你的运动基因

2016-08-24 H5案例分享 H5案例分享
滴滴出行:测测你的运动基因

案例:测测你的运动基因

出品:滴滴出行

亮点:

  1. 策划上,测试答题+人脸识别+图片合成。进入页面后,选择“马上开测”进行测试,一共五道有趣的题目,涉及个人习惯和身体素质。答题完毕,接下来要上传一张正面照,之后可以提交手机号参与活动,也可以跳过直接查看测试结果。

  2. 设计上,大体上是经典的滴滴灰橘配色。题目贴合生活,文案风趣幽默,背景音乐很动感,答题时候的背景动画也很好看很好玩。

  3. 体验上,小编本以为测试答题和图片合成放在一起很生硬,不过按照答题的不同结果,合成不同的图片,确实还是蛮好玩的!



技术实现: jQuery + CreateJS +TweenMax(动画框架)


案例演示,请长按/扫描以下二维码 ->

识别图中二维码

测测你的运动基因-查阅二维码




以上为“H5案例分享”团队原创文章,转载请注明出处!

标签

分享:
海报
案列链接
下载截图
收藏案例
已收藏
分享到微信朋友圈
打开微信,点击底部的“发现”,
使用“扫一扫”即可将网页分享至朋友圈。

相关推荐:

滴滴出行:安全紧急求助

耐克Nike&滴滴:NIKE 上海 不信极限

关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

对汉语支持不错,别对小五说英文

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~