淘宝:春碗食验室

2017-02-17 H5案例分享 H5案例分享
淘宝:春碗食验室

案例:春碗食验室

出品:淘宝

亮点:

  1. 策划上,图文展示类案例。现在的春晚还有年味在么?那么让我们进入春晚实验室翻新年味吧!首屏点击春碗大门进入案例内容,在屏幕中上部有传送带,上面放置了多种“脑洞”鲜料,供读者选择,点击选择后可以导入下部火锅呢,烹饪出不同的菜肴。

     

  2. 设计上,矢量插画形式。案例整体以红色调为主,配上适当的黄色与蓝色,突出浓烈的新年气氛。画风有趣,连近实远虚的感觉也表现了出来。

     

  3. 体验上,传统的点击交互方式。背景音乐十分欢快有节奏,你敢想象这种鲜料加入菜品中是种什么味道么?让我们一起来试试吧?!



技术实现: jQuery


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

识别图中二维码

春碗食验室-查阅二维码




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

标签

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

相关推荐:

淘宝:年货街

淘宝网:我是你的宝贝

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~