中信银行：Fourteen，Fighting ！

2017-01-12 H5案例分享 H5案例分享

案例：Fourteen，Fighting ！

出品：中信银行

亮点：

策划上，视频+图片合成类，① 首屏仿微信朋友圈风格，将中信银行14周年庆信息展现出来，而后画面晃动，转到高楼耸立的科技感十足的画面；② 点击提示按钮，去看看今天的中信银行卡中心；③ 而后穿越时光隧道，上传自己的头像，输入自己的姓名，生成卡片，启动时光机，回到2016年，回忆中信银行十年发展之路；④ 给十年后的自己写一句话，分享出去，即可看到整体的生成结果。
设计上，整体采用玄幻风格，采用蓝色作为主色调，穿越时空的画面很魔幻震撼，首屏和写一句话给十年后的自己采用的是典型的微信朋友圈风格。
技术上，看中信银行卡中心和穿越时空隧道的冬天画面采用的是Video视频。

技术实现： jQuery + Video

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

识别图中二维码

Fourteen，Fighting ！-查阅二维码

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

标签