一次成功的紅包助力活動(dòng),該如何設(shè)計(jì)?(以58App春節(jié)運(yùn)營活動(dòng)為例)

2 評(píng)論 17948 瀏覽 103 收藏 10 分鐘

春節(jié)是一年最為重要的節(jié)日之一,也是流量的高峰期。如何在這樣的節(jié)日中打造一個(gè)體驗(yàn)不錯(cuò)的活動(dòng),需要產(chǎn)品、設(shè)計(jì)、技術(shù)的緊密配合,這次活動(dòng)的合作和產(chǎn)出對(duì)我們每個(gè)人都是一次寶貴的經(jīng)驗(yàn),那么設(shè)計(jì)在其中做了什么工作,讓我娓娓道來…

1. 項(xiàng)目背景

今年春節(jié)運(yùn)營活動(dòng)與以往有些不同之處,在為配合整體App沖量和促進(jìn)活躍度之外,希望從主體、內(nèi)容、推廣資源上與鄉(xiāng)鎮(zhèn)、同鎮(zhèn)、老鄉(xiāng)概念相結(jié)合收集家鄉(xiāng)信息,為后續(xù)產(chǎn)品作以積累,也希望可以通過活動(dòng)嘗試找出微信社交紅利導(dǎo)流App的有效途徑。那么用什么樣的方式來達(dá)到這些目的呢?

2. 前期準(zhǔn)備

圍繞核心目的,我們與產(chǎn)品、交互、進(jìn)行頭腦風(fēng)暴,研究案例, 從中汲取靈感,產(chǎn)生出很多不同的風(fēng)格(如溫情路線、傳播路線、游戲路線等)及活動(dòng)形式。最終確定以熱門方式之一的紅包現(xiàn)金作為激勵(lì),讓用戶填寫家鄉(xiāng)信息得紅包, 老鄉(xiāng)助力加紅包,拆紅包得獎(jiǎng)勵(lì)、家鄉(xiāng)榮譽(yù)榜這樣的一個(gè)形式, 來達(dá)到最終的預(yù)期。

在活動(dòng)形式與交互流程確認(rèn)之后,開始進(jìn)一步的設(shè)計(jì), 在各方討論之后, 我們認(rèn)為在設(shè)計(jì)層面它應(yīng)該具有以下幾點(diǎn):

  • 需要傳達(dá)的信息明確
  • 主題基調(diào)貫穿活動(dòng)
  • 視覺風(fēng)格和感受具有氛圍感,有一定視覺沖擊力

3. 正式開工

3.1 關(guān)鍵詞提煉

確定整體活動(dòng)基調(diào),這次是在春節(jié)這個(gè)節(jié)日之下,以紅包為主體, 結(jié)合老鄉(xiāng)概念,因此提出下面幾個(gè)關(guān)鍵詞,使得紅包活動(dòng)與春節(jié)整體氛圍相符。

3.2 主視覺推導(dǎo)

確定關(guān)鍵詞之后,就可以考慮一下具體用什么樣的風(fēng)格來呈現(xiàn), 在收集了一些春節(jié)的運(yùn)營風(fēng)格之后,我們決定采用扁平+中國風(fēng)的風(fēng)格。

3.3 活動(dòng)界面

(1)活動(dòng)主界面

結(jié)合上面分析和要突出的元素,開始繪制活動(dòng)主頁草圖。主界面在春節(jié)喜慶氛圍之下,以紅包作為主體,加入老鄉(xiāng),春節(jié)等元素進(jìn)行引導(dǎo)用戶點(diǎn)擊搶紅包,進(jìn)入填寫家鄉(xiāng)信息的彈窗界面。給大家看一下所出的3個(gè)草圖方案,如下,經(jīng)過比較和討論決定采用方案1的草圖。

將方案細(xì)化后, 將色彩以暖色紅黃色為主色調(diào),冷色調(diào)作為點(diǎn)綴,營造出一種春節(jié)喜氣洋洋的氛圍, 同時(shí)在主界面中最重要的一個(gè)button也采用反差較大的黃色刺激用戶點(diǎn)擊欲望。

(2)拆紅包頁

增加動(dòng)態(tài)滑動(dòng)拆紅包效果來提高用戶參與感, 并伴隨拆紅包同時(shí),老鄉(xiāng)好友互相助力得多紅包,引導(dǎo)用戶分享傳播,可以看到家鄉(xiāng)助力排行,刺激用戶為家鄉(xiāng)助力,在視覺上與主視覺貫穿主基調(diào)風(fēng)格。

(3)助力榜及提現(xiàn)頁

