浦发信用卡:千古奇画的前世今生

2018-06-21 H5案例分享 H5案例分享
浦发信用卡:千古奇画的前世今生


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

识别图中二维码

千古奇画的前世今生-查阅二维码

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


案例:千古奇画的前世今生

出品:浦发信用卡

亮点:

  1. 策划上,本则案例以时间的顺序,将画卷千里江山图坎坷的一生娓娓道来。采用与千里江山图同风格的绘画风格,以文字渐进的方式,向用户展示这幅画卷颠沛流离的经历。无论从艺术上,还是交互上都给人一种浑然一体的感觉。最后引出改主题的信用卡产品,过渡自然。
  2. 技术上,采用 zepto 操作 DOM,howler.js 处理案例的音效,提高兼容度。
  3. 体验上,采用中国传统的水墨画形式,通过时间的推移和渐进文字的阐述,向用户传达信息,配以舒缓的音乐,给人一种十分放松,十分享受的感觉。随着故事的推移,画风和音乐也随剧情变化,节奏变化间,使用户对画卷的悲惨经历感同身受。



技术实现: Zepto + Howler.js



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

标签

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

相关推荐:

万科:新桃花源记

康桥知园:传世丹青,先生典藏

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~