LOL新英雄與新皮膚移動端頁面二三事

 　　隨著移動互聯網的迅猛發展，對於游戲的活動宣傳渠道不再局限於PC端，微信、手Q、掌上英雄聯盟成為英雄聯盟重要的推廣渠道。在新英雄、新皮膚的移動推廣，做了不少的嘗試。

　　以上為2014年6月至2015年6月新英雄移動端推廣頁面，以及2015年推出的娑娜終極皮膚-DJ娑娜移動端推廣頁。

　　在引入頁的設計上，設計師根據英雄特性做不同的引入交互，再通過幀動畫、CSS3、canvas技術讓用戶在浏覽頁面過程中進行一個互動，更形象簡易的了解新英雄特性。

　　弗雷爾卓德之心 布隆

　　布隆的被動技能通過普通攻擊和Q技能對目標身上增加“震蕩猛擊”，當“震蕩猛擊”層數到達4時，就會被擊暈，那麼在引入頁上就利用這一特性，通過點擊屏幕狙擊能量喚醒新英雄。主要利用JS+幀動畫效果完成。

　　(掃碼可看動效，下同)

　　迷失之牙 納爾

　　套用一下納爾視頻介紹裡的一句話“納爾是一個靈巧的小動物”，因為是動物，所以通過尋找“神獸”這樣的一個定義來進行英雄的喚醒，技術上通過canvas擦除+幀動畫來進行交互實現。

　　星界游神 巴德

　　巴德的存在會導致神奇的調和之音出現，這些調和之音會為巴德提供經驗值，法力和移動速度加成。那麼通過他的這一被動技能，我們通過點擊收集調和之音的方式來進行英雄的喚醒。

　　在內容展示上，移動端英雄專題內容參考PC端頁面展示內容，展示英雄原畫、背景故事、介紹視頻、基本技能、技能視頻，由於移動端頁面更趨向於輕巧及可讀性，於是摒棄了英雄截圖、英雄克制技巧及使用技巧。下面我們看一組數據。

　　由於手機浏覽過程中，用戶浏覽操作頁面會上下翻頁，在進行數據統計時未進行數據去重，故到達率超過100%，但是仍可以看出頁面觸達率較高，背景故事、技能、視頻等的浏覽率值較高，頁面內容布局較為符合用戶所需。

　　有關內容有一項補充，在布隆專題的時候，有嘗試在移動端進行英雄、皮膚的購買，但是購買的轉化率不是很好，於是在後續的兩期中，將新英雄、皮膚的購買去掉。以下為購買按鈕的點擊數據及轉化率。

　　購買按鈕點擊數據(占比：點擊量/頁面浏覽總量)

　　購買數(從點擊購買按鈕到購買成功的轉化率為：33.4%)

　　在頁面推廣上，也進行了一些嘗試性的推廣傳播。下面為三期英雄5天的PVUV

　　下列為推廣渠道分布

　　布隆主要通過微信消息推送、官網掃二維碼進行傳播， 納爾除了保留布隆的傳播渠道外，更增加了掌上英雄聯盟這個傳播渠道，掌盟流量占比達到62%，巴德則繼續沿用納爾的傳播渠道，另外增加了微博、手Q兩個渠道，然而增加的這兩個渠道並沒有帶來很大的流量，這一期掌盟的流量占比達到99%，可以看出用戶通過手機獲取相關英雄聯盟信息多為通過掌盟APP。

　　講完有關新英雄的一些數據，那接下來我們了解一下新皮膚的一些數據，在3月的時候，終極皮膚–DJ娑娜在移動端進行了一個專題推廣。再來放一下二維碼。

　　關於英雄皮膚，用戶更關心的是皮膚的是否好看，皮膚特效是否酷炫，皮膚專題的內容制作上設計師更注重皮膚的原畫展示、皮膚的特效視頻展示。頁面不需要過多的特效渲染，而更突出皮膚本身的酷炫效果。

　　在DJ娑娜移動端的推廣上，有了前2期新英雄的推廣經驗，在新皮膚的推廣上更注重掌盟的推廣，以下為DJ娑娜皮膚一些數據。

　　感謝大家關注~~

　　設計：帥強

　　重構：大思敏、小海