虾米音乐:摇滚简史

2017-09-22 H5案例分享 H5案例分享
虾米音乐:摇滚简史

案例:摇滚简史

出品:虾米音乐

亮点:

  1. 策划上,视频类。案例从查克·贝里开始,盘点了几位在摇滚乐坛上,赫赫有名的教父级人物,以及他们对摇滚乐的发展所做出的贡献与其历史地位。案例在最后总结:“摇滚自身并不伟大,伟大是因为唱他和听他的人们”,并露出品牌虾米音乐,同时在最后,铜像的缝纫机变为实体,出现演员“大鹏”和“缝纫机乐队”字样,原来是品牌虾米音乐与电影《缝纫机乐队》的联合宣传。结尾页用户可选择“重新观看”,或“分享音乐”。

  2. 设计上,黑色大背景,橙色字体格外显眼,人物铜像也显得非常有质感。画面清晰度很高,动效非常炫酷,视觉冲击很强。背景音乐则随着画面内容由缓慢慢推向高潮,最后再缓下来,很能带动观看者的情绪。案例由一条光线开始,光线经过穿梭、曲折、分裂,最后再归到“虾米音乐”中,影射了摇滚乐的发展历程,并暗示用户,想听摇滚乐,可以去“虾米音乐”。

  3. 体验上,虽然小五不全认识案例中的伟人,但作为重度音乐爱好者,观看案例时,一股敬意油然而生,他们可都是改变了世界的人物啊!然而最后大鹏出现的画面,不由笑出声来,尤其是因为知道他是喜剧演员,满脑子都是他的搞笑戏。看到“缝纫机乐队”才明白,案例在推广品牌的同时,宣传了最近要上线的电影,大鹏是导演+编剧+主演,顿时无比期待电影的上映!



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



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

识别图中二维码

摇滚简史-查阅二维码




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

标签

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

相关推荐:

龙途互动:This is Hard Rock

网易云音乐:网易云音乐【乐评博物馆】

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~