藍橙互動-H5精選案例分享-01期
營銷干貨
H5案例分享1
對于互聯網創意工作者而言，永遠保持充沛的精力和靈感可并不輕松，他們平時向外界輸出智慧成果，迎接一輪又一輪的頭腦風暴，面對高強度的作業需求，還要努力維持著工作狀態。在這樣的情況下，大家期盼著有一座創意加油站出現，能夠為我們提供取之不竭的靈感源泉。本期小編給大家帶來的就是全網最新的H5案例分享，希望能給大家帶來一些創意靈感。
案例一
案例名稱：建黨100周年互動微電影《抉擇》
品牌：人民日報新媒體×Bilibili
人民日報新媒體聯合Bilibili在建黨100周年之際推出的作品，用戶化身為劇中人物，在電影中選擇情節走向，感受建黨，建國，科研和祖國建設的艱辛之路和勝利之路，為黨獻出真摯的祝福。
打開作品后，從“紅色起點”“歸國巨輪”“圓夢茶鄉”中選擇一個，開啟體驗，在出現選擇時點擊自己想要的劇情走向即可，電影播放完畢后，用戶可以看到自己的故事梗概，和劇情解鎖圖，三個電影對應了建黨前，建國時，和建國后的時間段。
長按識別圖中二維碼
案例二
案例名稱：歡迎來到特區金色大道
品牌：深圳銀保監局
通過對深圳經濟特區四十年發展過程中，銀行保險重點企業的重大事件回顧，展示銀行保險行業支持特區建設，發揮了巨大的金融作用。特別是深圳銀保監局成立以來，銀行保險行業繼續發揚敢闖敢試、敢為人先、埋頭苦干的特區精神，永葆“闖”的精神、“創”的勁頭、“干”的作風，續寫更多春天的故事！
畫面以時間為順序，從80-90-00-10-至今，畫面元素也會隨著時代而變化，比如車輛、道路、人物和建筑風格等；事件詳情頁背景也選用了三個不同時期的深南大道風景，與深圳金色大道呼應。
長按識別圖中二維碼
案例三
案例名稱：清華大學美術學院線上畢業展
品牌：清華大學美術學院
這是清華大學美術設計研究院聯合清華大學-阿里巴巴人機自然交互體驗實驗室、阿里云制作的一場線上畢業展，通過線上展覽的方式讓更多的人看到清華美院學生們的設計理念、藝術設計技能、執著理想、求真務實、自信的文化態度。
在展覽中，用戶左滑屏幕依次瀏覽展位，每個展位首先是作者名字，照片，作品名稱，設計理念闡述，然后是作品展覽，展覽包括圖像和視頻兩種方式，有的會有一些簡單的小互動，讓作者更直觀的感受作品主旨，點擊右下角作者名字會彈出作品圖選，細節欣賞，或其他平臺的個人二維碼，左下角有展位序列號。用戶在欣賞過程中可隨時點擊左側列表，跳轉至其他展區或系別。
長按識別圖中二維碼
案例四
案例名稱：CHOCAPIC? Nutri-Game
品牌：雀巢 Nestlé
這是雀巢的chocapic產品宣傳H5，目的是通過小游戲的形式黏連年輕用戶。
H5采用小游戲的形式，首屏是chocapic的產品介紹和游戲說明，點擊“OK”按鈕，進入游戲機界面；
游戲機界面，提示點擊右側黃色“X”按鈕，開始游戲，而后是對話完畢，點擊屏幕左側上下左右鍵小狗運動；點擊右側黃色“X”按鈕，小狗跳躍，游戲有點像小時候玩的超級馬里奧；游戲過程中，小怪物可以跳躍踩，谷物形式的動態元素碰到后讓右上角的小條一點點顏色充滿。
長按識別圖中二維碼
案例五
案例名稱：小小星途攬月人
品牌：網易新聞 X EXEED星途
神州十二號成功發射的新聞相信也點燃了許多小朋友的太空夢想，網易新聞與星途汽車聯合制作了此作品，根據孩子的性格生成小小探險家海報，呼應最近關注度極高的神舟十二號成功發射事件，表達對中國航天事業的尊重與自豪。
點擊導語下的“立刻出道”，回答問題，包括孩子遨游太空會被什么吸引，遇到外星人會怎么做，然后輸入名字，上傳照片，選擇海報背景，調整照片在背景中的大小和位置，即可生成海報，包括報頭“小小星途攬月人”，成品效果圖，和根據用戶選擇授予的稱號“人見人愛的月球御用小攝影家”“深藏blue的太空救援小能手”等，用戶可保存海報，或點擊分享參與抽獎。也可點擊跳轉頁面，了解相關活動和預約新款星途汽車的試駕。
長按識別圖中二維碼
案例六
案例名稱：你能通過公司實習期的考驗嗎？品牌：南方+
這家“創業公司”，史上最強！以進公司實習互動為主題，設定不同的場景和問題讓用戶選擇“繼續實習”還是“歇一歇”進行游戲
每個環節出現4次對話框考驗，結果頁分別為“這就放棄了，XXXX”與“恭喜你通過第X關”兩種情況，制造反差，放棄后則彈出中國共產黨人的初心使命，讓大家了解和關心黨員群體背后的堅持與奉獻。 最終結果頁顯示你拿到世界最牛創業公司offer的潛力值結果，設置兩個按鈕，一個為查看完整故事（三個故事黨員群像合并），一個為生成結果頁，進一步分享傳播。
長按識別圖中二維碼
案例七
案例名稱：殼牌“0”收益投資計劃品牌：殼牌
殼牌的環保主題作品，模擬在地球上種樹，消滅二氧化碳的過程，讓用戶參與環保行動，提高環保意識。
主頁點擊接受挑戰，在20秒倒計時內盡量多的點擊不斷冒出的二氧化碳標志，讓其變成小樹，倒計時結束，用戶可以看到自己的種樹數量，獲得的稱號和排名，點擊跳轉到最后頁面，可以看到最終種樹數量對應的二氧化碳吸收量，排行榜，和1分52秒的主題視頻。
長按識別圖中二維碼
案例八
案例名稱：歐羅巴蹴鞠大賽畫傳品牌：Formovie峰米X網易文創X噠噠
峰米宣傳作品，將現代足球報導與古代蹴鞠畫面結合，宣傳傳統文化和峰米產品優勢，為店鋪引流。
橫屏瀏覽，點擊打開長軸畫卷，卷首是標語和簡約導語，點擊蹴鞠球逐幅瀏覽，畫面內容有場上傷員急救，比賽引發企業股價波動，疫苗立大功，烏龍球，名流云集看臺，國家隊趕赴球場，頭球進決賽，點球爭議，最后用戶選擇一副主圖生成收藏海報，海報右方有峰米產品優勢描述，用戶可重選主圖和登陸店鋪。
長按識別圖中二維碼
轉載請在文章開頭和結尾顯眼處標注：作者、出處和鏈接。不按規范轉載侵權必究。
未經授權嚴禁轉載，授權事宜請聯系作者本人，侵權必究。
本文禁止轉載，侵權必究。
授權事宜請至數英微信公眾號(ID: digitaling) 后臺授權，侵權必究。
評論
評論
推薦評論
暫無評論哦，快來評論一下吧！
全部評論（0條）