乐事就酱工厂：乐事就酱工厂

2019-04-15 H5案例分享 H5案例分享

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

识别图中二维码

乐事就酱工厂-查阅二维码

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

案例：乐事就酱工厂

品牌：乐事就酱工厂

制作：拾众广告

亮点：

创意定位：乐事推出的重力感应摇一摇类的H5，为宣传最新推出的活动，活动主要围绕乐事新品“沾沾薯”展开，这款蘸着酱吃的薯片，给我们带来了新的吃法。
策划上，①首页标题是“乐事就酱工厂”，可以抽取盲盒，可以随机出现AirPods、100元京东E卡、UGG拖鞋等等，点击“开始制酱”按钮，②一共有六种酱（红茶橙、可乐、青梅、辣椒酱、花生酱、番茄酱）选择一个口味，在下方的三种薯片（番茄、原味、黄瓜）中选择一个。③晃动手机制作酱，最后制作出新口味的沾沾酱薯片，长按可以保存，下方还有一个按钮“去抽奖”，跳转到乐事京东自营旗舰店官网。
设计上，主色调为黄色，制酱方式使用摇一摇来制作。
技术上，使用adobe animate CC 制作动画，发布到js引擎可解析的文件。类似于Adobe ActoionScript的开发流程，加上gulp自动化打包，基本上2-3天就可以完成动画和H5的开发。
体验上，操作简单，为宣传最新推出的沾酱吃法，这种吃法并不少见，但是没想到乐事这次的新品意外好吃香脆的薯片加上酱汁，刚好调节了薯片太干，味道单一的缺点，新品种草到这里，快去试试吧！

技术实现： Animate CC / canvas / annie.js

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

标签