麦当劳：麦当劳神指点

2017-05-17 H5案例分享 H5案例分享

案例：麦当劳神指点

出品：麦当劳

亮点：

策划上，小游戏类案例。案例加载完成后进入案例，点击开始挑战，展开小游戏，首先是麦当劳点解家族介绍，总共4位成员，一米一（自主点餐，一键切换，儿童专属）；Word妈（送餐到桌，坐等美食，更添享受）；欧巴爸（麦当劳APP微信小程序，随时随地，美味在手）；洞次郎（星厨系列汉堡，主厨汉堡，星级美味）每个人代表一种麦当劳现在推广的特色服务。随后展开小游戏，将上方代表自己的特色服务icon，拖拽到下方人物身上获得分数，最后落地页会有本局得分信息，奖券抽取，再次挑战，分享给好友以及了解未来2.0。
设计上，扁平+实拍风格。画面采用黑黄两色为主色调，黄色为logo色，黑色的背景更好的突出前景文字和图案。
体验上，案例整体操纵流畅，但是小编玩了好多次都没有看到欧巴爸。用不同的方式让读者记住麦当劳特色服务，生动有趣不死板。

技术实现： CSS3(Animation)

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

识别图中二维码

麦当劳神指点-查阅二维码

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

标签