麦当劳：你被老板炒了

2018-04-04 H5案例分享 H5案例分享

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

识别图中二维码

你被老板炒了-查阅二维码

完整欣赏此案例大约需要2分10秒

案例：你被老板炒了

出品：麦当劳

亮点：

策划上，视频类。进入后首先展示的是模拟微信聊天页面，你被老板解雇啦，之后根据提示点击页面的“解聘书.pdf”进入一段视频，时长为1分53秒。内容是蛋蛋1号和蛋蛋2号每天认真的工作，兢兢业业，奋发图强，却仍招架不住，被公司炒了。视频结束，引导用户上传朋友图片，分享。
设计上，该H5第一部分模拟了微信的聊天页面，引出主题“被炒”，同时也设置了一个悬念；第二部分将鸡蛋、培根等拟人化，塑造了一个个搞笑的形象，而且使用歌剧的表演形式，将职场的辛苦表达出来；分享的标题以及第一部分内容，起到愚人节整蛊的效果。
体验上，这个H5 分为两部分，第一部分为“被炒”这个梗，在愚人节这一天，传播量会比较大；第二部分则是第一部分的延续，“炒”一字，与麦当劳新品结合，使用歌剧的形式，表现职场丧文化，引发共鸣。

（注：此H5横竖屏结合，第一部分使用了canvas实现了微信聊天页面的效果，第二部分则是由一个视频组成。）

技术实现： jQuery+video+canvas

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

标签