Kaadas 凯迪仕:嫦娥——寻开心

2017-10-09 H5案例分享 H5案例分享
Kaadas 凯迪仕:嫦娥——寻开心


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

识别图中二维码

嫦娥——寻开心-查阅二维码

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


案例:嫦娥——寻开心

出品:Kaadas 凯迪仕

亮点:

  1. 策划上,视频类H5案例。Loading完毕进入页面,首屏提示案例最佳观看方式为先锁屏再横屏。点击开始按钮播放视频,视频讲述“葫芦娃”缠着爷爷讲故事,爷爷给他们讲了一个嫦娥的故事:天蓬、吴刚、后裔同时追求嫦娥,嫦娥不知道选谁,便设下难题,谁解开心锁变答应谁,三位追求者无论如何都解不开,而玉兔通过触碰便打开了心锁,于是嫦娥与兔子在一起了。故事在最后露出品牌,凯迪仕指纹锁。结尾页点击“呼朋唤友”提示分享给好友,也可点击按钮“再看一遍”。

 

  1. 设计上,手绘漫画风格。画面中的故事书有折纸翻页的效果。故事借用了葫芦娃、嫦娥等老IP,而故事内容却非常有趣。背景贱兮兮的配音也将案例气氛烘托得非常逗比。

 

  1. 体验上,虽然是2分钟长的视频,但故事节奏很紧凑,内容又很有意思,与品牌的结合也毫无违和感,所以一点也没觉得冗长。鸡蛋里挑点骨头的话,就是视频的播放不太稳定,有些时候点击按钮之后会白屏,没有反应,刷新了才会好。另外就是首屏的横屏提示不是特别明显,加上文字效果会更好。



技术实现: iH5 + Video



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

标签

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

相关推荐:

明月镜片:戴明月月更明

滴滴出行:嫦娥还单身,等你来团圆

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~