現(xiàn)在微信用戶量如此之高，在微信做線上推廣便成了不可少的途徑。伴隨著一只神經(jīng)貓和幾次品牌內(nèi)容的朋友圈瘋轉(zhuǎn)，H5逐漸占據(jù)了自己的營銷地位，越來越多的品牌開始制作H5。

而互動性和用戶體驗效果是用戶對一個產(chǎn)品好壞的重要評判標準，同樣這2點也是H5營銷傳播內(nèi)容好壞的決定因素。畫面精美、體驗新奇、操作流暢的H5才會讓用戶給品牌加分。

人是視覺動物，那么燒腦君今天給大家整理了十個畫風精奇的H5(排名不分先后)，都非常有意思，一起來看看吧!

1費玉清又火了!快聽2017年洗腦神曲

出品：滴滴出行

技術(shù)實現(xiàn)： Video

視頻類，模擬費玉清專輯，濃濃80年代海報設(shè)計感，文字畫面設(shè)計感強，滑動屏幕開始播放視頻，小哥騎車從1里之外一直唱到6里之外，每一里的設(shè)定都有電影海報的既視感，最后可以進進入滴滴打車叫車界面，十分有趣。

2一分鐘看懂單身狗

出品：藝龍

技術(shù)實現(xiàn)： Video

以簡筆畫動畫講述了一個男主狗?！耙蛳螺dAPP網(wǎng)速慢而無法去酒店開房看夜光手表導致的悲慘分手”，掃地大媽為安慰狗剩，在說唱和掃地中不漏痕跡的把“微信錢包訂酒店”的信息表現(xiàn)出來，最后可以奔走相告，分享給好友以及領(lǐng)取520專享紅包!

畫風簡潔，音樂魔性。體驗上，整個案例輕松，幽默。

3轉(zhuǎn)完這個H5，就去陪老媽過節(jié)

出品：統(tǒng)帥電器

技術(shù)實現(xiàn)： Video

情景類。在母親節(jié)來臨之際， 該H5將媽媽的形象進行了差異化，以一個年輕人做事的方式來呈現(xiàn)媽媽“逃離不孝子女““媽媽集體去火星”這樣的表現(xiàn)方式，突破常規(guī)思維;同時描繪媽媽走后，年輕人生活的囧態(tài)——房間臟亂差，衣服八周一洗，闡釋媽媽的重要性。

4端午節(jié)拒做單身狗!

出品：網(wǎng)易

技術(shù)實現(xiàn)：Canvas + Egret(白鷺引擎)

測試答題類，端午來了，有幾道給你測試一下自己撩人本事的題。

你的另一半想吃粽子了，需要你根據(jù)TA的描述，猜測TA喜歡吃甜粽還是咸粽， 十道題全部猜完后，即可看到你猜對了幾次，并根據(jù)你的戰(zhàn)績給出你能追到的男神or女神的名字， 最后點擊結(jié)果頁“領(lǐng)端午禮物”，登錄網(wǎng)易新聞客戶端即可有一次抽獎機會。鬼畜風格，視覺效果強烈…一言難盡…!

5飛越淘寶奇市

出品：淘寶

技術(shù)實現(xiàn)：Java+3D+Video

通過一支風箏穿越的時空的方式，進行展現(xiàn)造物節(jié)的豐富，進行活動宣傳。

利用交互動畫+3D建模視頻來完成，一共四個場景，每個場景串場動畫為一只風箏穿梭于五彩斑斕的時光隧道，利用重力感應(yīng)+ThreeJS來完成交互，然后播放東、西、南、北四個方位進入的3D視角視頻。背景音樂輕快悅耳，新穎的H5形式讓人印象深刻。

6穿越未來來看你

出品：騰訊

技術(shù)實現(xiàn)：Zepto + Video

插畫風格，畫風極致細膩，一面承載著中國的傳統(tǒng)文化，另一面象征未來的大場景，不僅打造了騰訊NEXT IDEA的標志性;中間部分中國風和科技相結(jié)合，在不可思議中將傳統(tǒng)美與未來科技融合!后面的畫面又有一種科幻風，想象力十足。

音樂上，混拼音樂，從曲調(diào)獨特的京劇、古典樂轉(zhuǎn)為節(jié)奏動感的RAP，分分鐘將未來與傳統(tǒng)相結(jié)合。

7關(guān)于我的故事，全在這里了

出品：岡本

技術(shù)實現(xiàn)：

CreateJS + TweenMax +Zepto +Video

視頻將這幅“極樂飛升圖”作為切入點，講述了岡本產(chǎn)品，從設(shè)計，到“原料加工”，到“產(chǎn)品成型”，再到“安全檢測”等全部過程。

畫面風格很像浮世繪，淡黃色的背景，與整體給人的“污”感完美結(jié)合在了一起。男聲配音充滿吸引力，情緒也恰到好處，配合著畫面，將故事講述的超級生動形象，一點都不枯燥。

8上手機QQ 貼表情

出品：騰訊

技術(shù)實現(xiàn)： CreateJS+Zepto+video

畫館從“戴珍珠耳環(huán)的少女”開始，各種世界名畫、圣經(jīng)里的人物，都趁夜出來斗圖逗表情，最后推出“上手機QQ貼表情”的主題，且底部露出動圖拖拽演示效果。

用夜晚美術(shù)館中的“世界名畫”為手機QQ的貼圖表情代言，讓大家在歡樂中感受手機QQ的貼圖表情的魅力，誘導App更新和安裝。

9你學到的有多少已還給老師

出品：海寧日報

技術(shù)實現(xiàn)： jQuery

游戲類，共有十道小學題，每題都是小學學過的的知識，題目主要采用圖文結(jié)合的形式，每題答完，在選項上會有對錯圖標提示，題目上方的大圖上會出現(xiàn)吐槽文字;全部答完后即可看到自己的得分，掃描二維碼即可下載app。

插畫風格，采用綠色作為主色調(diào)，瞬間讓人回到小學看課本的節(jié)奏中去。

10ofo小黃車研發(fā)車間

出品：ofo

技術(shù)實現(xiàn)： Canvas + Java

圖文類。一共五個場景展示“ofo小黃車研發(fā)車間”。點擊小黃人，啟動工廠設(shè)備，小黃人對車輛驅(qū)動系統(tǒng)進行檢測;進行車輛組裝車間，搖一搖手機，糾正圖紙方向;進入染色車間，向下滑動屏幕，將車輛進入小黃人澡池進行染色;進入測試車間，點擊黃豆喂給小黃人，兩個屁就可催動車輛。隨后搖一搖為發(fā)布會揭幕，大boss與小黃人代表接受采訪，表示小黃人車間拳頭產(chǎn)品-小黃車榮耀上市。

案例整體以3D模型展示，空間感十足，小細節(jié)滿滿，十分精致。顏色方面以小黃人與ofo共有黃色為主色調(diào)，增強產(chǎn)品辨識度。多種方式的交互方式，配合有趣的音效，給人一愉快的體驗。

以上就是類似于h5營銷案例的內(nèi)容，如果想要了解關(guān)于淘寶seo教程及移動營銷服務(wù)商，可直接點擊查看