必胜客:吃货公寓

2017-07-17 H5案例分享 H5案例分享
必胜客:吃货公寓

案例:吃货公寓

出品:必胜客

亮点:

  1. 策划上,图文展示类案例。加载完成后进入案例,首屏给出文案告诉读者有这么一个公寓无论谁住进去都会变的嗜吃如命,久而久之就给这栋楼取名叫吃货公寓。点击“进去瞧瞧”进入公寓,一楼住户是糖皇与贵妃,贵妃想吃荔枝派,糖皇电话订购然而日复一日,还有没送到,遂打电话询问,被告知要等荔枝种出来才能制作;二楼住户是武松,武松要吃饱后再打老虎,然而武大郎送炊饼的速度还不如乌龟~老虎都等着睡着了;三楼住户是唐僧念经念的心慌了赶紧点个便当,好久没到给送餐员小猴打电话,可是送餐员小猴还要再送五家才能送到师傅这。然而5楼住户却是点的必胜客外卖,刚刚点完就送到了与楼下几层用户成鲜明对比,突出必胜客优势。随后跳转落地页,品牌主题露出,点击“不用催的免费披萨等你赢”跳转抽奖页面,点击“告诉还在傻等的小伙伴”跳转分享页面,点击“点披萨咯”跳转披萨购买页面。

     

  2. 设计上,漫画的形式展现。画面用色丰富,每一楼层用一种色调,更好的进行分割;黄色的吃货公寓好像必胜客披萨一样~画面人物设计十分有趣搞笑同时准确的刻画了想要表达的人物形象,用户很轻易可将人物进行分辨。

     

  3. 体验上,传统的点击交互方式。轻盈、有趣、富有节奏的背景音乐让案例更加生动活波起来。先要观看前面3个楼层中最少一个才可观看第5层,当你看完一个后会忍不住把其他的也看完哦~最后快去抽取必胜客披萨吧~好吃又好玩呢~



技术实现: Zepto + TweenMax(动画框架)


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

识别图中二维码

吃货公寓-查阅二维码




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

标签

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

相关推荐:

必胜客:有态度不商量

必胜客:去拼吧、榴莲

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~