伊利：为最爱的Ta倒一杯好奶

2017-09-27 H5案例分享 H5案例分享

案例：为最爱的Ta倒一杯好奶

出品：伊利

亮点：

策划上，图文展示+小游戏类，① 先以多幅图文形式展现了父母、伴侣孩子对“我”的付出、关爱、依赖，而我却很少表达爱意；② 在这个中秋推掉所有借口为最爱的ta倒上一杯好奶；③ TA在身边的小伙伴可选择双屏互动形式，扫码倒牛奶，TA不在身边的小伙伴可倾斜手机，为远方的最爱倒一杯好奶；④ 猛戳尾屏的中秋礼品盒，即可去京东上订购伊利国庆中秋好礼
设计上，手绘漫画风格，采用暖暖的橘黄色作为主色调
交互上，倒牛奶采用倾斜手机的方式，将牛奶从牛奶瓶里倒到牛奶杯里
技术上，倾斜手机倒牛奶采用的是html5的重力感应

技术实现： Canvas + Egret

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

识别图中二维码

为最爱的Ta倒一杯好奶-查阅二维码

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

标签