万达文华公馆：红旗街神曲来啦！

2017-03-23 H5案例分享 H5案例分享

案例：红旗街神曲来啦！

出品：万达文华公馆

亮点：

策划上，视频类，红旗街来了，点击“独家试听”，开启视频，以一个小女孩的视角去逛逛红旗街，以有趣的小动画配上激情的说唱展现了红旗街历史悠久、交通方便、商业繁荣等等特点，还有万达两座城遥相呼应，最后告知大家一个好消息：红旗街洋房万达文华公馆盛大开盘啦。
设计上，漫画风格，场景采用漫画形式，里面的小女孩是真人模式，一虚一实完美结合，增加趣味性的同时，也展现了红旗街不一样的风采。
技术上，整体动画主要采用的是htnl5的Video，并采用Video的属性webkit-playsinline,playsinline，使其不跳出微信框。
体验上，如果用iPhone5看这支H5时，点击首页“独家试听”按钮，不起作用，能再优化修改一下就更好了。

技术实现： Zepto

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

识别图中二维码

红旗街神曲来啦！-查阅二维码

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

标签