當前位置:首頁 > 運營推廣

“吳亦凡即將入伍”的H5技術到底是怎么實現的?

時間:2018-01-07 02:01:00來源:運營推廣作者:seo實驗室小編閱讀:92次「手機版」
 

吳亦凡即將入伍

4、第四頁。接上面的,又一個全屏幕視頻。與第二也不同,第四頁的“聊天視頻”是可以暫停的,大叔猜測設計者是希望用戶可以重復觀看,因為這里是廣告部分。

吳亦凡即將入伍 H5技術 H5游戲

三、吳亦凡跳出新聞頁面是怎么做到的?

大叔詳細說一下前兩頁。其實用戶再打開這個H5,看到騰訊新聞的頁面時,中間的那個圖片背后的視頻就在加載了,600多K,加載的時候,用戶正好可以看完全文。上文提到,蘋果和安卓用戶的體驗是不一樣的。蘋果用戶是自動播放的,這個體驗十分順暢。而安卓用戶,可能由于系統本身的問題,是需要點擊那張小照片才能播放,好在幾乎所有人應該往下翻看這條“新聞”,你的手指點在了圖片上,實際上就是啟動了視頻。

吳亦凡即將入伍 H5技術 H5游戲

大叔認為,這是整個H5的精華部分。小視頻播放完畢之后,全屏幕視頻緊接著自動播放,由于全屏幕視頻開始的背景與新聞頁面類似,所以給用戶的錯覺是,吳亦凡從新聞頁面中跳了出來,這種手法在魔術表演和國外創意剪輯視頻中其實是比較常見的,俗稱“障眼法”。

四、這個H5技術復雜嗎?背后的技術團隊制作是誰?

吳亦凡即將入伍 H5技術 H5游戲

上面說了那么多,這個H5到底是做的呢?其實打開這個H5的代碼,就能一目了然。制作者在代碼中間專門給自己做了一個廣告,包括設計是誰,重構是誰,連制作團隊的博客都有。各位可以在地址欄輸入“http://tgideas.qq.com/”,沒錯,這是騰訊游戲的官方設計團隊做的。

騰訊官方搞的,一定用了什么咱們普通老百姓不會的技術吧。其實沒有,這個H5用的技術是“javaScrpt”。這個也能從代碼中看出。據說“JavaScrpt”是互聯網最流行的腳本語言,在PC時代很受用。

按照百度百科的解釋,“JavaScrpt”一種直譯式腳本語言,是一種動態類型、弱類型、基于原型的語言,內置支持類型。它的解釋器被稱為JavaScript引擎,為瀏覽器的一部分,廣泛用于客戶端的腳本語言,最早是在HTML(標準通用標記語言下的一個應用)網頁上使用,用來給HTML網頁增加動態功能。

五、最后,附上騰訊互娛昨晚連夜出的一個官方“解密稿”(部分刪減)。

什么人:為什么是吳亦凡?

在這個H5刷爆朋友圈的同時,業內也有一些質疑的聲音。那么,作為一款男性用戶較多的游戲,《全民突擊》為什么選擇女粉較多的吳亦凡?

似乎從策略層面上,這個選擇就有些南轅北轍,貽笑大方?這不,馬上就有“好事者”洋洋灑灑開始解讀評論,表示這里有大問題,那我們就來一起聊聊這里面的“小故事”。

《全民突擊》是騰訊第一款上線的槍戰射擊類的手游。基于良好的用戶體驗和相對不錯的市場推動,這款產品很快在同類產品中占據了絕大部分的市場份額,在iOS暢銷榜上,這款產品也表現出來不俗的成績,無論是用戶還是媒體對這款產品已經有較多的認知和了解,在這個節點上,擺在我們面前的問題就是是否有機會突破傳統意義的FPS或者射擊游戲玩家的范疇,進一步擴大這一類產品的用戶規模,也算是騰訊游戲在這個領域為業內帶來的小小貢獻,因此在更廣泛的用戶中加強產品的認知就成為此輪營銷的重點課題。而與明星隊長“吳亦凡”的合作營銷就成了這里最優選擇之一。

