項(xiàng)目背景

2000 年 QQ 會(huì)員誕生，不斷探索如何帶給用戶更好的增值服務(wù)，正值 20 周年的時(shí)間節(jié)點(diǎn)，QQ 會(huì)員推出 20 周年系列慶典活動(dòng)，攜手靚號(hào)、會(huì)員游戲、個(gè)性化裝扮、QQ 音樂(lè)、bilibili 等多個(gè)分會(huì)場(chǎng)，通過(guò)多種好禮折扣、豪華大禮包等聯(lián)合回饋用戶，和廣大 QQ 用戶一起攜手為 QQ 會(huì)員 20 周年慶生。

整個(gè)項(xiàng)目主要從以下六個(gè)部分進(jìn)行規(guī)劃：概念腦暴、品牌重塑、主活動(dòng)（portal 聚合、QQ 能量值等）、設(shè)計(jì)衍生、外部聯(lián)動(dòng)、慶典宣傳等。通過(guò)系統(tǒng)有節(jié)奏的整體規(guī)劃，設(shè)計(jì)團(tuán)隊(duì)一步一步建立會(huì)員 20 周年品牌，體系化的構(gòu)建以“渠道-場(chǎng)景-觸點(diǎn)-情感”為切入點(diǎn)的系列運(yùn)營(yíng)活動(dòng)，打造會(huì)員 20 周年超燃盛典，達(dá)成用戶體驗(yàn)和商業(yè)營(yíng)收的平衡。

1. 概念腦爆

在 QQ 會(huì)員品牌的升級(jí)的過(guò)程中，設(shè)計(jì)師提取了會(huì)員核心象征元素，并與產(chǎn)品團(tuán)隊(duì)一起腦爆一些關(guān)鍵詞，最終確定以“燃”的主題對(duì)品牌形象進(jìn)行了全面升級(jí)，在 QQ 企鵝的基礎(chǔ)上，將品牌符號(hào)的頭發(fā)，形狀優(yōu)化的更加銳利更像一搓火焰。

在 QQ 會(huì)員 20 周年項(xiàng)目中，我們圍繞“燃”主題進(jìn)行了多輪腦爆，最終以“理所當(dāng)燃” 作為 20 周年的 Slogan。

2. 品牌重塑

20 周年品牌設(shè)定

“QQ 會(huì)員 20 周年 - 理所當(dāng)燃”作為起源事件，我們提取了會(huì)員企鵝、數(shù)字 20、以及“燃”作為核心符號(hào)的基礎(chǔ)模型，將“會(huì)員企鵝”、“20”的抽象符號(hào)進(jìn)行結(jié)合，再利用正負(fù)形的方式融合了火焰，來(lái)傳達(dá)“理所當(dāng)燃”。Logo 文字部分設(shè)計(jì)，也同樣結(jié)合了火焰的圖形。配色也與 QQ 會(huì)員品牌升級(jí)后的顏色保持一致。并規(guī)范了在不同場(chǎng)景的使用標(biāo)準(zhǔn)。

二次元 IP 設(shè)定

為進(jìn)一步提升品牌在年輕用戶間的好感度與傳播力度，設(shè)計(jì)師為會(huì)員業(yè)務(wù)設(shè)計(jì)了嶄新的二次元擬人形象，通過(guò)塑造虛擬 IP 獨(dú)具特色的性格特征與人格魅力，傳遞給用戶更深層次的品牌情懷與溫度。

在擬人 IP 誕生前，會(huì)員業(yè)務(wù)已有一個(gè)經(jīng)典的動(dòng)物形象 IP——會(huì)員鵝，它頭頂?shù)募t毛似一團(tuán)火焰。為了和已有的動(dòng)物IP相搭配，擬人IP繼承了會(huì)員鵝的紅毛特征與“火”屬性。新的二次元IP名為“火仔”，英文名“Loki”取自北歐火與惡作劇之神洛基，火仔主體配色使用會(huì)員品牌“三原色”——紅、黃、黑，眼眸還有服裝細(xì)節(jié)都有火焰形狀的裝飾圖形。

