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

案例名稱：建黨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)度。

在展覽中，用戶左滑屏幕依次瀏覽展位，每個展位首先是作者名字，照片，作品名稱，設計理念闡述，然后是作品展覽，展覽包括圖像和視頻兩種方式，有的會有一些簡單的小互動，讓作者更直觀的感受作品主旨，點擊右下角作者名字會彈出作品圖選，細節(jié)欣賞，或其他平臺的個人二維碼，左下角有展位序列號。用戶在欣賞過程中可隨時點擊左側列表，跳轉至其他展區(qū)或系別。

案例名稱：CHOCAPIC? Nutri-Game

品牌：雀巢 Nestlé

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

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

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

案例名稱：小小星途攬月人

品牌：網(wǎng)易新聞 X EXEED星途

神州十二號成功發(fā)射的新聞相信也點燃了許多小朋友的太空夢想，網(wǎng)易新聞與星途汽車聯(lián)合制作了此作品，根據(jù)孩子的性格生成小小探險家海報，呼應最近關注度極高的神舟十二號成功發(fā)射事件，表達對中國航天事業(yè)的尊重與自豪。

點擊導語下的“立刻出道”，回答問題，包括孩子遨游太空會被什么吸引，遇到外星人會怎么做，然后輸入名字，上傳照片，選擇海報背景，調整照片在背景中的大小和位置，即可生成海報，包括報頭“小小星途攬月人”，成品效果圖，和根據(jù)用戶選擇授予的稱號“人見人愛的月球御用小攝影家”“深藏blue的太空救援小能手”等，用戶可保存海報，或點擊分享參與抽獎。也可點擊跳轉頁面，了解相關活動和預約新款星途汽車的試駕。

案例名稱：你能通過公司實習期的考驗嗎？

品牌：南方+

這家“創(chuàng)業(yè)公司”，史上最強！以進公司實習互動為主題，設定不同的場景和問題讓用戶選擇“繼續(xù)實習”還是“歇一歇”進行游戲

每個環(huán)節(jié)出現(xiàn)4次對話框考驗，結果頁分別為“這就放棄了，XXXX”與“恭喜你通過第X關”兩種情況，制造反差，放棄后則彈出中國共產黨人的初心使命，讓大家了解和關心黨員群體背后的堅持與奉獻。    最終結果頁顯示你拿到世界最牛創(chuàng)業(yè)公司offer的潛力值結果，設置兩個按鈕，一個為查看完整故事（三個故事黨員群像合并），一個為生成結果頁，進一步分享傳播。

案例名稱：殼牌“0”收益投資計劃

品牌：殼牌

殼牌的環(huán)保主題作品，模擬在地球上種樹，消滅二氧化碳的過程，讓用戶參與環(huán)保行動，提高環(huán)保意識。

主頁點擊接受挑戰(zhàn)，在20秒倒計時內盡量多的點擊不斷冒出的二氧化碳標志，讓其變成小樹，倒計時結束，用戶可以看到自己的種樹數(shù)量，獲得的稱號和排名，點擊跳轉到最后頁面，可以看到最終種樹數(shù)量對應的二氧化碳吸收量，排行榜，和1分52秒的主題視頻。

案例名稱：歐羅巴蹴鞠大賽畫傳

品牌：Formovie峰米X網(wǎng)易文創(chuàng)X噠噠

峰米宣傳作品，將現(xiàn)代足球報導與古代蹴鞠畫面結合，宣傳傳統(tǒng)文化和峰米產品優(yōu)勢，為店鋪引流。

橫屏瀏覽，點擊打開長軸畫卷，卷首是標語和簡約導語，點擊蹴鞠球逐幅瀏覽，畫面內容有場上傷員急救，比賽引發(fā)企業(yè)股價波動，疫苗立大功，烏龍球，名流云集看臺，國家隊趕赴球場，頭球進決賽，點球爭議，最后用戶選擇一副主圖生成收藏海報，海報右方有峰米產品優(yōu)勢描述，用戶可重選主圖和登陸店鋪。