首先,我們針對核心手游用戶——00后90后偶相觀的調研中,在未提供名單的情況下,藝人中吳亦凡、張杰和TFboys等都明顯擁有者海量的擁躉,而“吳亦凡”的粉絲的顯著特點是忠誠度極高。當我們的明星隊長明確與粉絲們分享這一優秀產品的時候,擁躉們必然會紛紛加入到《全民突擊》中來感受到產品的樂趣。而另一方面,明星隊長的粉絲中的女性能很好的協調和創造出優質的游戲社交氛圍,必然提升游戲現有玩家的活躍度,同時更好的擴大射擊手游的整體用戶盤子。當然,吳亦凡這位可愛的明星也正是《全民突擊》的深度玩家,選擇對游戲有高度認同和興趣的明星,雙方溝通效率更高,雙方配合也會更好。

什么事:“入伍”的點子是怎樣煉成的?

確定了吳亦凡,但到底怎樣引起關注?明星代言的玩法和設計已經是市場營銷人共同的“痛”,除去前面已經預埋過好些輪的引子,如何在公布“明星隊長”吳亦凡加盟的當天能更好的起到社會化的效應,在發布形式的具體創意上我們經歷過多輪的腦爆,也產生過好幾個方向。

首先最直接的想到了采用明星與粉絲對話的形式,采用打電話+發微信的交互。但這一形式已經不新鮮了,展示出來的效果會比較常規。

而第二輪的腦爆的創意是希望利用美漫劇情H5,編一個引人入勝的故事,配合吳亦凡打電話,但實現上略有問題,同樣放棄。

到了第三輪的時候,則準備實拍,把吳亦凡置身戰火紛飛的“全民突擊”戰場,通過步話機對粉絲喊話。然而即將開工的時候,我們還是覺得沒有太大驚喜,放棄。

那么,為什么會是“吳亦凡即將入伍”這個創意?實際上,這是一個為吳亦凡量身打造的一個創意。首先吳亦凡因為拍戲,變成了圓寸的發型。“入伍”,這點就一下子就蹦進了團隊的頭腦中。我們想著,吳亦凡早年在韓國發展,“入伍”是不少韓國男星必然面臨的事情,韓國男星入伍新聞每每成為粉絲關注的熱點。但已經回到國內發展的吳亦凡還有“入伍”問題?這個疑問和反差更能激起用戶的好奇。最終,“吳亦凡即將入伍”的創意,就這么確定下來。

怎么說:不像“營銷”的營銷素材才是好“新聞”

如今的社交媒體上,普通的“營銷”素材已經很難引發用戶的關注了。即便是手握一個高顏值、高粉絲量的明星,想要引起粉絲以外的更泛大眾用戶的傳播,對我們來說,也是一件很有壓力的事情。

在確定“吳亦凡即將入伍”的創意之后,我們發現,咦,這個本身就是一條真假難辨的信息。如何強化這種在真假難辨的感覺?團隊想到,索性就按照把它做成一條“新聞”去操作。具體實現上,H5的畫面完全按照手機新聞客戶端的閱讀界面去設計,并且“狡猾”的嵌套在“騰訊新聞”的頁面之下,總之,盡可能把“新聞”做得像條“新聞”。

用一系列狂拽酷炫的技術無縫呈現,這才能戳中用戶G點

1.吸睛的 headline,以假亂真的新聞界面;

2.男神從新聞頁面中跳出,撕下畫面;

3.視頻來電等環節緊湊連接;

4.最后吳的親身視頻告白;

5.謎底揭曉,原來是入伍全民突擊,做明星隊長。

這個H5一氣呵成的創意模塊背后,其實更關鍵的還是執行,做到比想到更重要。如何實現讓男神從網頁中跳出→將畫面撕下→再給粉絲視頻來電,這背后需要大量技術重構來支持。

為此,包括了視覺,前端,開發,創意,多媒體的小伙伴組成的創意團隊也開始就執行難點進行評估。

首先就是技術方面,這個H5的元素組成部分有:文字、圖片、mp4格式的視頻、MP3的音樂,如何保證這些元素無縫銜接?除此之外,新聞頁面中的男神突然出現的效果要如何達成?更不用說這個H5需要兼容的多平臺渠道,比如手Q、微信、騰訊新聞、新浪微博等,每個渠道又有iOS和安卓的各種版本,在測試量和兼容性處理方面工作量巨大。

當然,酷炫技術只是表象,如何將內容、對象以及要表達的主題通過一系列狂拽酷炫的技術無縫呈現,這才能戳中用戶G點。