會(huì)員 20 周年品牌重塑完成后，以活動(dòng)品牌為基礎(chǔ)，構(gòu)建“渠道-場(chǎng)景-觸點(diǎn)”體系化的活動(dòng)品牌延展應(yīng)用。通過(guò)微博、微信、合作方等公域渠道引流到 QQ 私域渠道，并在 QQ 私域渠道的核心觸達(dá)入口做加法設(shè)計(jì)，通過(guò)微動(dòng)效、禮包、品牌元素等多維度吸引用戶參與主活動(dòng)，并在主活動(dòng)場(chǎng)景的用戶行為路徑上進(jìn)行全鏈路轉(zhuǎn)化。同時(shí)輔助品牌衍生設(shè)計(jì)、外部聯(lián)動(dòng)以及慶典宣傳等共同打造會(huì)員 20 周年超燃慶生盛典，最終實(shí)現(xiàn)為 20 歲會(huì)員慶生的情感表達(dá)。

3. 主活動(dòng)設(shè)計(jì)

QQ 會(huì)員 20 周年活動(dòng)主題為“理所當(dāng)燃”，提到“燃”，不禁會(huì)讓人聯(lián)想到青春洋溢的熱血少年漫。本次活動(dòng)還首次推出了新功能——QQ能量值，“能量”一詞往往與科技、未來(lái)相關(guān)聯(lián)。因此在進(jìn)行視覺(jué)設(shè)計(jì)時(shí)，設(shè)計(jì)師以“熱血漫畫(huà)”與“科幻未來(lái)”為關(guān)鍵詞，將“火焰"“機(jī)甲”與“二次元”定為此次活動(dòng)的主要視覺(jué)元素。

主 KV 設(shè)計(jì)

角色的背景設(shè)定里，火仔與 QQ 的黃鉆 IP“星娘”以及大會(huì)員 IP“維克”同屬于 QQ 魔法學(xué)院的一員。和其它魔法師不同的是，火仔使用的是機(jī)械魔法。為迎接學(xué)院 20 周年嘉年華，火仔制作了魔法機(jī)甲阿布西隆號(hào)和載人飛行器魔音巨蛋，準(zhǔn)備在慶典上一展風(fēng)采。

20 周年活動(dòng)的主 KV 設(shè)計(jì)中，火仔駕駛著魔法機(jī)甲從焰火中騰空而起，在學(xué)院慶典上奏出超燃鼓點(diǎn)。機(jī)甲造型里加入了會(huì)員鵝與火焰相關(guān)的元素。

視覺(jué)組件

界面設(shè)計(jì)延續(xù)了主 KV 的圖形風(fēng)格及色彩搭配。圖形元素以機(jī)甲造型為主，輔以火焰裝飾。質(zhì)感則以表現(xiàn)科技感的全息、發(fā)光為主，同時(shí)結(jié)合二次元的描邊漫畫(huà)風(fēng)格。

字體方面，由于涉及到數(shù)據(jù)展示，設(shè)計(jì)師專門(mén)設(shè)計(jì)了一套機(jī)甲數(shù)字，并制成開(kāi)發(fā)可調(diào)用的字體包。其他中英文字體，根據(jù)平臺(tái)、運(yùn)營(yíng)場(chǎng)景也做了區(qū)分。

20 周年的系列活動(dòng)由多名設(shè)計(jì)師協(xié)作完成，為提高效率、確保界面風(fēng)格的一致性，UI 組件設(shè)計(jì)提取了機(jī)甲的圖形特征作為基因符號(hào)，細(xì)節(jié)上保持了 45 度的統(tǒng)一切角和機(jī)甲邊框裝飾。

主活動(dòng)頁(yè)面設(shè)計(jì)

20 周年活動(dòng)主頁(yè)面大致分為三個(gè)階段。第一階段為活動(dòng)預(yù)約階段，這個(gè)階段頭圖以火仔為主角，通過(guò)新穎的二次元形象吸引用戶參與活動(dòng)；第二、三階段能量值功能正式上線，分別為預(yù)售以及狂歡盛典階段，這期間頭圖以新功能 QQ 能量值為主題，用戶進(jìn)入活動(dòng)時(shí)通過(guò)炫酷的動(dòng)畫(huà)轉(zhuǎn)場(chǎng)后即可了解 QQ 能量值相關(guān)信息。

