大家對「618 大促」應(yīng)該不陌生了，它是年中重要的電商營銷節(jié)點(diǎn)。

快手電商在本次 618 大促中，對過去的營銷主題也做了全新的升級和定位，希望傳達(dá)給老鐵們一個(gè)理念：“好的生活，可以不貴”。 設(shè)計(jì)作為大促項(xiàng)目中重要的一環(huán)，不僅需要通過創(chuàng)意視覺來營造和傳達(dá)這一理念給用戶，同時(shí)還需要通過交互和 UI 手段，優(yōu)化用戶的購買鏈路和購物體驗(yàn)，進(jìn)而助力 GMV 目標(biāo)的達(dá)成。

下面就跟大家分享下本次快手 618 大促中，設(shè)計(jì)背后的一些思考。

更多快手案例：

一、風(fēng)格定調(diào)

風(fēng)格定調(diào)，首先需要圍繞著“好的生活，可以不貴”出發(fā)。我們希望通過視覺符號及色彩感知，傳遞給用戶這一購物心智。

a. 視覺符號：

什么符號能讓用戶一眼看上去就有“不貴”的感知，且能在會場、線上、線下各鏈路復(fù)用性較高呢？帶著這個(gè)問題，大促設(shè)計(jì)組同學(xué)經(jīng)歷了多輪腦爆。

大家想到了以下元素：

經(jīng)過多輪的討論，最終選用了最樸實(shí)，且符合用戶線下心智的“爆炸貼”，作為本次大促的核心符號。

為了更好的把視覺符號應(yīng)用到線上線下各種場景，從圖形截取、曲度數(shù)量、填充方式對符號進(jìn)行了多種樣式的拓展，以滿足不同業(yè)務(wù)落地場景的需要。

比如，將爆炸貼應(yīng)用到 618 LOGO 上，使 LOGO 更具辨識度，也強(qiáng)化主題表達(dá)的含義。

比如，將爆炸貼運(yùn)用到會場頭圖主視覺中，強(qiáng)化營銷感。

比如，在會場二級頁延續(xù)爆炸貼作為背景，強(qiáng)化符號心智。

比如，在短視頻等關(guān)鍵場景中，采用爆炸貼包裹的方式進(jìn)行延續(xù)，確保導(dǎo)流入口和會場的一致性。

同時(shí)，活動期間的周邊設(shè)計(jì)，我們也延續(xù)了這一符號，將線上線下場景做了全局的透傳。

b.色彩感知：

提到電商營銷活動，大家想到的就是大紅大紫的配色，看起來很有刺激性。由于本次的大促主題中包含著“好的生活”這層含義，我們希望通過更加鮮亮的顏色，傳遞給用戶這一感受，而非一味的使用紅色。

所以，接近 1 個(gè)月的大促周期里，我們通過顏色表達(dá)不同的促銷節(jié)點(diǎn)：普世且刺激的紅橙色給到周末爆發(fā)期的會場，夏日清涼的藍(lán)綠色用在周中日促期的會場，引導(dǎo)用戶感知大促進(jìn)度與優(yōu)惠力度。

同時(shí)，我們將顏色與動畫結(jié)合，使不同促銷階段的頭圖氛圍逐步遞增。

二、交互設(shè)計(jì)

a.交互鏈路：

大促活動時(shí)間周期長，涉及的用戶消費(fèi)鏈路場景多，如何讓用戶了解活動并在后續(xù)鏈路中完成購買轉(zhuǎn)化是交互設(shè)計(jì)中核心要思考的問題。因此在設(shè)計(jì)過程中，需要從全局的角度考量，避免用戶鏈路中出現(xiàn)斷點(diǎn)。

其中，主會場作為鏈路中的核心樞紐，不僅承接著各個(gè)渠道的用戶流量，同時(shí)又承擔(dān)向分會場的導(dǎo)流的作用，因此，主會場的設(shè)計(jì)直接影響著用戶“逛”的體驗(yàn)。

b.會場框架：

我們將主會場依據(jù)“首屏、二屏、三屏”劃分框架，引導(dǎo)用戶在會場“逛”起來。

