饿了么：e起鬼混_H5案例分享

饿了么：e起鬼混

2017-11-01 H5案例分享 H5案例分享

案例：e起鬼混

出品：饿了么

亮点：

策划上，小游戏类，饿了么为即将到来的万圣节推出的一款H5。通过选择往女巫的干锅中加入什么物品，来判断你是什么样的吃货，是赖床症木乃伊、减肥狂幽灵、社交恐惧吸血鬼、拖延症科学怪人还是选择困难症僵尸，还会生成相应的海报，点击尾屏“一起鬼混轰趴”去还可点个“鬼”过万圣哦。
设计上，卡通风格，采用橘色和蓝色作为主色调，里面的场景，还有巫女、木乃伊、幽灵等人物形象都比较偏可爱，增加了页面整体的趣味性。
交互上，将生成好的额海报保存下来，采用长按海报的方式；保存下来的海报上面带有二维码，扫一扫可再次进入这支H5中哦。

技术实现： jQuery + AngularJS

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

识别图中二维码

e起鬼混-查阅二维码

完整欣赏此案例大约需要30秒

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