風靡朋友圈的 QQ 25周年活動,是如何設計出來的?

一、背景:尋找所有的關系的起點

25 年前的 2 月 9 日,大家靠一只企鵝和一根網(wǎng)線,撥通了一個時代。

這就是 QQ,開啟幾個世代國人網(wǎng)絡社交生活的初代超級 App,在 2024 年 2 月 10 日,迎來了 25 周歲生日。這個過程里,見證無數(shù)人找到自己的同學、朋友、戀人……。

在 25 周年 QQ 生日這天,QQ 想為大家找回和看見,所有關系的容貌和起點。

更多QQ設計案例:

二、策略:繪制一幅社交圖鑒

社交由無數(shù)段關系交織而成,有遇見,有分離,有常駐,有短聚。如果把社交過程比喻成一幅畫,退后看會發(fā)現(xiàn):大家都有著類似的社交節(jié)點,但又有著不同的社交脈絡。

不同于以往的盤點活動,重點呈現(xiàn)結果的方式恰好相反,過程即精彩。所以,何不用社交過程的數(shù)據(jù),繪制一幅生動的社交圖鑒。

三、創(chuàng)意:為用戶造一棵樹

那么,怎樣的圖鑒才能體現(xiàn)出「過程感」呢?Brainstorming 階段,我們嘗試了諸多解決方案,其中包括但不限于:盲盒/穿越/狼人殺/復古/拼接/場景化等等。在創(chuàng)意進入卡點之際,我們還是回到用戶數(shù)據(jù)本身,從中找到最合適描述方式。

一個 QQ 號,就是一個社交故事的萌芽,用戶用自己的人際探索,交織出去定義未來的關系。

大家在不停的聚散離合中,延伸長大。

正如 Family Tree 能夠定義一部家族史,用戶也在用自己的成長際遇,長出自己的社交樹。

風靡朋友圈的 QQ 25周年活動,是如何設計出來的?

四、執(zhí)行:讓故事長出來

1. 視覺設定

①場景設定

圍繞著“樹”這一先行視覺主題元素,結合 QQ25 周年的運營盤點的用戶數(shù)據(jù),我們試圖找到樹各個部分與用戶數(shù)據(jù)之間的聯(lián)系,使場景具備關聯(lián)性和合理性。

風靡朋友圈的 QQ 25周年活動,是如何設計出來的?

通過視圖網(wǎng)絡,我們將“用戶數(shù)據(jù)”和“樹的部位”一一關聯(lián)起來

②分鏡與動線的設定

我們希望用戶在體驗過程中。有向上“爬樹”的感覺,所以結合前面的用戶數(shù)據(jù)呈現(xiàn)與樹的關聯(lián),我們做了一個從樹干到樹頂?shù)囊粋€動線設計,讓用戶在體驗的過程,既可以感受到樹每一個場景的變化,也能有不斷向上的爬升感。

風靡朋友圈的 QQ 25周年活動,是如何設計出來的?

③鏡頭設計

1)前期準備

在有了整體的分鏡構思之后,我們結合每個鏡頭需要展現(xiàn)的數(shù)據(jù),分別嘗試找了相應的鏡頭設計參考,為每個鏡頭找出能夠呈現(xiàn)出最佳質(zhì)感的可能性,給接下來的建模工作打好基礎。

風靡朋友圈的 QQ 25周年活動,是如何設計出來的?

2)過程優(yōu)化

在建模初稿完成后,我們會根據(jù)當前情況,給到更加準確的設定/色調(diào)/質(zhì)感參考。以下圖的首頁為例,可以看到在初期的設定中,只有一個“種子懸在草原上方的空中”的大致概念,有了雛形之后,再不斷的豐富畫面,像水塘、倒影、光影效果等,力求細節(jié)刻畫到位,虛實前后層次分明,能夠充分體現(xiàn)出我們理想中的“故事鏡頭感”。

風靡朋友圈的 QQ 25周年活動,是如何設計出來的?

風靡朋友圈的 QQ 25周年活動,是如何設計出來的?

