FERRERO 费列罗:艺味因你无限

2017-01-16 H5案例分享 H5案例分享
FERRERO 费列罗:艺味因你无限

案例:艺味因你无限

出品:FERRERO 费列罗

亮点:

  1. 策划上,动画展示类。进入页面,选择“抢先感受”来观看,展示部分画面是一个美女吃费列罗各款巧克力的特写,一共七个,播放完一个会自动放下一个,用户也可以滑动屏幕下方相应的巧克力来观看,当按住巧克力按钮时,会切换到该巧克力的味道所对应的画面,每个都有独特的动画,松开又返回吃巧克力的特写。

 

  1. 设计上,淡黄色背景,金黄字体,背景的纹路是动态的,在不断向上移动。展示部分,吃巧克力是真人画面,味道模拟是动画效果,画面很华丽酷炫,色彩丰富。把味道还原到画面并且还原这么好,配上很迷幻的背景音乐,看得人口水直流。

 

  1. 体验上,音乐没有设置自动播放不知道是有意还是无意,要点击一下才能播。滑动查看并没有做说明,并且只能在巧克力上滑动,而不是整个画面。不过,画面表现已经到了收藏级,很久没有见到这么让人一看就流口水的案例了,小编觉得食品行业中,很多都可以参考这个表现形式,肯定也会很诱人。



技术实现: CreateJS + Zepto


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

识别图中二维码

艺味因你无限-查阅二维码




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

标签

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

相关推荐:

费列罗:比别人的男朋友更浪漫

Godiva:Godiva邀请你谱写最浪漫的夏之恋曲

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~