爱奇艺×必胜客：披萨DIY大挑战

2019-01-30 H5案例分享 H5案例分享

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

识别图中二维码

披萨DIY大挑战-查阅二维码

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

案例：披萨DIY大挑战

出品：爱奇艺×必胜客

亮点：

创意定位：爱奇艺联合必胜客推出的一支互动小游戏类的H5，达到必胜客新品的曝光以及爱奇艺游戏品牌的知名度。
策划上，①首页是没有什么是大吃一顿不能解决的事，如果有，那就两顿！你有做披萨的天赋吗？马上试试吧！点击开始制作。②一共有三个步骤，第一步骤，你希望饼底是什么样的？一共有三种饼形，巨无霸形、至尊经典型、71爱你型。三选一，ok就它啦。③第二步骤，选择食材搭配，牛肉、青椒、火腿片、菠萝、榴莲、洋葱、玉米粒等等。④第三步骤，温馨提示，烘烤时间在15分钟时烤出的披萨最完美，黑暗料理烤至30分钟，点击烘烤开始，控制烘烤时间。⑤大厨请留名，为自己的披萨定个价吧！最后生成一张属于你自己DIY的披萨，创意、颜值、味道都会有评星，下面还有DIY福利、宅急送优惠券、请TA吃披萨，二维码进行回流，点击生成海报。
设计上，采用手绘漫画的风格，每一块饼底、每一种食材都由手绘完成。
体验上，颜色鲜明的漫画风格能够让美食更加吸引人，每一个环节都充满乐趣，伴着欢快的BGM及音效，与好友分享、比拼的欲望，传播自己做的披萨图。

技术实现： Jquery swiper html2canvas canvas

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

标签