為凸顯科幻與漫畫(huà)感，主裝飾圖形結(jié)合了表現(xiàn)全息的半透明風(fēng)格以及硬朗的機(jī)甲邊框，輔助圖形則由二次元?jiǎng)勇Ｒ?jiàn)的機(jī)甲元素如斜紋斑馬線、輪胎線、瞄準(zhǔn)器邊框以及火焰等元素構(gòu)成，機(jī)甲及火焰圖形營(yíng)造出酷炫的活動(dòng)氛圍。

QQ 能量值頁(yè)面設(shè)計(jì)

關(guān)于 QQ 能量值，是在 QQ 里的賬號(hào)信息、活躍、消費(fèi)等 “行為積分” 的總數(shù)值，再將數(shù)值展示出來(lái)。在視覺(jué)元素提取中，從能量值的屬性出發(fā)，用“能量卡”的造型作為積累儲(chǔ)存，以“能量環(huán)”的形式展示數(shù)值。風(fēng)格上提取 kv 里的的“機(jī)械” “科技感” “漫畫(huà)風(fēng)” 等元素，貫徹了品牌調(diào)性。

所以在 KV 設(shè)計(jì)之初，我們就通過(guò)分析 20 周年以及能量值的屬性分別代表的設(shè)計(jì)元素，比如 20 周年是“青春”“熱血”等關(guān)鍵詞，而能量值則是，科技、智能等關(guān)鍵詞，為了能傳達(dá)“理所當(dāng)燃”的主題又讓畫(huà)面結(jié)合二者之間不沖突。所以提前做了場(chǎng)景化的預(yù)設(shè)。推出“熱血機(jī)甲”概念。包括能量值的落地頁(yè)的設(shè)計(jì)上，也只用了機(jī)甲的元素，在 20 周年結(jié)束之后的新用戶再進(jìn)入能量值也不會(huì)有違和感。

4. 20 周年活動(dòng)衍生設(shè)計(jì)

全網(wǎng)會(huì)員體系

活動(dòng)期間，我們同步推出了 QQ 會(huì)員 20 周年主題的限定等級(jí)圖標(biāo)以及特色會(huì)員鉆等系列裝扮，同樣以火焰和機(jī)甲為主題，全方位地打造超燃盛典。

燃鵝手辦設(shè)定

為紀(jì)念 QQ 會(huì)員 20 周年這個(gè)特殊的日子，設(shè)計(jì)師設(shè)計(jì)了一款限量版實(shí)體潮玩——“燃鵝”，在形象的再創(chuàng)作上加入了機(jī)甲及火焰元素，通過(guò)炫酷的服裝設(shè)計(jì)和發(fā)光的“紅毛”增加了會(huì)員鵝IP形象的潮流時(shí)尚感。

5. 外部聯(lián)動(dòng)

與此同時(shí)，為了權(quán)益邊界的突破與價(jià)格的優(yōu)惠，我們也與類似用戶群體的合作方一起推出聯(lián)合會(huì)員以及線下合作，商業(yè)價(jià)值方面相互讓利，相互宣傳，相互拉新，用戶體驗(yàn)方面讓 QQ 會(huì)員的享受更多領(lǐng)域的權(quán)益。

20 周年聯(lián)合會(huì)員

在 QQ 會(huì)員生態(tài)權(quán)益中，聯(lián)合其他平臺(tái)的會(huì)員活動(dòng)中，運(yùn)用其他平臺(tái)的專屬配色以及元素與我們的火仔做了相應(yīng)的結(jié)合，例如跟 b 站大會(huì)員的活動(dòng)頁(yè)面中，結(jié)合了 B 站的品牌粉色以及 B 站 logo 中的小電視，頁(yè)面控件也與 20 周年主活動(dòng)的風(fēng)格保持一致。本次聯(lián)合會(huì)員包括：快看漫畫(huà)、QQ 閱讀、芒果 TV、QQ 音樂(lè)、酷狗音樂(lè)、騰訊視頻、BiliBili。

漢口 2 廠汽水

