這 10 個餐飲類 H5，勾得我直流口水！
原標(biāo)題：『餐飲 x H5』當(dāng)一群吃貨抱著手機(jī)兩眼冒光，我就知道這些H5贏了
數(shù)英網(wǎng)用戶原創(chuàng)文章，轉(zhuǎn)載請聯(lián)系本人
中國人是把“吃”發(fā)揚(yáng)的最博大精深的民族，吃的種類，吃的講究，吃的文化，全宇宙無人能及，把“吃”搬上大/小屏幕，也是國人的拿手本事。
下面10個H5，我懷疑請了《舌尖上的中國》當(dāng)指導(dǎo)，不然怎么勾的小編口水直流兩眼冒光。
餐飲 x 創(chuàng)意H5 x 互動營銷
餐飲類優(yōu)秀H5 1
大眾點(diǎn)評：阿惠故事3
點(diǎn)擊查看案例：http://www.hygysj.cn/projects/17905.html
小編有話說：第一個作品必須是大神級的，W出品，必屬精品！很佩服的是，W用大眾點(diǎn)評閃惠這個服務(wù)創(chuàng)作了一個虛擬IP，阿惠，并讓人留下了深刻印象。顛覆1、2，阿惠故事3，阿惠變身武俠高手，憑借買單更快捷的優(yōu)勢，戰(zhàn)勝了五姨。整個H5為了營造用戶圍觀的感覺，全程加了互動，“手指長按”才能觀看打斗場景，一旦松開就會出現(xiàn)古文提醒。美術(shù)設(shè)計上，也是大手筆，作為背景的泰山用的是5元人民幣上的底圖，山上顯眼的“吃飯不帶錢”字眼點(diǎn)題。整體來看，整個H5非常吸引眼球，不足的是作品太大，低配手機(jī)根本打不開啊。
掃描二維碼，立即體驗！
（數(shù)英網(wǎng) App 用戶需點(diǎn)擊放大二維碼后，長按識別）
餐飲類優(yōu)秀H5 2
麥當(dāng)勞：漢堡研究所
點(diǎn)擊查看案例：http://www.hygysj.cn/projects/18261.html
小編有話說：7月的時候，麥當(dāng)勞在其官網(wǎng)和微信上推出了全新板塊【漢堡研究所】，向所有人展現(xiàn)麥當(dāng)勞食品背后的故事，為了配合宣傳，還用H5做了一個研究所招生，入學(xué)問題涉及牛肉、蔬菜、制作方法等，全部答對才能順利入學(xué)。交卷后，還能去漢堡研究所里漲漲姿勢，有點(diǎn)類似麥麥版知乎，里面全是有趣的冷知識“麥滿分里的蛋怎么那么圓”“一根薯條的橫切面有多大”，這些有趣的小問題，你是不是也很想知道答案呢？這個內(nèi)容奪人的H5就這樣俘獲了吃貨的心~
掃描二維碼，立即體驗！
（數(shù)英網(wǎng) App 用戶需點(diǎn)擊放大二維碼后，長按識別）
餐飲類優(yōu)秀H5 3
百度外賣：娛樂圈最會吃的女明星
小編有話說：“美食+美女”百度外賣打了一手好牌！劉詩詩在娛樂圈可謂是吃貨擔(dān)當(dāng)，網(wǎng)上經(jīng)常流出她覓食的照片，小龍蝦、羊肉串、各種零食來者不拒！這個H5，模仿微信群聊界面，粉絲們?yōu)樵娫姵允裁闯鲋\劃策，最后落腳在朋友圈展示頁，解密詩詩到底吃了什么，不僅能看到她為百度外賣拍攝的宣傳視頻，還能搶到她給大家發(fā)的外賣紅包，最后還模仿寶馬M2的頁面扭曲和視頻碎裂，效果雖然沒有那么炫，但想想這畢竟只是個百度送餐車，還覺得略萌。
掃描二維碼，立即體驗！
（數(shù)英網(wǎng) App 用戶需點(diǎn)擊放大二維碼后，長按識別）
餐飲類優(yōu)秀H5 4
微熱山丘：中秋一起看月亮吧
點(diǎn)擊查看案例：http://www.hygysj.cn/projects/18712.html
小編有話說：很多文青都知道“微熱山丘”這個牌子，臺灣最著名的鳳梨酥，不僅做的一手好點(diǎn)心，文案也是許多人極力推崇的，這回中秋，微熱山丘也出H5了。設(shè)計上，充滿了濃濃臺灣氣息，雖然從頭到尾都是手繪漫畫風(fēng)，但簡單有趣，背景音樂也搭調(diào)的很，有種“小確幸”的感覺。創(chuàng)意上，玉兔和吉娃娃將微熱山丘在四處的分店的主人接回來團(tuán)聚，加深了用戶對于微熱山丘店鋪地的記憶，在觀看完后，還可以給朋友送出中秋祝福，并獲得一次抽獎機(jī)會。
掃描二維碼，立即體驗！
（數(shù)英網(wǎng) App 用戶需點(diǎn)擊放大二維碼后，長按識別）
餐飲類優(yōu)秀H5 5
KFC：紅色鼓勵，由你傳遞
點(diǎn)擊查看案例：http://www.hygysj.cn/projects/18450.html
小編有話說：KFC在奧運(yùn)期間做的一個H5，李宇春領(lǐng)銜出演，評價就是一個字，燃！模擬朋友圈打開界面，溫馨的是，有視頻大小的提示，“那些年騙走我流量的H5”你們都得好好學(xué)學(xué)。視頻類H5套路，李宇春以KFC紅桶為鼓打響節(jié)拍，鼓曲超燃，最后還會呼吁用戶一起敲響紅色鼓勵，為中國健兒加油。類似于“擊鼓傳花”的小游戲，鼓點(diǎn)是累計式記錄，讓人非常有參與感，在奧運(yùn)期間的傳播度也是不錯。
掃描二維碼，立即體驗！
（數(shù)英網(wǎng) App 用戶需點(diǎn)擊放大二維碼后，長按識別）
餐飲類優(yōu)秀H5 6
西貝莜麥村：你吃什么決定你是什么人
點(diǎn)擊查看案例：http://www.hygysj.cn/projects/15991.html
小編有話說：走心類H5，可能說走胃很合適些?，F(xiàn)在吃東西，經(jīng)常會覺得沒有小時候的味兒了，我們活的越來越細(xì)，但吃的卻離自然越來越遠(yuǎn)，很喜歡里面的一句文案“活在看到卻吃不到的，舌尖的中國里，活在記憶中的黃土高坡里”。整個H5，以“我想做個粗人”，來展示西貝追求原生態(tài)美味的理念。設(shè)計風(fēng)格是印象派油畫風(fēng)格，切換是書本翻頁效果，值得一提的是，這里的圖片切換用的是javascript改變圖片可視區(qū)域?qū)崿F(xiàn)的，會比一般的關(guān)鍵幀動畫占空間小，體驗更好。
掃描二維碼，立即體驗！
（數(shù)英網(wǎng) App 用戶需點(diǎn)擊放大二維碼后，長按識別）
餐飲類優(yōu)秀H5 7
ENJOY：帶感餐桌
點(diǎn)擊查看案例：http://www.hygysj.cn/projects/16199.html
小編有話說：不知道你用沒用過ENJOY？這個更類似于精選版的“大眾點(diǎn)評”，每一家餐廳都是經(jīng)過精挑細(xì)選的，確保食客吃到最可口的食物。ENJOY的線下活動也很有新意，這個H5就是宣傳“7個美食旅程”，“在云端吃飯”“與萌寵共餐”“在劇場落座”……將吃飯這件事變得超有趣！每一個場景展現(xiàn)，都是極具創(chuàng)意的手繪風(fēng)，二次元?dú)庀M滿，看似是GIF圖片，實(shí)則運(yùn)用的是canvas動畫，超級流暢。
掃描二維碼，立即體驗！
（數(shù)英網(wǎng) App 用戶需點(diǎn)擊放大二維碼后，長按識別）
餐飲類優(yōu)秀H5 8
必勝客：去拼吧，榴蓮
小編有話說：必勝客為榴蓮系列回歸做的造勢營銷，開啟頁的榴蓮披薩圖很拉絲，很霸眼球。H5屬于小游戲類型，和當(dāng)時風(fēng)靡的微信打飛機(jī)別無二樣，手指拖動飛機(jī)控制方向，游戲門檻很低，但是要贏卻不容易啊，小編玩了好幾次，都在大魔王的面前敗下陣來。如果游戲通關(guān)，還可參與抽獎，光一等獎就有2000份（免費(fèi)榴蓮披薩），吃貨們能不拼嘛？
掃描二維碼，立即體驗！
（數(shù)英網(wǎng) App 用戶需點(diǎn)擊放大二維碼后，長按識別）
餐飲類優(yōu)秀H5 9
農(nóng)小芒：小芒人變變變
點(diǎn)擊查看案例：http://www.hygysj.cn/projects/17995.html
小編有話說：一款特別良心的圖片合成類H5，品牌農(nóng)小芒，來自覓農(nóng)旗下一款主打芒果品牌。從Loading頁開始，圓的、扁的、生氣的、賣萌的芒果依次出現(xiàn)，讓等待時間充滿了樂趣；照片上傳頁，以白色為底，畫面簡單重點(diǎn)突出，大標(biāo)題的文案“芒芒人海，你的芒樣”用了諧音梗，指示性也不錯。上傳圖片后，自拍照會和芒果結(jié)合成各式各樣的芒果頭，每次玩都有驚喜。技術(shù)上，圖片上傳方式用了比較好的megapix-image插件，解決了iphone5，iphone5s上傳圖片會變形的問題。
掃描二維碼，立即體驗！
（數(shù)英網(wǎng) App 用戶需點(diǎn)擊放大二維碼后，長按識別）
餐飲類優(yōu)秀H5 10
真的有料APP：送給你愛的那位吃貨
點(diǎn)擊查看案例：http://www.hygysj.cn/projects/18438.html
小編有話說：有料APP在七夕放的大招，內(nèi)容有趣，互動簡單，關(guān)鍵是文案??！小編看了一遍又一遍，句句說到吃貨的胃里?！懊刻熳钚腋５氖拢^于聽你說，你餓不餓啊，我下面給你吃”與我們熟悉的網(wǎng)絡(luò)用語結(jié)合，配上類似于“暴漫”的狂野插畫，不讓人印象深刻都難，點(diǎn)擊最后畫面的“送詩不如送吃”，將用戶導(dǎo)流至購物商城。都說食色性也，美食、愛情都有了，接下來就的一切就發(fā)展的順利成章了（畫面18歲以下嚴(yán)禁腦補(bǔ)）。
掃描二維碼，立即體驗！
（數(shù)英網(wǎng) App 用戶需點(diǎn)擊放大二維碼后，長按識別）
公眾號：拇指部落（微信ID：muzhibuluo）
轉(zhuǎn)載請在文章開頭和結(jié)尾顯眼處標(biāo)注：作者、出處和鏈接。不按規(guī)范轉(zhuǎn)載侵權(quán)必究。
未經(jīng)授權(quán)嚴(yán)禁轉(zhuǎn)載，授權(quán)事宜請聯(lián)系作者本人，侵權(quán)必究。
本文禁止轉(zhuǎn)載，侵權(quán)必究。
授權(quán)事宜請至數(shù)英微信公眾號(ID: digitaling) 后臺授權(quán)，侵權(quán)必究。
評論
評論
推薦評論
全部評論（4條）