这 10 个餐饮类 H5，勾得我直流口水！
原标题：『餐饮 x H5』当一群吃货抱着手机两眼冒光，我就知道这些H5赢了
数英网用户原创文章，转载请联系本人
中国人是把“吃”发扬的最博大精深的民族，吃的种类，吃的讲究，吃的文化，全宇宙无人能及，把“吃”搬上大/小屏幕，也是国人的拿手本事。
下面10个H5，我怀疑请了《舌尖上的中国》当指导，不然怎么勾的小编口水直流两眼冒光。
餐饮 x 创意H5 x 互动营销
餐饮类优秀H5 1
大众点评：阿惠故事3
点击查看案例：http://www.digitaling.com/projects/17905.html
小编有话说：第一个作品必须是大神级的，W出品，必属精品！很佩服的是，W用大众点评闪惠这个服务创作了一个虚拟IP，阿惠，并让人留下了深刻印象。颠覆1、2，阿惠故事3，阿惠变身武侠高手，凭借买单更快捷的优势，战胜了五姨。整个H5为了营造用户围观的感觉，全程加了互动，“手指长按”才能观看打斗场景，一旦松开就会出现古文提醒。美术设计上，也是大手笔，作为背景的泰山用的是5元人民币上的底图，山上显眼的“吃饭不带钱”字眼点题。整体来看，整个H5非常吸引眼球，不足的是作品太大，低配手机根本打不开啊。
扫描二维码，立即体验！
（数英网 App 用户需点击放大二维码后，长按识别）
餐饮类优秀H5 2
麦当劳：汉堡研究所
点击查看案例：http://www.digitaling.com/projects/18261.html
小编有话说：7月的时候，麦当劳在其官网和微信上推出了全新板块【汉堡研究所】，向所有人展现麦当劳食品背后的故事，为了配合宣传，还用H5做了一个研究所招生，入学问题涉及牛肉、蔬菜、制作方法等，全部答对才能顺利入学。交卷后，还能去汉堡研究所里涨涨姿势，有点类似麦麦版知乎，里面全是有趣的冷知识“麦满分里的蛋怎么那么圆”“一根薯条的横切面有多大”，这些有趣的小问题，你是不是也很想知道答案呢？这个内容夺人的H5就这样俘获了吃货的心~
扫描二维码，立即体验！
（数英网 App 用户需点击放大二维码后，长按识别）
餐饮类优秀H5 3
百度外卖：娱乐圈最会吃的女明星
小编有话说：“美食+美女”百度外卖打了一手好牌！刘诗诗在娱乐圈可谓是吃货担当，网上经常流出她觅食的照片，小龙虾、羊肉串、各种零食来者不拒！这个H5，模仿微信群聊界面，粉丝们为诗诗吃什么出谋划策，最后落脚在朋友圈展示页，解密诗诗到底吃了什么，不仅能看到她为百度外卖拍摄的宣传视频，还能抢到她给大家发的外卖红包，最后还模仿宝马M2的页面扭曲和视频碎裂，效果虽然没有那么炫，但想想这毕竟只是个百度送餐车，还觉得略萌。
扫描二维码，立即体验！
（数英网 App 用户需点击放大二维码后，长按识别）
餐饮类优秀H5 4
微热山丘：中秋一起看月亮吧
点击查看案例：http://www.digitaling.com/projects/18712.html
小编有话说：很多文青都知道“微热山丘”这个牌子，台湾最著名的凤梨酥，不仅做的一手好点心，文案也是许多人极力推崇的，这回中秋，微热山丘也出H5了。设计上，充满了浓浓台湾气息，虽然从头到尾都是手绘漫画风，但简单有趣，背景音乐也搭调的很，有种“小确幸”的感觉。创意上，玉兔和吉娃娃将微热山丘在四处的分店的主人接回来团聚，加深了用户对于微热山丘店铺地的记忆，在观看完后，还可以给朋友送出中秋祝福，并获得一次抽奖机会。
扫描二维码，立即体验！
（数英网 App 用户需点击放大二维码后，长按识别）
餐饮类优秀H5 5
KFC：红色鼓励，由你传递
点击查看案例：http://www.digitaling.com/projects/18450.html
小编有话说：KFC在奥运期间做的一个H5，李宇春领衔出演，评价就是一个字，燃！模拟朋友圈打开界面，温馨的是，有视频大小的提示，“那些年骗走我流量的H5”你们都得好好学学。视频类H5套路，李宇春以KFC红桶为鼓打响节拍，鼓曲超燃，最后还会呼吁用户一起敲响红色鼓励，为中国健儿加油。类似于“击鼓传花”的小游戏，鼓点是累计式记录，让人非常有参与感，在奥运期间的传播度也是不错。
扫描二维码，立即体验！
（数英网 App 用户需点击放大二维码后，长按识别）
餐饮类优秀H5 6
西贝莜麦村：你吃什么决定你是什么人
点击查看案例：http://www.digitaling.com/projects/15991.html
小编有话说：走心类H5，可能说走胃很合适些。现在吃东西，经常会觉得没有小时候的味儿了，我们活的越来越细，但吃的却离自然越来越远，很喜欢里面的一句文案“活在看到却吃不到的，舌尖的中国里，活在记忆中的黄土高坡里”。整个H5，以“我想做个粗人”，来展示西贝追求原生态美味的理念。设计风格是印象派油画风格，切换是书本翻页效果，值得一提的是，这里的图片切换用的是javascript改变图片可视区域实现的，会比一般的关键帧动画占空间小，体验更好。
扫描二维码，立即体验！
（数英网 App 用户需点击放大二维码后，长按识别）
餐饮类优秀H5 7
ENJOY：带感餐桌
点击查看案例：http://www.digitaling.com/projects/16199.html
小编有话说：不知道你用没用过ENJOY？这个更类似于精选版的“大众点评”，每一家餐厅都是经过精挑细选的，确保食客吃到最可口的食物。ENJOY的线下活动也很有新意，这个H5就是宣传“7个美食旅程”，“在云端吃饭”“与萌宠共餐”“在剧场落座”……将吃饭这件事变得超有趣！每一个场景展现，都是极具创意的手绘风，二次元气息满满，看似是GIF图片，实则运用的是canvas动画，超级流畅。
扫描二维码，立即体验！
（数英网 App 用户需点击放大二维码后，长按识别）
餐饮类优秀H5 8
必胜客：去拼吧，榴莲
小编有话说：必胜客为榴莲系列回归做的造势营销，开启页的榴莲披萨图很拉丝，很霸眼球。H5属于小游戏类型，和当时风靡的微信打飞机别无二样，手指拖动飞机控制方向，游戏门槛很低，但是要赢却不容易啊，小编玩了好几次，都在大魔王的面前败下阵来。如果游戏通关，还可参与抽奖，光一等奖就有2000份（免费榴莲披萨），吃货们能不拼嘛？
扫描二维码，立即体验！
（数英网 App 用户需点击放大二维码后，长按识别）
餐饮类优秀H5 9
农小芒：小芒人变变变
点击查看案例：http://www.digitaling.com/projects/17995.html
小编有话说：一款特别良心的图片合成类H5，品牌农小芒，来自觅农旗下一款主打芒果品牌。从Loading页开始，圆的、扁的、生气的、卖萌的芒果依次出现，让等待时间充满了乐趣；照片上传页，以白色为底，画面简单重点突出，大标题的文案“芒芒人海，你的芒样”用了谐音梗，指示性也不错。上传图片后，自拍照会和芒果结合成各式各样的芒果头，每次玩都有惊喜。技术上，图片上传方式用了比较好的megapix-image插件，解决了iphone5，iphone5s上传图片会变形的问题。
扫描二维码，立即体验！
（数英网 App 用户需点击放大二维码后，长按识别）
餐饮类优秀H5 10
真的有料APP：送给你爱的那位吃货
点击查看案例：http://www.digitaling.com/projects/18438.html
小编有话说：有料APP在七夕放的大招，内容有趣，互动简单，关键是文案啊！小编看了一遍又一遍，句句说到吃货的胃里。“每天最幸福的事，莫过于听你说，你饿不饿啊，我下面给你吃”与我们熟悉的网络用语结合，配上类似于“暴漫”的狂野插画，不让人印象深刻都难，点击最后画面的“送诗不如送吃”，将用户导流至购物商城。都说食色性也，美食、爱情都有了，接下来就的一切就发展的顺利成章了（画面18岁以下严禁脑补）。
扫描二维码，立即体验！
（数英网 App 用户需点击放大二维码后，长按识别）
公众号：拇指部落（微信ID：muzhibuluo）
转载请在文章开头和结尾显眼处标注：作者、出处和链接。不按规范转载侵权必究。
未经授权严禁转载，授权事宜请联系作者本人，侵权必究。
本文禁止转载，侵权必究。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权，侵权必究。
参与评论
参与评论
推荐评论
全部评论（4条）