我們整理了往年幾個優秀的H5案例和 意派epub360 平臺上一些H5模板，希望可以拓展大家一些好的創意思路~

《蒂芙尼中秋奇遇之旅》品牌：蒂芙尼型別：遊戲

案例分析：玩法：跟之前異常火爆的跳一跳玩法類似，彈跳到雲朵準確位置，獲取分值；個別雲朵上還有蒂芙尼bling bling的產品出現，小白兔跳到該類雲朵上會得到更高分值。視覺：H5的整體色調採用蒂芙尼的品牌色，淡淡薄荷綠，再結合一點白色，清新整潔。互動：長按小白兔的時間，控制它的彈跳距離；每次小白兔落到雲朵上，都會有果凍般的“Q彈”感動效，體驗舒適。相關模板：《【兩會模板】意派跳一跳》

案例：《我總是心太軟》品牌：天貓&五芳齋型別：長頁面案例分析：

玩法：透過介紹月餅來歷，告知使用者穿越回古代長安，獲取靈感。指示使用者滑動長頁面，分別進入到曲水流觴、花燈迷境、花車斗彩三個場景中，在這三個場景中使用者將被要求選擇月餅餡料、月餅皮、月餅裝飾，將整個做月餅的過程詮釋為尋找靈感的美妙旅程。三個場景結束後，參加祭月大典，點選“來點糯米”按鈕，天貓灑下糯米粉後進入合成海報階段。

視覺：整個插畫色彩豐滿，古色古香，宮燈、月餅、花燈、兔子燈等滿屏中秋元素，展現出古代宮廷恢弘的中秋節日氛圍。

互動：①體驗不錯的部分是場景切換，整體上沒有生硬的切換痕跡，畫面推移十分流暢；②提示到位，避免使用者不清楚操作流程；③點選選擇任意選項後，元素的呈現採用了卷軸開啟、人物上滑的動態效果，十分細膩；④場景中有許多元素呈動態，讓節日氣氛更顯活躍；⑤結尾合成海報部分除了圖片儲存，還有分享轉發提示及淘口令複製購買產品的引導，相對完善。對於大家後期製作該類節日營銷的H5，有很多可以借鑑的地方。

案例：《萌翻！沒想到你是這樣的老字號》品牌：消除聯萌&華潤萬家型別：序列幀

案例分析：玩法：H5中選取了4個代表性城市的老品牌，選取4個帶有品牌的動態場景，由天天愛消除的動物角色呈現，小動物軟萌有趣，配合城市方言凸顯家鄉味道。廣州的廣州酒家吃包子、上海的杏花樓上琵琶彈唱、西安飯莊門外問候故人、南京夫子廟門前聽戲，表現相伴、相思、相親、相知的情感主題；最後，分別給出4張主題海報，方便轉發給好友等。視覺：3D動畫呈現，無限迴圈；色調柔和，場景過渡自然。互動：只需點選切換場景，4個海報的長按儲存透過選擇方式完成，操作簡易，輕量級互動。技術：需要在C4D等3D軟體中完成動畫部分，匯出序列幀控制播放。

更多H5案例可以到 意派epub360 H5平臺上找靈感或自己製作一個哦~

一、選擇H5的優勢：

1.覆蓋廣，8.89億的活躍使用者，估計了涵蓋了90%的、有需求去餐飲進行消費的人群，而小程式常規可以覆蓋5公里範圍內，也能為餐飲商鋪帶來一定的人流量。

2.傳播快，利用得當，一則小程式在極短的一個星期內，可以覆蓋一個小的縣城，成為人手必備的工具之一。

3.投入小，針對遊戲中的霸王餐或者打折券，商鋪可以結合自己的實際情況，投入較小的成本，就可以吸引很大一部分顧客；

4.體驗新，相較於傳統的打折優惠、優惠券，對於使用者來說，已經司空見慣，而透過一定的遊戲獎勵，兌換成餐館內的實物消費，讓客戶更有滿足感；

5.製作易，現在的小程式製作，已經可以說是“零門坎”，找到一個專業製作H5遊戲的平臺，註冊登記合，只需提供必要的資訊，就可以製作一款相當不錯的H5小遊戲。

1.讓客戶有參與的慾望。舉個例子，如果一個遊戲，玩了兩個小時，才能得到20%的折扣，相信沒有幾個人會去玩；可結合當前的時間點、熱點事件，製作一些應景的小程式，如214情人節，主打情侶套餐的小遊戲，如結合當前比較火熱的百萬答題、區塊鏈等製作的小遊戲；

2.合適的獎品，怎麼設定好霸王餐的比例，怎麼設定遊戲得分與吃飯折扣的對應關係，都是需要認真考慮的，設定高了，沒有顧客願意玩，設定低了，商鋪受不了。

還可以搞一些測試類的遊子，比如：測測你是不是胃plus、你的胃究竟能容納多少食物等

對於餐飲類的H5宣傳，戰鼓網有比較豐富的模板，可以參考

H5小遊戲的作用就是為了宣傳推廣，因此如何在遊戲的過程中，將品牌產品的資訊推廣出去是我們需要做的事情。這個小遊戲相當於一個媒介的作用，是一個宣傳營銷的渠道，關鍵性問題是要在遊戲中穿插進品牌以及產品的相關資訊。

比如說下面這個人人秀H5小遊戲，如果是餐飲品牌的話，就可以將冰淇淋換成其他的產品，包括圖片以及介紹都可以改成品牌相關的資訊，玩家在玩遊戲的時候就會不自覺接收這一波宣傳，遊戲內的背景也可以換成品牌介紹等等。如果遇上節假日或者是其他熱點，也可以推出一波小遊戲做宣傳。

下面介紹幾個適合餐飲品牌的H5小遊戲：

①歡樂捕魚

②粽子大逃亡

④中秋集月餅

⑤水果飛刀