Vanke 万科:烟台

2018-01-22 H5案例分享 H5案例分享
Vanke 万科:烟台


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

识别图中二维码

烟台-查阅二维码

完整欣赏此案例大约需要3分钟


案例:烟台

出品:Vanke 万科

亮点:

  1. 策划上,视频类H5。Loading完毕视频自动播放,视频长2分48秒,画面以文字动画的形式呈现,从“从离开烟台的烟台人”、“待在烟台的烟台人”、“来自外地的烟台人”三个角度来介绍了烟台是个低压力而又宜居的城市。最后以“万科十年,更懂烟台”来露出品牌“万科”,和slogan“宜居烟台,家住万科”。结尾页点击按钮“烟台待续”提示长按二维码关注公众号“烟台万科”。

 

  1. 设计上,随场景时间变换的不同纯色背景,场景元素均为文字,以文字的移动、旋转、拆解等,以及背景颜色的变换,来讲述内容。背景音乐铺底,三个角度的讲述分别有三个独白配音。

 

  1. 体验上,背景音乐的气氛有一点压抑,但是配合“画面”,给人仿佛身处海边的,空灵、神怡之感。配音像是那种采访录音,文字动画也是根据配音的内容来展示,画面感很好,整体也给人一种很纯朴、真挚的感觉。

 

除此之外,小五感觉这个H5很神奇,案例的配色,平时小五如果在别的地方遇见,会归到“不好看”的一类,但是在这支H5中,很有感觉,很有视觉冲击,让人印象深刻,和整体气氛搭配的非常好。

不过小五觉得有可以改进之处:因为视频尺寸固定,在iPhone X环境下,上下两边各有两个黑条。如果是以Canvas或CSS动画来展现,或者多准备几个主流尺寸的视频,由用户手机的尺寸来决定播放哪一个,那么适配表现应该会更好。



技术实现: jQuery + Video(视频)



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

标签

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

相关推荐:

佛山万科:拯救11.11,剁手财神魔性洗脑rap首发!

万科首铸:为理想生活出逃

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~