Pizza Hut 必胜客:必胜客小食拼盘

2017-09-05 H5案例分享 H5案例分享
Pizza Hut 必胜客:必胜客小食拼盘

案例:必胜客小食拼盘

出品:Pizza Hut 必胜客

亮点:

  1. 策划上,动画+视频。进入案例,首屏是一本菜单,上面有文字“不信你点试试”引导用户点击。点击屏幕后菜单打开,服务员向酒杯倒酒,菜单上提示文字“点击酒杯”,用户点击酒杯后播放视频。视频分《职场篇》和《同学聚会篇》,都以渐进推导的形式,讲述了在公司聚餐或同学聚会时,漏点小食拼盘的后果。无论是哪篇,推导出来的后果,都非常惨绝人寰,为了防止这可怕的后果,请点拼盘,“点个拼盘就没事”。结尾页有拼盘的优惠套餐券,用户可以点击跳转抢购,也可以点击“还要乱点”看另一个篇章。

 

  1. 设计上,手绘卡通画风。《职场篇》以绿色为主色调,《同学聚会篇》是蓝紫主色调。故事情节+画面表现+贱兮兮的男生配音,将整体勾勒得非常魔性。

 

  1. 体验上,看完觉得这个脑洞真的没谁了,真的想点个拼盘压压惊哈哈哈!不过讲真,小五觉得,刚开始的两个点击交互,有点重复,倒不如直接换成一个,或者给用户选择“公司聚餐”或“同学聚会”。如果不是想重看一遍刷新了H5,可能都不知道有另外一个篇章。



技术实现: CreateJS + Swiper + jQuery + Video(视频)



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

识别图中二维码

必胜客小食拼盘-查阅二维码




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

标签

分享:
海报
案列链接
下载截图
收藏案例
已收藏
分享到微信朋友圈
打开微信,点击底部的“发现”,
使用“扫一扫”即可将网页分享至朋友圈。

相关推荐:

必胜客:吃货公寓

必胜客:有态度不商量

关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

对汉语支持不错,别对小五说英文

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~