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

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

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

弗雷爾卓德之心 布隆

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

（掃碼可看動效，下同）

迷失之牙 納爾

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

星界游神 巴德

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

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

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

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

購買按鈕點擊數據（占比：點擊量/頁面瀏覽總量）

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

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

下列為推廣渠道分布

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

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

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

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

感謝大家關注~~
設計：帥強
重構：大思敏、小海

【最新的實戰好文三篇】

網頁重設計的7個環節！
《實戰經驗！搞定網頁重設計的7個必要環節》

有第一稿就可以一勞永逸的方法！
《百試百靈！設計師如何不依賴靈感進行設計工作？》

字體設計的另一個方法！
《字體進階篇！如何用襯線加強法做字體設計？》

原文地址：tgideas.qq

【優設網 原創文章 投稿郵箱：2650232288@qq.com】

================關于優設網================
"優設網uisdc.com"是國內人氣最高的網頁設計師學習平臺，專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書：史上最全的設計師圖書導航：http://hao.uisdc.com/book/。
設計微博：擁有粉絲量97萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設計教程、經驗分享和各種意想不到的"福利"嗎？
添加 優秀網頁設計 微信號：【youshege】優設哥的全拼
您也可以通過掃描下方二維碼快速添加：