民生银行：民生故宫文创主题信用卡

2018-01-30 H5案例分享 H5案例分享

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

识别图中二维码

民生故宫文创主题信用卡-查阅二维码

完整欣赏此案例大约需要2分5秒

案例：民生故宫文创主题信用卡

出品：民生银行

亮点：

策划上，图文展示类+视频类。①Loading完毕，进入首页，内容：皇帝命钦差前往民间寻找皇上的亲信之人，将“信物”交于此人。向上滑动屏幕，进入下一屏。②点击视频播放按钮，进入一段52秒的视频，内容是三个使用信用卡消费的场景，分别是在商场shopping的“爱妃”、餐厅宴请外邦友人的“爱卿”和商战出征的“将军”。在三人拿到卡后，装束变为相应的古装，含蓄的体现了卡的专属特权。视频结束，向上滑动屏幕，进入下一页。③此页面可以左右滑动，分别介绍了“美人卡”、“龙袍卡”和“符牌卡”。向上滑动屏幕，进入下一页。④此页介绍了“专属办卡礼”……每页右下角都有一个按钮“立即办卡”，点击进入中国民生银行信用卡申请页面。
设计上，整体以红色为主，塑造妃子、大臣、将军的卡通形象，活泼有趣。背景加入了祥云、宫墙等传统元素，古色古香。
交互上，方式有页面的滑动、点击等多种形式。
体验上，感觉还不错，整体活泼有趣，通过传旨引出产品——民生故宫文创主题信用卡。妃子、大臣和将军接收信用卡后的变装，也体现了该卡所享有的的特权。

技术实现： js+video

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

标签