落在這個H5就是一些小的交互細節,比如:新聞頁打開多久后讓視頻自動播放?整個體驗過程如何能給用戶制造更多驚喜?用戶在PC端看到這個頁面,能否依然有互動樂趣?最終素材的呈現,整個過程中也有外部伙伴積極配合藝人拍攝的協調和執行,以及文案的最終潤色。

從0到1, 用創意繼續玩轉移動游戲營銷

從昨晚到今天,很多朋友都有留言問這樣的創意是誰想的,但其實,一夜之間刷屏的背后是整個騰訊游戲市場團隊針對環境的變化,在思路和做法上不斷的創新的一個自然而然的結果,它不是一個偶然的創意,要知道,移動互聯網時代,優質的傳播素材才是核心引爆點,創意與技術有效結合,就會有奇妙的化學反應。

事實上,在移動游戲營銷領域,請明星來做營銷事件并不是很新鮮的事件,但是基于大眾熱點和粉絲需求的洞察,再用技術和創意來實現,就會有與眾不同的效果。

當然現在看來,這個素材也有一些缺憾,比如,我們是不是可以錄一段吳亦凡號召粉絲的話來增加用戶轉發的動機,又比如,我們是不是可以在轉發語上面更增加一點病毒性?

不過,從昨晚到現在,我們最開心的是,騰訊游戲能以這樣的形式和用戶進行了如此的溝通,并且在移動端互動廣告的模式里拋出了一個石子兒,我們期待它能夠引起足夠大的漣漪,讓這個行業出現更多精彩的創意。

六、最最后,大叔想再對“技術即傳播”這個理論做一個注解

1、每次出現一個酷炫的技術或新玩意,朋友圈就被引爆了,這是去中心化傳播模式的大背景使然。怎么說呢,在以微信為首的社交媒體時代,傳播者可能不再需要傳統的媒介渠道,比如大號或門戶,做一個H5直接“泄露”到朋友圈,只要它酷炫,就會引起關注。當然,有好的渠道可以縮短引爆的時間。

2、雖然只要有好的技術就會帶來大家傳播,但事實上,技術永遠是工具,服務于創意,而創意才是傳播的本源。比如吳亦凡事件,技術手段只是實現了他跳出新聞框的創意。同樣的技術手段,甚至你使用的更高超,但如果劇情無法匹配,也無法引爆。這是本與末的問題,雖然道理都懂,但我們可能有時候過分依賴技術能實現什么?而不是我們希望技術要實現什么。

特別感謝:關云藏CEO錢昊先生(沒錯,他就是做出微信自動搶紅包神器APP的人,大叔曾在之前的文章中具體介紹過)、木疙瘩微卡CEO王運城先生(微信賀卡和H5制作牛人)、前京東設計團隊技術開發從業者zipor(現在創業,專門做H5)、宜信宜人貸張靜、新微互動CEO吳振華(推薦該公司微信服務號:newe0615,專門研究H5的,本文也部分借鑒了老吳的分析文章)等。

相關閱讀

網站建設是怎么收費的?

個人可能要新建網站做各種用途,比如:宣傳展示個人信息、淘寶客網站等等;電商公司可能要做個網站銷售商品;金融公司可能要建個交易類

京東白條儲蓄卡激活失敗是怎么原因?

京東白條儲蓄卡激活失敗是很多京東消費者在激活白條時遇到的問題,這是為什么呢?京東白條支持哪些銀行卡類型呢,下面小編為大家總結

俞敏洪:我是怎么被“中國合伙人”的

? ? ?《中國合伙人》電影在全國各大院線上映,三天票房收入已經過億,很多人在微博發表觀后感,大部分人覺得這是一部春春勵志的好片

網站優化關鍵詞密度是怎么計算的

對于優化人員來說,網站關鍵詞密度是一個非常重要的優化手段。通過對網站關鍵詞密度的優化來提高網站頁面的相關性,從而給網站關鍵詞

無線電波是怎么產生的

https://www.bilibili.com/video/av23448535?t=165大家好,現在無線通信越來越發達,我們會比較好奇,我們的手機,收音機,為什么在隔空的

分享到:

欄目導航

推薦閱讀

熱門閱讀

三肖必中特l三肖中特期期准免费