案例復盤:起點讀書 515 周年慶設(shè)計總結(jié)

0 評論 8040 瀏覽 30 收藏 8 分鐘

本文主要是關(guān)于起點讀書 515 周年活動設(shè)計的一個總結(jié),相信會對你有幫助,一起來看看~

活動背景

515周年慶是起點每年例行的大型運營活動。今年采用了游戲形式的活動玩法,通過職業(yè)角色形象、任務(wù)策劃、排行榜等不同維度來加強作者與讀者的互動、作品與用戶的聯(lián)系,打造了全新的「 515 催更者聯(lián)盟」活動。

活動的故事背景為用戶可選擇成為賞金先知、時空游俠典藏館長三個神圣職業(yè),通過不斷歷練自身戰(zhàn)力值,聯(lián)合對抗起點大陸中異軍突起的斷更獸,保護作家寫作環(huán)境與網(wǎng)絡(luò)文學世界的和平,并可獲得豐富的獎勵。

起點讀書 515 周年活動設(shè)計總結(jié)

交互設(shè)計

起點讀書 515 周年活動設(shè)計總結(jié)

515活動頁面邏輯

515 活動頁面邏輯如上圖,共 14 個主要頁面。經(jīng)過多次活動的沉淀,此次活動主 Tab 精簡為三個,分別為一個入口聚合頁及二個不同維度的榜單頁:

  1. 【我的主頁】聚合了職業(yè)形象、每日任務(wù)、我的道具卡牌、boss決戰(zhàn)入口的主頁面;
  2. 【戰(zhàn)隊擂臺】作品戰(zhàn)隊的戰(zhàn)力值三榜單;
  3. 【職業(yè)爭霸】全站冠軍及三個職業(yè)排行榜。

創(chuàng)新點

每日任務(wù)變身劇情番外+世界地圖

今年的每日任務(wù)不同于以往的任務(wù)列表,而是借鑒了游戲大地圖的形式,在一張大地圖(約豎屏三屏)上涵蓋15個與作品對應(yīng)的地點與3個原創(chuàng)地點,每個地點對應(yīng)一個每日任務(wù)。

同時每個任務(wù)都配有向用戶征集的與該地點相關(guān)作品所匹配的同人番外(共使用 270 篇),增強做任務(wù)的趣味性及內(nèi)容聯(lián)動。

起點讀書 515 周年活動設(shè)計總結(jié)

515 每日任務(wù)頁面

活動道具結(jié)合客戶端卡牌功能與線下周邊

515 活動中共可獲得18種作品專屬道具(或道具碎片),用戶除了可以在活動內(nèi)【我的道具卡牌】頁面瀏覽自己獲得的道具及碎片,還可以在起點讀書端內(nèi)【我的卡牌】頁面查看 515 活動專屬道具卡牌。同時,18個道具還會制作成實物徽章獎勵給部分用戶。

起點讀書 515 周年活動設(shè)計總結(jié)

515 道具頁面 與 客戶端卡牌頁面

視覺設(shè)計

1. 風格

今年的515整體風格,根據(jù)設(shè)定,采用了貼合故事背景的東方修仙風格。在頁面中主要體現(xiàn)為顏色、元素的使用。

起點讀書 515 周年活動設(shè)計總結(jié)

影視海報氛圍參考

2. 形象

三個職業(yè)形象的設(shè)定充分均衡了用戶考量,分別代表了獨立聰慧的女性形象、學富五車的經(jīng)典閱讀形象、象征財富與地位的高貴形象。Boss 設(shè)定為「斷更獸」,蹭了平臺作家端更梗的熱點,也讓用戶更能感同身受。形象立繪根據(jù)畫風與設(shè)定需求,邀請了畫師 @ -君翎- 合作繪制。

起點讀書 515 周年活動設(shè)計總結(jié)

從左至右分別為:時空游俠、賞金先知、典藏館長、斷更獸

3. 配色

515 頁面的主色使用了整理飽和度偏低的深藍色,輔以金色襯托氛圍,深紅色增加部分模塊的榮譽感。同時,在常規(guī)頁面與BOSS決戰(zhàn)頁有整體色調(diào)從藍金到紅黑的轉(zhuǎn)換(圖1圖2),突出與BOSS殊死一戰(zhàn)的緊迫感。廣告素材也調(diào)整了紅藍色的比例(圖3),使廣告素材帶有更多起點的品牌特征(紅色)。

起點讀書 515 周年活動設(shè)計總結(jié)

4. 元素

基于修仙的故事背景設(shè)定,祥云成為了貫穿整個 515 的大小細節(jié)的核心元素,從LOGO到頁面在各個細節(jié)處都使用了不同形式的祥云圖案裝飾來統(tǒng)一整體。

起點讀書 515 周年活動設(shè)計總結(jié)

5. 任務(wù)地圖

每日劇情任務(wù)的大地圖也是本次活動中工作量比較大的一部分:由原畫同學繪制18個原創(chuàng)地點建筑,再由設(shè)計師拼接制作成一整張大地圖,并且還需要考慮地點類型、排布、任務(wù)狀態(tài)等等因素。

起點讀書 515 周年活動設(shè)計總結(jié)

515 任務(wù)地圖

6. 活動道具

關(guān)于此次活動中的道具,在策劃初期就確定了要做成實體周邊的想法,所以在道具icon制作時也多了更多需要考量的因素,盡量平衡與原著的還原度、精致程度與實體化的可行性。

起點讀書 515 周年活動設(shè)計總結(jié)

515 活動道具

7. 推廣素材

在與產(chǎn)品確認宣傳周期及側(cè)重點后,我們針對不同時間點也制作了不同的推廣素材。提供了多套動態(tài)閃屏,且執(zhí)行了ABTEST方案,以此來驗證更精細的推廣素材對活動的影響。

起點讀書 515 周年活動設(shè)計總結(jié)

部分活動閃屏

總結(jié)

今年的 515 活動在整體設(shè)計上與去年采用了完全不同的風格,并針對角色形象、任務(wù)地圖、決戰(zhàn)頁面等都做了升級優(yōu)化,打造了一個不同氛圍的 515 。

此次 515 的設(shè)計過程中,會加入更多合作的部分:與外部畫師的合作、多名設(shè)計師參與設(shè)計不同部分、原畫的相關(guān)支持、線下周邊供應(yīng)商的同步進行……在設(shè)計部內(nèi)部帶來了更大的影響,也保證了這樣一個大體量活動在緊張的設(shè)計排期內(nèi)能夠準時保質(zhì)交付。

最后,感謝每一位在 515 活動中合作或參與的同學,相信未來每一年的 515 都會產(chǎn)生各具亮點的優(yōu)秀設(shè)計。

 

作者:鐘瑋濤,微信公眾號:閱文體驗設(shè)計YUX ( id: YUX_design)

來源:https://mp.weixin.qq.com/s/hZgRB8EXAtxoC26r_P7JSQ

本文由 @閱文體驗設(shè)計YUX 授權(quán)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)作者許可,禁止轉(zhuǎn)載

題圖作者提供

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發(fā)揮!