浦发银行：我说话的时候，请不要戳我！

2017-07-24 H5案例分享 H5案例分享

案例：我说话的时候，请不要戳我！

出品：浦发银行

亮点：

创意上，用交互视频的方式来介绍浦发银行信用卡和神州专车联合推出的新卡，具有哪些优惠和特殊服务：可以撩妹10次，撩汉10次，只是开个玩笑，还有更多实惠的服务哦，在愉快的玩耍中，了解了浦发新卡的作用和功能，比硬广效果要好1000倍；
策划上，整个案例分三部分，第一部分，客服小妹引路到大堂，让选择男经理/女经理；第二部分，选择男/女经理，不管男女，都会有一段简单视频介绍浦发御驾卡，然后，可以点击经理身上的10个点位，进行交互，每点击一次，都会有一个动作和一个卡的特点介绍，直到10次机会用完；第三部分，10次机会用完，有两个选择，“不放过”就重新选择男女，还可以继续玩；“求放过”择进入品宣结尾页，露出浦发银行信用卡的卡面，以及弹幕介绍卡的优惠政策。
设计上，真人实际拍摄+剪辑拼接，加上字幕，简洁大方，干净利索。
体验上，小五打开一看是视频，第一感觉就想退出，但右下方做了“跳过视频”按钮，这种考虑用户感受的细节，值得学习；“玩男玩女”，小五都玩过了，“滑动拒绝TA”后，每次都会有卡顿，流畅度有待提高；有人感觉到男经理贱贱的么，浦发银行用他拍这个视频，一定是看过“围住神经猫”的H5，贱猫易被人戳~

技术实现： jQuery+Video

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

识别图中二维码

我说话的时候，请不要戳我！-查阅二维码

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

标签