Burberry 博柏利:精灵信使传递七夕告白
案例:精灵信使传递七夕告白
出品:Burberry 博柏利
亮点:
-
策划上,音频展示类H5。Loading完毕,首页logo下方有一座很多彩色气球架成的七夕鹊桥,引导语淡入,用户点击按钮“开始体验”,此时小彩球团慢慢逐渐放大,并充满屏幕。所有的气球都是可点击的,每个气球对应一个人,气球携带着对应人的七夕祝福录音,用户点击气球并点击播放,就可以收听。当然用户也可以选择一个精灵信使,然后录制自己的声音,私密或者公开上传,也可以转发给TA哦~
-
设计上,白色大背景使整体看起来很干净,同时又突出了气球和精灵信使的丰富色彩。开头的气球桥拉近并充满屏幕的动画效果也颇为亮眼。精灵信使是实物拍摄,是Burberry家的一个个小包包或者小装饰,在H5中还加上了动态效果,让它们看起来和活的一样。如果移动气球时,再加上重力感应的效果,可能画面线条感看上去会更好。
-
体验上,将很多人的祝福音频,做成一个个“告白气球”并搭成喜鹊桥,这是一个很棒很温馨浪漫的idea。并且将自己的声音,和诸多爱豆的声音放在一起,感觉参与感满满。然而,小五自认为多少还是有点艺术细胞的,但对这些包包(也就是精灵信使)的样子实在有点耿耿于怀,总觉得有那么一点点毁气氛...请告诉我这么想的不只我一个!
技术实现: JavaScript
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号