Burberry 博柏利:精灵信使传递七夕告白

2017-08-22 H5案例分享 H5案例分享
Burberry 博柏利:精灵信使传递七夕告白

案例:精灵信使传递七夕告白

出品:Burberry 博柏利

亮点:

  1. 策划上,音频展示类H5。Loading完毕,首页logo下方有一座很多彩色气球架成的七夕鹊桥,引导语淡入,用户点击按钮“开始体验”,此时小彩球团慢慢逐渐放大,并充满屏幕。所有的气球都是可点击的,每个气球对应一个人,气球携带着对应人的七夕祝福录音,用户点击气球并点击播放,就可以收听。当然用户也可以选择一个精灵信使,然后录制自己的声音,私密或者公开上传,也可以转发给TA哦~

     

  2. 设计上,白色大背景使整体看起来很干净,同时又突出了气球和精灵信使的丰富色彩。开头的气球桥拉近并充满屏幕的动画效果也颇为亮眼。精灵信使是实物拍摄,是Burberry家的一个个小包包或者小装饰,在H5中还加上了动态效果,让它们看起来和活的一样。如果移动气球时,再加上重力感应的效果,可能画面线条感看上去会更好。

     

  3. 体验上,将很多人的祝福音频,做成一个个“告白气球”并搭成喜鹊桥,这是一个很棒很温馨浪漫的idea。并且将自己的声音,和诸多爱豆的声音放在一起,感觉参与感满满。然而,小五自认为多少还是有点艺术细胞的,但对这些包包(也就是精灵信使)的样子实在有点耿耿于怀,总觉得有那么一点点毁气氛...请告诉我这么想的不只我一个!



技术实现: JavaScript



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

识别图中二维码

精灵信使传递七夕告白-查阅二维码




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

标签

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

相关推荐:

FENIX:自然传情,让TA替你说爱

长安铃木维特拉:如此一本正经的撩妹套路,我服!

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~