線下我們也與漢口 2 廠汽水進(jìn)行合作，在包裝設(shè)計(jì)中結(jié)合 QQ 會(huì)員“燃鵝”以及合作方的 IP 形象進(jìn)行造型動(dòng)作統(tǒng)一加上火焰烘托氛圍的形式。

6. 品牌外部運(yùn)營(yíng)推廣

QQJOY 嘉年華

2020 年 11 月 20 日上海舉辦的 QQJOY 嘉年華，是集潮玩、二次元、娛樂(lè)為一體的潮流文化線下活動(dòng)，QQ 會(huì)員以“20 周年理所當(dāng)燃”為主題參加了本次會(huì)展。高達(dá) 2.4 米的實(shí)體燃鵝在展區(qū)閃亮登場(chǎng)，本次展覽除了介紹 QQ 會(huì)員 20 年來(lái)相關(guān)的周邊外，還有系列“燃”主題的現(xiàn)場(chǎng)互動(dòng)小游戲，用娛樂(lè)的方式加深用戶對(duì) QQ 會(huì)員的品牌感知。

明星祝福視頻

這次活動(dòng)還邀請(qǐng)了柳巖、孟美歧等當(dāng)紅藝人，為 QQ 會(huì)員 20 周年錄制了簡(jiǎn)短的祝福的 VCR。通過(guò)明星助力 20 周年活動(dòng)的廣泛傳播。

視頻鏈接：https://v.qq.com/x/page/s3248v6w4pm.html

20 周年宣傳片

QQ 會(huì)員 20 周年的宣傳視頻里，機(jī)甲及火焰元素貫穿始終。視頻色調(diào)以會(huì)員紅為主，細(xì)節(jié)動(dòng)畫(huà)模仿信號(hào)干擾的像素效果，大面積轉(zhuǎn)場(chǎng)使用了噴薄而出的火焰，結(jié)合各種科幻元素及帶感的背景電子樂(lè)，打造出超燃二次元賽博朋克風(fēng)格動(dòng)畫(huà)。

視頻鏈接：https://v.qq.com/x/page/h3248cgb74r.html

結(jié)語(yǔ)

最后會(huì)員 20 周年從促活拉新、品牌推廣與營(yíng)收增長(zhǎng)等多個(gè)維度，均圓滿完成 20 歲生日慶典慶生目標(biāo)，設(shè)計(jì)團(tuán)隊(duì)也進(jìn)行了一些經(jīng)驗(yàn)沉淀和方法總結(jié)，主要有 3 點(diǎn)：

1. 以活動(dòng)品牌為基礎(chǔ)，體系化的構(gòu)建以“渠道-場(chǎng)景-觸點(diǎn)-情感”為切入點(diǎn)的系列運(yùn)營(yíng)活動(dòng)，通過(guò)全網(wǎng)渠道分層級(jí)觸達(dá)目標(biāo)用戶，在核心觸點(diǎn)入口通過(guò)動(dòng)效、品牌應(yīng)用圖形等多維度吸引用戶，并在核心主場(chǎng)景通過(guò)多種玩法、多種慶生手段，疊加品牌設(shè)計(jì)活動(dòng)應(yīng)用氛圍引發(fā)用戶參與興趣并刺激轉(zhuǎn)化，最終整體達(dá)成“一起為會(huì)員 20 周年慶生”的狂歡 party 情感表達(dá)。

2. 重要節(jié)點(diǎn)的大型系列活動(dòng)，設(shè)計(jì)師可提前參與，與業(yè)務(wù)團(tuán)隊(duì)一起規(guī)劃探索活動(dòng)主題和玩法，并基于主題建立活動(dòng)品牌，確保有充足時(shí)間建立品牌，以保證后續(xù)的活動(dòng)延展應(yīng)用，也有助于雙方在品牌認(rèn)知層面達(dá)成一致性。

3. 系列活動(dòng)中，規(guī)范和組件化的輸出，對(duì)整體視覺(jué)風(fēng)格統(tǒng)一和跨團(tuán)隊(duì)合作效率都有很好的提升。

歡迎關(guān)注作者微信公眾號(hào)：「騰訊ISUX」