風靡朋友圈的 QQ 25周年活動,是如何設計出來的?

風靡朋友圈的 QQ 25周年活動,是如何設計出來的?

風靡朋友圈的 QQ 25周年活動,是如何設計出來的?

風靡朋友圈的 QQ 25周年活動,是如何設計出來的?

風靡朋友圈的 QQ 25周年活動,是如何設計出來的?

風靡朋友圈的 QQ 25周年活動,是如何設計出來的?

所有頁面合集

2. 字體設計

字體的設計上,我們嘗試了不同的方向的嘗試,有將“樹”融入字體設計中的,也有將字體進行夸張變形的,最后我們選擇了辨識度比較高的字體設計方向。通過小幅度的筆畫變形處理,保持了字體的可讀性和美感。

風靡朋友圈的 QQ 25周年活動,是如何設計出來的?

風靡朋友圈的 QQ 25周年活動,是如何設計出來的?

最終選定的標題字體設計

3. 文案設計

除了一些通用數(shù)據(jù),個性化部分則主要側重在兩個信息內(nèi)容:星座與省份。因為這兩個部分是用戶個體無法預判和總結的,有著同樣的不可確定性和命定感,且只能官方后臺統(tǒng)計,展示出來,更具用戶價值和獨占性。

風靡朋友圈的 QQ 25周年活動,是如何設計出來的?

星座&省份的細分文案

4. 版本設計

①4 大版本

本次活動中,用戶在每一個場景里都可以進行分享,我們在文案上做了兩套設定。有活動體驗過程中的文案,也有保存為分享頁后的文案。前者可以保持用戶體驗活動的流暢感,后者的文案改動可以保持每個場景作為分享圖的獨立性。

不止如此,對無數(shù)據(jù)的用戶也單獨設定了文案和分享頁,盡最大可能保證 QQ 的所有用戶都可無損體驗本次活動。

風靡朋友圈的 QQ 25周年活動,是如何設計出來的?

②員工彩蛋

我們還為騰訊員工準備了一頁彩蛋,只要是用戶現(xiàn)在或者曾經(jīng)在騰訊工作過,都會收到一頁特別的彩蛋頁面,感謝 QQ25 周年過程中,曾經(jīng)一起并肩作戰(zhàn)過,來了就是鵝廠 QQ 人!

風靡朋友圈的 QQ 25周年活動,是如何設計出來的?

③投放物料

本次活動也涉及到了很多物料的宣發(fā)設計。我們充分利用了每個畫面進行物料的延展設計。

風靡朋友圈的 QQ 25周年活動,是如何設計出來的?

五、彩蛋反饋:我們比想象的更易破防

在整個流程中,有兩頁內(nèi)容,意外的成為抖音與小紅書的“爆款”,那就是「數(shù)據(jù)最多的人」、「早期好友」頁,無意中,成了大家的“前任墻”?;貞泚淼臅r候不講道理,美好夾雜著酸澀,就這樣喚醒了大家,那些放不下的羈絆。

風靡朋友圈的 QQ 25周年活動,是如何設計出來的?

部分用戶分享截圖

六、結尾:一棵樹,不會停止生長

一個 QQ 號,就是你我投出的一顆社交種子,一路上我們收獲美好,也體驗遺憾,走遠了回頭看才會發(fā)現(xiàn),原來每段關系,都有它的意義。當每個故事持續(xù)生長,最后就慢慢變成你獨一無二的社交樹。

正如一棵樹,不會停止生長,我們對生活的探索也不會停止。祝 QQ25 周年快樂,祝你的社交樹,依舊人來人往,向上生長。

風靡朋友圈的 QQ 25周年活動,是如何設計出來的?

歡迎關注作者微信公眾號:「騰訊ISUX」

風靡朋友圈的 QQ 25周年活動,是如何設計出來的?

收藏 31
點贊 33

復制本文鏈接 文章為作者獨立觀點不代表優(yōu)設網(wǎng)立場,未經(jīng)允許不得轉載。