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

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

在引入頁(yè)的設(shè)計(jì)上，設(shè)計(jì)師根據(jù)英雄特性做不同的引入交互，再通過幀動(dòng)畫、CSS3、canvas技術(shù)讓用戶在瀏覽頁(yè)面過程中進(jìn)行一個(gè)互動(dòng)，更形象簡(jiǎn)易的了解新英雄特性。

弗雷爾卓德之心 布隆

布隆的被動(dòng)技能通過普通攻擊和Q技能對(duì)目標(biāo)身上增加“震蕩猛擊”，當(dāng)“震蕩猛擊”層數(shù)到達(dá)4時(shí)，就會(huì)被擊暈，那么在引入頁(yè)上就利用這一特性，通過點(diǎn)擊屏幕狙擊能量喚醒新英雄。主要利用JS+幀動(dòng)畫效果完成。

（掃碼可看動(dòng)效，下同）

迷失之牙 納爾

套用一下納爾視頻介紹里的一句話“納爾是一個(gè)靈巧的小動(dòng)物”，因?yàn)槭莿?dòng)物，所以通過尋找“神獸”這樣的一個(gè)定義來進(jìn)行英雄的喚醒，技術(shù)上通過canvas擦除+幀動(dòng)畫來進(jìn)行交互實(shí)現(xiàn)。

星界游神 巴德

巴德的存在會(huì)導(dǎo)致神奇的調(diào)和之音出現(xiàn)，這些調(diào)和之音會(huì)為巴德提供經(jīng)驗(yàn)值，法力和移動(dòng)速度加成。那么通過他的這一被動(dòng)技能，我們通過點(diǎn)擊收集調(diào)和之音的方式來進(jìn)行英雄的喚醒。

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

由于手機(jī)瀏覽過程中，用戶瀏覽操作頁(yè)面會(huì)上下翻頁(yè)，在進(jìn)行數(shù)據(jù)統(tǒng)計(jì)時(shí)未進(jìn)行數(shù)據(jù)去重，故到達(dá)率超過100%，但是仍可以看出頁(yè)面觸達(dá)率較高，背景故事、技能、視頻等的瀏覽率值較高，頁(yè)面內(nèi)容布局較為符合用戶所需。

有關(guān)內(nèi)容有一項(xiàng)補(bǔ)充，在布隆專題的時(shí)候，有嘗試在移動(dòng)端進(jìn)行英雄、皮膚的購(gòu)買，但是購(gòu)買的轉(zhuǎn)化率不是很好，于是在后續(xù)的兩期中，將新英雄、皮膚的購(gòu)買去掉。以下為購(gòu)買按鈕的點(diǎn)擊數(shù)據(jù)及轉(zhuǎn)化率。

購(gòu)買按鈕點(diǎn)擊數(shù)據(jù)（占比：點(diǎn)擊量/頁(yè)面瀏覽總量）

購(gòu)買數(shù)（從點(diǎn)擊購(gòu)買按鈕到購(gòu)買成功的轉(zhuǎn)化率為：33.4%）

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

下列為推廣渠道分布

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

講完有關(guān)新英雄的一些數(shù)據(jù)，那接下來我們了解一下新皮膚的一些數(shù)據(jù)，在3月的時(shí)候，終極皮膚--DJ娑娜在移動(dòng)端進(jìn)行了一個(gè)專題推廣。再來放一下二維碼。

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

在DJ娑娜移動(dòng)端的推廣上，有了前2期新英雄的推廣經(jīng)驗(yàn)，在新皮膚的推廣上更注重掌盟的推廣，以下為DJ娑娜皮膚一些數(shù)據(jù)。

感謝大家關(guān)注~~
設(shè)計(jì)：帥強(qiáng)
重構(gòu)：大思敏、小海

【最新的實(shí)戰(zhàn)好文三篇】

網(wǎng)頁(yè)重設(shè)計(jì)的7個(gè)環(huán)節(jié)！
《實(shí)戰(zhàn)經(jīng)驗(yàn)！搞定網(wǎng)頁(yè)重設(shè)計(jì)的7個(gè)必要環(huán)節(jié)》

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

字體設(shè)計(jì)的另一個(gè)方法！
《字體進(jìn)階篇！如何用襯線加強(qiáng)法做字體設(shè)計(jì)？》

原文地址：tgideas.qq

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：2650232288@qq.com】

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