中国民生银行 × 银联卡:遇见敦煌

2019-09-09 H5案例分享 H5案例分享
中国民生银行 × 银联卡:遇见敦煌


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

识别图中二维码

遇见敦煌-查阅二维码

完整欣赏此案例大约需要40秒


案例:遇见敦煌

品牌:中国民生银行 × 银联卡

技术实现: video

亮点:

1.创意定位

由中国银联和民生银行制作的关于敦煌题材的宣传H5。

 

2.策划逻辑

整个H5主要分为三部分:

 

①Laoding部分:泛黄的书页背景,莲花形状中间有三个兔子(应该是一张敦煌壁画图样)一直在转圈,加载完成后图案变成了九色鹿,点击进入,观赏一段视频。

 

②视频部分:伴随着旁白的解说,各种敦煌壁画中的形象动了起来,首先有反弹琵琶的敦煌最美乐伎,还有虔诚的供养人,普贤菩萨和文殊菩萨,还有Loading页上出现的莲花飞天藻井和三兔飞天藻井、维摩诘和天龙八部只金翅鸟王及大蟒神,看不清面容的相顾弟子和大雨跃海、青鸾展翅等风景。

 

③卡片部分:和loading部分一样的飞天莲花背景,可左右点击选择自己想要的卡片,上方用毛笔字体写着“岁月留住经典,敦煌美景重现”可点击查看卡片工艺,介绍了卡片使用的:“彩色卡基”“仿壁画斑驳纹理”和“3D技术模拟沥粉堆金工艺”下方还特意介绍了一下沥粉堆金工艺。卡片下方编著了名称题词和时间,地点等等。可点击下方的生成海报或者立即办卡,右上角可点击立即咨询。生成海报会显示出关于这张卡片特有的敦煌气韵的两字词语,左上角为民生银行的Logo。长按可保存海报,可点击返回重选或者立即办卡。

 

3.设计上

主要以敦煌壁画色彩为主,配上大气又有历史气息的背景音乐和慷慨激昂的旁白很有感觉。

 

4.体验上

在播放视频的时候可选择跳过视频直接查看卡片,加载速度快,不卡顿。





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

标签

分享:
海报
案列链接
下载截图
收藏案例
已收藏
分享到微信朋友圈
打开微信,点击底部的“发现”,
使用“扫一扫”即可将网页分享至朋友圈。

相关推荐:

微信:鉴往知来—跟着总书记学历史

中国民生银行信用卡中心:全网网感统一考试

关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

对汉语支持不错,别对小五说英文

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~