银联:银联闪付

案例:银联闪付
出品:银联
亮点:
- 策划上,场景类,① 模拟用户乘地铁的情形,乘地铁选择现金买票还是刷卡直通?② 用现金需要排队耽搁上班时间,被老板炒鱿鱼;③ 现在不一样了,一张银联卡,刷卡过闸机, 不用再排队,提前到公司喝杯咖啡;④ 点击尾页“领取惊喜”还可抽取好礼,名额有限,先到先得,不过现在好像已经不能抽奖了。
- 设计上,写实风格,采用蓝色作为主色调,场景采用现实情境拍摄,屏幕前的用户正在赶地铁。
- 技术上,赶地铁的动态场景采用的是Canvas,其他动画效果主要采用的是CSS3的transform和animation。
技术实现: jQuery
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
以上为“H5案例分享”团队原创文章,转载请注明出处!
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~

微信扫一扫
关注该公众号