麦当劳：麦麦新年心愿所

2018-02-06 H5案例分享 H5案例分享

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

识别图中二维码

麦麦新年心愿所-查阅二维码

完整欣赏此案例大约需要2分10秒

案例：麦麦新年心愿所

出品：麦当劳

亮点：

策划上，图文展示类，Loading完毕，进入一个动画，模拟山谷的场景，点击“一探究竟”，进入到山谷的小房子里。进入后提示“左右滑动手机，向三位大神祈福”。三位大神分别是：“巨无霸大佬”、“甜筒小仙女”和“辣翅兄弟”，选择后点击“向我祈福”按钮，可详细介绍大神的信息，下方有两个按钮“再看看吧”和“获得祝福”，引导用户再此选择其他大神或者进入最终祈福页面，显示2018福祉，可长按保存图片。
设计上，使用了动画风格，山谷、房子和大神，充满了奇幻色彩。整个动画的背景色调鲜明。
交互上，用户可左右滑动屏幕，自行选择祈福的大神。
体验上，小五体验过后，很喜欢这个案例的场景，细节处都有兼顾到。把麦当劳里的产品拟人化，设计为大神的形象，场景多用鲜艳的颜色，符合新年的主题。

技术实现： canvas +js

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

标签