助力榜頁面是基于APP端差異化的內(nèi)容, 正如項(xiàng)目背景中所說的,這個(gè)活動(dòng)不僅傳播于APP端,也嘗試借助其它平臺(tái)微信來進(jìn)行傳播分享,而微信本身在傳播過程上有一些特殊的限制, 因此我們不能用完全相同的設(shè)計(jì)圖,要做一些差異化, 做到既能保持視覺的統(tǒng)一性,又能保證在微信平臺(tái)順利傳播。整個(gè)畫面榜單的設(shè)計(jì)采用古代大榜告示的樣式,結(jié)合春節(jié)氛圍, 引起用戶的共鳴。助力成功后,提現(xiàn)頁與整體保持一致的風(fēng)格。

(4)彈窗

多種狀態(tài)下的彈窗, 在不變中又包含差異, 每組彈窗都會(huì)有細(xì)微調(diào)整。

入口設(shè)計(jì)是在視覺上吸引用戶點(diǎn)擊, 達(dá)到對(duì)活動(dòng)進(jìn)行導(dǎo)流的很好的方式。而落地頁則用言簡意賅的文字和豐富的視覺表現(xiàn)來達(dá)到吸引用戶進(jìn)入活動(dòng)頁面的目的。同時(shí), 閃屏?xí)钱?dāng)用戶第一時(shí)間打開產(chǎn)品時(shí)都會(huì)瀏覽到的界面,所帶來的導(dǎo)流用戶量也是非常可觀的。

(5)入口

設(shè)計(jì)依舊采用貫穿整體風(fēng)格元素,色彩沖擊力強(qiáng)的特別吸引用戶點(diǎn)擊。

(6)落地頁

用整體風(fēng)格的延續(xù), 用指向性的動(dòng)勢來引導(dǎo)用戶點(diǎn)擊進(jìn)入活動(dòng)頁面。

(7)閃屏

閃屏出現(xiàn)不同階段, 因此做了不同內(nèi)容的視覺。

4. 數(shù)據(jù)反饋

活動(dòng)時(shí)長為12天, 涉及3個(gè)平臺(tái),投放17個(gè)渠道。 總?cè)栈?、日均活躍度及次日留存數(shù)據(jù)如下:

同時(shí),活動(dòng)為APP整體日活目標(biāo)助力,實(shí)際達(dá)成活躍440W,收集家鄉(xiāng)信息71W,整體達(dá)到之前預(yù)期的目標(biāo)。

5. 設(shè)計(jì)總結(jié)?

整個(gè)活動(dòng)的體驗(yàn)上是比較順暢的, 并且上線之后的效果也達(dá)到預(yù)想的目標(biāo), 這得力于大家的緊密合作,也很特別感謝和我一起負(fù)責(zé)視覺的南小斐,和伍思晟童鞋, 同時(shí)這段時(shí)間的運(yùn)營工作中我也學(xué)習(xí)到很多, 有一些相關(guān)經(jīng)驗(yàn)和感觸, 和大家分享:

(1)活動(dòng)策劃提前做

前期中的創(chuàng)意想法的腦暴為后面出草圖方案給到了很多靈感, 這一點(diǎn)得力于大家的奇思妙想,也上設(shè)計(jì)和交互的工作時(shí)間上有所保證, 并把想法方向堅(jiān)持下去,避免了設(shè)計(jì)常因方向變化而導(dǎo)致大反攻。

(2)人群生活勤觀察

更好觀察這類人群的特性,喜好,及把握用戶的心里, 并通過理解和感受體驗(yàn)提取轉(zhuǎn)化為元素展現(xiàn)在我們的設(shè)計(jì)中, 才能做到讓用戶看到畫面產(chǎn)生共鳴。讓用戶理解活動(dòng)的意義, 而不僅僅是停留在表面的美丑上。

(3)要和開發(fā)當(dāng)閨蜜

在整個(gè)過程中, 論配合, 當(dāng)然是和開發(fā)童鞋之間的關(guān)系啦, 要互相溝通理解,設(shè)計(jì)了解技術(shù)上處理的難點(diǎn)從而盡量規(guī)避,而開發(fā)知道設(shè)計(jì)的要求和問題, 從而找出合理的解決方法, 這樣才能更有效率的做出好的東西。我們可以吸取活動(dòng)中好的經(jīng)驗(yàn),把它固化然后運(yùn)用到更多的項(xiàng)目中, 同時(shí)也把已出現(xiàn)的問題提出避免再次產(chǎn)生, 從而設(shè)計(jì)出更好的作品!

特別感謝一起為春運(yùn)項(xiàng)目付出的童學(xué)們:

 

作者:佟佳昕,視覺設(shè)計(jì)師,一個(gè)做設(shè)計(jì)做陶器的畫畫小妹

本文來源于人人都是產(chǎn)品經(jīng)理合作媒體@58用戶體驗(yàn)設(shè)計(jì)中心(微信公眾號(hào)@58UXD),作者@佟佳昕

題圖來源于網(wǎng)絡(luò)

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 不錯(cuò)

    來自廣東 回復(fù)