欢乐茶馆 + 彭水苗乡:当欢乐茶馆遇见彭水苗乡

2020-09-04 H5案例分享 H5案例分享
欢乐茶馆 + 彭水苗乡:当欢乐茶馆遇见彭水苗乡


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

识别图中二维码

当欢乐茶馆遇见彭水苗乡-查阅二维码

完整欣赏此案例大约需要2分50秒 - 6分22秒


案例:当欢乐茶馆遇见彭水苗乡

品牌:欢乐茶馆 + 彭水苗乡

技术实现: video + zepto

亮点:

1、创意定位

欢乐茶馆和彭水苗乡,以及多家媒体及创意机构联合出品的H5,主要以谁能做彭水苗乡欢乐茶馆的头牌为话题展开,介绍了苗歌、苗茶、苗绣,讲述了苗家文化,陪用户体验非物质文化遗产。

 

2、策划上

① 以茶馆开业前一夜,发生一件不为外人所知的趣事开始,点击“进入欢乐茶馆”按钮,进入视频播放页面,视频全长1分01秒,讲述一个城市来客,翻山越岭来到了欢乐茶馆,茶馆中正在激烈的讨论,谁能做欢乐茶馆的头牌,讨论的三方分别为:苗歌、苗茶、苗绣;

② 点击听苗歌、喝苗茶、看苗绣,三个中的一个,对应的视频开始播放,每个非物质文化遗产故事都是1个单独的视频,通过略微幽默的视频故事讲述对应的历史和文化;每个视频播放完毕,会有三张宣传海报,点击其中的1个,生成对应助力彭水苗乡扶贫海报;点击“看下一位”按钮,继续播放没有看过的视频;

③ 三个非物质文化遗产故事视频都播放完毕,显示9个彭水苗乡宣传助力海报;点击“解锁更多欢乐”按钮,继续播放一段视频,有点像彩蛋的意思,视频中对谁是头牌又做了收尾,依然没有结论,还拍摄了真实的苗乡人物和拍摄花絮。

 

3、设计上

视频有彭水苗乡当地人主演,不仅更增加真实感,还更加原汁原味。

 

4、技术上

一共8个MP4格式的视频,只有第1个视频视频进行了预加载,其他视频都是用户点击后进行加载播放,每个视频都1分钟多点;人物如果被首选和不被首选加载的视频不同,如果不被首选会有主角被拉走的部分;用户点击后播放需要服务器足够好,或者过渡要合理,要不会造成用户视觉可见的卡住延迟。





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

标签

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

相关推荐:

腾讯:欢乐茶馆可以绣苗绣啦

七彩云南•古滇名城:去云南,就现在

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~