2021-3-17 ui設(shè)計(jì)分享達(dá)人
QQ 購(gòu)物號(hào)是專門為 QQ 用戶定制的購(gòu)物平臺(tái),2020 年隨著疫情過后,整體電商行業(yè)開始恢復(fù)階段,QQ 購(gòu)物號(hào)計(jì)劃了今年雙 11 大促季活動(dòng),活動(dòng)的業(yè)務(wù)目標(biāo)是希望強(qiáng)化特殊樣式設(shè)計(jì)來促進(jìn)購(gòu)買轉(zhuǎn)化,驅(qū)動(dòng)整體大盤消耗與效果提升。為此如何通過設(shè)計(jì)賦能業(yè)務(wù),從而突破增長(zhǎng)的瓶頸呢?
購(gòu)物號(hào)是屬于 QQ 的訂閱號(hào)服務(wù),整體的曝光位置并沒有很好,而且這次大促設(shè)計(jì)的落腳點(diǎn)只通過外層的樣式和推送頁面的廣告內(nèi)容進(jìn)行展示。
以及要如何去滿足不同電商廣告主的投放訴求,和不同素材規(guī)格的投放適配,這都是需要去考慮和解決的問題。
1. 通過品牌關(guān)鍵詞定義視覺情緒版
QQ 購(gòu)物號(hào)用戶群主要還是 00 后為主,這些年輕群體的購(gòu)物趨勢(shì)變化非??欤瑢徝酪笠苍絹碓礁?!
所以前期思考了大量的關(guān)鍵分別為:活力/期待/年輕/狂歡/心動(dòng)/發(fā)現(xiàn)/熱愛,最后確定以活力/熱愛為這次大促季的品牌關(guān)鍵詞
2. 不同時(shí)期變化
隨著大促運(yùn)營(yíng)節(jié)奏的慢慢展開,視覺側(cè)也需要考慮到相應(yīng)的視覺變化去引導(dǎo)用戶的感官,避免用戶審美疲勞。
嘗試前期的預(yù)熱階段通過特殊視覺吸睛,第一眼先抓住用戶的眼球,進(jìn)入狂歡階段,則可以利用動(dòng)效加持來進(jìn)一步吸引用戶。
1. 讓容器層面提升專屬感
通過多方案從常規(guī)到異形多結(jié)構(gòu)卡片探索,這里為了避免品牌標(biāo)識(shí)壓在廣告素材上會(huì)有遮擋問題,同時(shí)又要突出品牌標(biāo)識(shí)。
所以前期預(yù)熱期選用卡片 F 更能強(qiáng)化品牌感,可以讓用戶更有代入感,當(dāng)?shù)搅丝駳g期選用卡片 G,通過擴(kuò)大視覺著色區(qū)域,提升品牌專屬內(nèi)容曝光優(yōu)先級(jí),增加用戶吸引力。
2. 利用情感化氛圍與用戶溝通
從前期的分析得出 QQ 購(gòu)物的用戶群是非常年輕的 00 后,所以整體視覺上需要運(yùn)用更具年輕和活力的情感化氛圍。
通過品牌字體上使用現(xiàn)代硬朗風(fēng)格,巧妙的融入氣泡元素,提升大促氛圍,在傳播上結(jié)合 QQ 購(gòu)物的品牌符號(hào)。
包括品牌頭像以及卡片的氛圍圖形也采用氣球泡泡,彰顯活力感。整體保持一致的視覺體驗(yàn)。
對(duì)于整體色系上延續(xù) QQ 購(gòu)物的品牌基調(diào),輕漸變暖紅色更能營(yíng)造年輕、購(gòu)物、活力的調(diào)性,讓用戶更有情感上的共鳴。
3. 通過動(dòng)效不斷激發(fā)用戶的行動(dòng)力
整體的動(dòng)效節(jié)奏通過吸引-激發(fā)-共鳴-行動(dòng)四重奏來進(jìn)行,讓用戶更深刻去感知大促狂歡期的感知。
比如在外層入口上通過動(dòng)態(tài)頭像來吸引用戶注意力,當(dāng)用戶進(jìn)入 QQ 購(gòu)物號(hào)后,利用帶有大促品牌的禮包彩蛋來制造驚喜感,吸引用戶搶禮包。
再通過卡片若隱若現(xiàn)的動(dòng)態(tài)圖形去烘托氛圍感達(dá)到用戶共鳴,以及行動(dòng)按鈕的微動(dòng)效觸發(fā)用戶行動(dòng)。
4. 高效適配于不同規(guī)格廣告位
QQ 購(gòu)物支持投放多種廣告位,因此定下整體視覺風(fēng)格后,快速對(duì)不同規(guī)格廣告位進(jìn)行適配復(fù)用。
廣告主提供不同素材規(guī)格均可適配投放,降低廣告主成本,也讓用戶達(dá)到視覺的統(tǒng)一體驗(yàn)
經(jīng)過這次官方活動(dòng)大促的主視覺風(fēng)格塑造,我們沉淀下來整套視覺框架結(jié)構(gòu)。
通過制定設(shè)計(jì)規(guī)范可以讓廣告主自定義皮膚模版,以及分不同行業(yè)模版,比如拼多多五周年的定制模版以及在寒假期間推出的 K12 教育行業(yè)模版。
不僅降低廣告主制作成本,也通過更吸睛的皮膚模版提升促進(jìn)購(gòu)買轉(zhuǎn)化,驅(qū)動(dòng)整體大盤消耗與效果提升!
本次活動(dòng)的數(shù)據(jù)指標(biāo)目標(biāo)達(dá)成,整體的增長(zhǎng)環(huán)比 19 年的雙 11 和今年的 618 均有了較大幅度的提升!
在設(shè)計(jì)策略與運(yùn)營(yíng)策略配合優(yōu)化下,11.01-11.11 的廣告主整體預(yù)算消耗超出 4 千萬,完成預(yù)期超出 16%,也提升用戶的轉(zhuǎn)化率。
回顧整個(gè)雙 11 大促活動(dòng),我最大的感悟是要有全局觀!
前期基于對(duì)產(chǎn)品目標(biāo)的了解,從更高的角度去理清產(chǎn)品思路定下設(shè)計(jì)策略,結(jié)合個(gè)人設(shè)計(jì)手法不斷的打磨細(xì)節(jié)。當(dāng)然整個(gè)過程會(huì)碰撞出很多思考和糾結(jié),需要不斷的實(shí)踐、驗(yàn)證。
隨著廣告主對(duì)品效要求越來越高,未來電商的廣告形式也開始隨著精細(xì)化運(yùn)營(yíng)的方向發(fā)展,這些變化可能對(duì)商業(yè)化設(shè)計(jì)師來說,或許是一種挑戰(zhàn)和機(jī)遇
文章來源:優(yōu)設(shè)網(wǎng) 作者:土撥鼠
藍(lán)藍(lán)設(shè)計(jì)( www.wnxcall.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.wnxcall.com