對于互聯(lián)網創(chuàng)意工作者而言，永遠保持充沛的精力和靈感可并不輕松，他們平時向外界輸出智慧成果，迎接一輪又一輪的頭腦風暴，面對高強度的作業(yè)需求，還要努力維持著工作狀態(tài)。在這樣的情況下，大家期盼著有一座創(chuàng)意加油站出現(xiàn)，能夠為我們提供取之不竭的靈感源泉。本期小編給大家?guī)淼木褪侨W最新的H5案例分享。

案例一：建黨100周年互動微電影《抉擇》

品牌：人民日報新媒體×Bilibili

人民日報新媒體聯(lián)合Bilibili在建黨100周年之際推出的作品，用戶化身為劇中人物，在電影中選擇情節(jié)走向，感受建黨，建國，科研和祖國建設的艱辛之路和勝利之路，為黨獻出真摯的祝福。

策劃邏輯

打開作品后，從“紅色起點”“歸國巨輪”“圓夢茶鄉(xiāng)”中選擇一個，開啟體驗，在出現(xiàn)選擇時點擊自己想要的劇情走向即可，電影播放完畢后，用戶可以看到自己的故事梗概，和劇情解鎖圖，三個電影對應了建黨前，建國時，和建國后的時間段。

案例二：歡迎來到特區(qū)金色大道

品牌：深圳銀保監(jiān)局

通過對深圳經濟特區(qū)四十年發(fā)展過程中，銀行保險重點企業(yè)的重大事件回顧，展示銀行保險行業(yè)支持特區(qū)建設，發(fā)揮了巨大的金融作用。特別是深圳銀保監(jiān)局成立以來，銀行保險行業(yè)繼續(xù)發(fā)揚敢闖敢試、敢為人先、埋頭苦干的特區(qū)精神，永葆“闖”的精神、“創(chuàng)”的勁頭、“干”的作風，續(xù)寫更多春天的故事！

畫面以時間為順序，從80-90-00-10-至今，畫面元素也會隨著時代而變化，比如車輛、道路、人物和建筑風格等；事件詳情頁背景也選用了三個不同時期的深南大道風景，與深圳金色大道呼應。

案例三：清華大學美術學院線上畢業(yè)展

品牌：清華大學美術學院

這是清華大學美術設計研究院聯(lián)合清華大學-阿里巴巴人機自然交互體驗實驗室、阿里云制作的一場線上畢業(yè)展，通過線上展覽的方式讓更多的人看到清華美院學生們的設計理念、藝術設計技能、執(zhí)著理想、求真務實、自信的文化態(tài)度。

進入案例后，點擊頁面的“進入觀展”即可，用戶首先會看到清華美院院長對于2021屆484名本科生和碩士生的畢業(yè)寄語，然后向右滑動屏幕，可以看到清華美院不同的系別，用戶可以上下滑動選擇自己感興趣的系別，點擊即可觀看相應系別畢業(yè)生的展覽。進入展覽前，也會有系主任的畢業(yè)寄語，用戶可以在屏幕右側選擇“本科生”或“研究生”觀看相應畢業(yè)生的作品。在展覽中，用戶左滑屏幕依次瀏覽展位，每個展位首先是作者名字，照片，作品名稱，設計理念闡述，然后是作品展覽，展覽包括圖像和視頻兩種方式，有的會有一些簡單的小互動，讓作者更直觀的感受作品主旨，點擊右下角作者名字會彈出作品圖選，細節(jié)欣賞，或其他平臺的個人二維碼，左下角有展位序列號。用戶在欣賞過程中可隨時點擊左側列表，跳轉至其他展區(qū)或系別。

案例四：CHOCAPIC? Nutri-Game

品牌：雀巢 Nestlé

雀巢的chocapic產品宣傳H5，通過小游戲的形式黏連年輕用戶。

H5采用小游戲的形式，首屏是chocapic的產品介紹和游戲說明，點擊“OK”按鈕，進入游戲機界面；

游戲機界面，提示點擊右側黃色“X”按鈕，開始游戲，而后是對話完畢，點擊屏幕左側上下左右鍵小狗運動；點擊右側黃色“X”按鈕，小狗跳躍，游戲有點像小時候玩的超級馬里奧；游戲過程中，小怪物可以跳躍踩，谷物形式的動態(tài)元素碰到后右上角的小條一點點顏色充滿。

體驗完這些案例，相信大家都感受到了H5游戲的趣味性，并且在網絡營銷中，H5游戲也是效果顯著，可以運用于現(xiàn)場互動、產品宣傳、品牌宣傳、引流裂變等營銷場景，是性價比極高的互聯(lián)網營銷工具。如果你想嘗試開發(fā)H5游戲的話，可以聯(lián)系我們藍橙互動為你提供專業(yè)的技術支持。藍橙互動專注H5游戲定制開發(fā)長達7年，精通各類H5開發(fā)流程，上線案例眾多，相信能夠滿足你的業(yè)務需求。

相關文章：《奧運會H5宣傳案例》