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