民生银行：民生蓝精灵主题信用卡

2018-06-18 H5案例分享 H5案例分享

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

识别图中二维码

民生蓝精灵主题信用卡-查阅二维码

完整欣赏此案例大约需要1分15秒

案例：民生蓝精灵主题信用卡

出品：民生银行

亮点：

策划上，民生银行推出的蓝精灵主题信用卡宣传H5。首先是一个木制背景，时间的倒叙，回到了电视机的画面，这时格格巫出现了，他要抓蓝精灵。中间有一次互动，“施加魔法”按钮，破坏格格巫的坏企图。最后，展示出蓝精灵的卡片，有8个卡面图案选择，而后是特权介绍。
设计上，蓝精灵里面的人物，卡通风格。
体验上，图片的加载微微有点加载不及时。到了对应的屏幕，图片零星有加载不上的情况。

技术实现： TweenMax.min.js + Zepto

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

标签