想逛：“首屏”作為主會場的第一觸點(diǎn)，分為三重結(jié)構(gòu)：主題+優(yōu)惠+商品，讓用戶迅速了解這是什么，有什么優(yōu)惠，能買什么。

愛逛：“二屏”承載著不同的商品組織形式，讓用戶迅速定位到感興趣的促銷樓層。

一直逛：“三屏”進(jìn)入 Feed 區(qū)，以豐富的商品信息，持續(xù)牽引用戶逛。

c.信息布局：

促銷樓層需要將不同的主題、補(bǔ)貼、價(jià)格等信息呈現(xiàn)給用戶。我們提煉了一套通用的樓層容器，用“標(biāo)題區(qū)、商品區(qū)、操作區(qū)”整合內(nèi)容并劃分信息層級，也保證形式的一致性。

標(biāo)題區(qū)

使用大字號直接傳達(dá)利益來提升吸引力，同時(shí)在輔助信息區(qū)明確信任保障。

商品區(qū)與操作區(qū)

商品圖：盡量使用白底，既保證商品品質(zhì)，又適配不同樓層顏色，同時(shí)也可以清晰展示商品的促銷標(biāo)簽.

操作區(qū)：統(tǒng)一使用價(jià)格+行動按鈕的組合方式，清晰指引用戶完成購買。

三、UI 設(shè)計(jì)

在用戶瀏覽商品時(shí)，我們通過設(shè)計(jì)手段引導(dǎo)視覺動線，解決用戶“理解”和“轉(zhuǎn)化”的問題。

a.利益強(qiáng)化：

用戶對數(shù)字的敏感度更高，我們在標(biāo)題區(qū)通過加大字體，傾斜金額并用顏色強(qiáng)化，來突出利益點(diǎn)輔助用戶決策。

b.視覺焦點(diǎn)：

強(qiáng)化操作區(qū)的顏色和營銷感，確保所有會場樓層中行為按鈕是視覺焦點(diǎn)，提升點(diǎn)擊轉(zhuǎn)化。

c.形式吸睛：

在承擔(dān)核心轉(zhuǎn)化的促銷樓層采用異形處理，比如：使用券的特征作為背景，使用爆炸作為按鈕，在形式上更加吸睛。

d.氛圍營造：

操作區(qū)按鈕使用符合線下賣場固有心智的圖形來表達(dá)營銷氛圍，更易被用戶理解。

比如：用箭頭來表達(dá)直降，用火苗來表達(dá)瘋搶，用傾斜的大數(shù)字來表達(dá)優(yōu)惠價(jià)格。

四、線下活動

除此之外，618 正值夏日高考季。我們圍繞“高考、夏日、時(shí)尚”，在快手電商 IP“萬事大集”“超級品牌日”等活動中進(jìn)行更多元的設(shè)計(jì)，釋放大家的創(chuàng)意。

a.高考｜萬事大集 - 線上求簽線下趕烤

圍繞高考熱點(diǎn)，在淄博舉辦“快手 618 萬事大集·趕烤會”，配合線上求簽許愿來發(fā)酵傳播

b.夏日｜快手超級品牌日 - 夏日入侵

超級品牌日海報(bào)使用夏日輕盈質(zhì)感配合向上的感受，將 6 大品牌的時(shí)令性產(chǎn)品與夏日場景結(jié)合，貼合夏日的輕松感。

c.時(shí)尚｜快手超級品牌日 X 時(shí)尚芭莎

與時(shí)尚雜志《芭莎男士》合作，以時(shí)下大火的“多巴胺”穿搭為靈感，與天海藏、富安娜、iQOO、榮耀和 Ulike5 大品牌聯(lián)名推出品牌聯(lián)合海報(bào)。

五、結(jié)語

以上是我們在本次 618 大促的設(shè)計(jì)思路，也是團(tuán)隊(duì)小伙伴們共同努力的成果。希望未來我們可以用設(shè)計(jì)的能量，讓老鐵們在快手買的開心，買的實(shí)惠，感受“好的生活，可以不貴”。