广发银行:广发云闪付 绑定使用就送现金
案例:广发云闪付 绑定使用就送现金
出品:广发银行
亮点:
- 策划上,模拟一个女孩买茶叶蛋,在结账的时候找不到钱包,后面还有很多人排队等着的尴尬情景,点击屏幕下方“给钱付账”按钮进入下一页,女孩开始抓狂的翻自己的背包,却怎么也找不到钱包,这时设计了三个选项A、不买了,老娘没心情B、即兴卖艺现场众筹C、使用广发HCE神技能。很显然,A、B选项只是衬托,不是最佳选择,选择C选项,分三步介绍了如何使用广发云闪付进行轻松结账。最后一页设置了二维码,方便扫描下载APP。
- 设计上,漫画风格,风趣幽默,素描手法,大方、清晰、简洁。
- 交互上,每次向上滑动屏幕,屏幕中的女孩将把包里东西往外扔,滑动越快,动画越快,介绍如何使用闪付的时候,点击和滑动屏幕,模拟真实的付款操作。
- 体验上,非常流畅。
技术实现: jQuery
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
以上为“H5案例分享”团队原创文章,转载请注明出处!
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号