银联:银联闪付

2016-10-17 H5案例分享 H5案例分享
银联:银联闪付

案例:银联闪付

出品:银联

亮点:

  1. 策划上,场景类,① 模拟用户乘地铁的情形,乘地铁选择现金买票还是刷卡直通?② 用现金需要排队耽搁上班时间,被老板炒鱿鱼;③ 现在不一样了,一张银联卡,刷卡过闸机, 不用再排队,提前到公司喝杯咖啡;④ 点击尾页“领取惊喜”还可抽取好礼,名额有限,先到先得,不过现在好像已经不能抽奖了。
  2. 设计上,写实风格,采用蓝色作为主色调,场景采用现实情境拍摄,屏幕前的用户正在赶地铁。
  3. 技术上,赶地铁的动态场景采用的是Canvas,其他动画效果主要采用的是CSS3的transform和animation。



技术实现: jQuery


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

识别图中二维码

银联闪付-查阅二维码




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

标签

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

相关推荐:

广东银联:重阳芯游记

龙光集团:泰晤士报竟出了中国•深圳版?!!!

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~