顺丰速递:走过这条街

2017-06-16 H5案例分享 H5案例分享
顺丰速递:走过这条街

案例:走过这条街

出品:顺丰速递

亮点:

  1. 策划上,测试答题类,这是一条神奇的街道,快来看看你走过这条街能赚多少吧,点击START开启测试之路,先选择你的形象,而后进行五道测试答题,题目中巧妙地将顺丰融入其中,答对可积累财富,答错会扣除一定的财富哦,全部答完后,就走到了街的镜头即可看到走完这条街,剩余的金额以及自己获得的称号。
  2. 设计上,漫画风格,采用红色作为主色调,辅色调采用蓝色和黄色,画风比较简单粗暴,又不失可爱有趣。
  3. 技术上,这支H5主要采用Canvas来实现的。



技术实现: jQuery + Canvas


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

识别图中二维码

走过这条街-查阅二维码




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

标签

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

相关推荐:

顺丰大当家:十二星座嘻哈水果

顺丰快递:樱樱樱,这里找人

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~