饿了么：饿了么炙热大陆

2016-12-15 H5案例分享 H5案例分享

案例：饿了么炙热大陆

出品：饿了么

亮点：

策划上，当打开饿了么送货保温箱时会出现由各种食材构成的中国地图，按菜品种类区域分别处于地图的五个位置不同区域都有自己的特色食材。东北菜、江浙菜、粤菜、川湘菜、西北菜，点击进入后会出现当地特色建筑还有特色美食，让你感受到家乡的感觉。在每个城市发现饿了么送餐员甩动他可以获得红包礼券哦。
设计上，矢量插画风格。颜色上，颜色纯度较高，偏暖色调。城市的颜色开始是冷色调，随后随着温度计的升温会变成暖色调。进入城市后，城市建筑色调一致让各家店铺的美食更加突出。
体验上，背景音乐欢快愉悦，让我们感受到浏览这幅美食地图是开心的。首屏保温箱的动效十分到位，有一种开锅后里面的东西要爆出的感觉，让读者十分想去点开看。随后进入食材地图后闪动的各地美食以及菜品名称，让读者可以第一眼的关注到这些美食。

技术实现： jQuery + Egret（白鹭引擎）

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

识别图中二维码

饿了么炙热大陆-查阅二维码

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

标签