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

案例名稱：建黨100周年互動(dòng)微電影《抉擇》

品牌：人民日?qǐng)?bào)新媒體×Bilibili

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

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

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

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

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

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

案例名稱：清華大學(xué)美術(shù)學(xué)院線上畢業(yè)展

品牌：清華大學(xué)美術(shù)學(xué)院

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

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

案例名稱：CHOCAPIC? Nutri-Game

品牌：雀巢 Nestlé

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

H5采用小游戲的形式，首屏是chocapic的產(chǎn)品介紹和游戲說明，點(diǎn)擊“OK”按鈕，進(jìn)入游戲機(jī)界面； 

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

案例名稱：小小星途攬?jiān)氯?/strong>

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

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

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

案例名稱：你能通過公司實(shí)習(xí)期的考驗(yàn)嗎？

品牌：南方+

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

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

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

品牌：殼牌

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

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

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

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

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

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