大廠出品!快手618大促設計完整復盤!

大家對「618 大促」應該不陌生了,它是年中重要的電商營銷節點。

快手電商在本次 618 大促中,對過去的營銷主題也做了全新的升級和定位,希望傳達給老鐵們一個理念:“好的生活,可以不貴”。 設計作為大促項目中重要的一環,不僅需要通過創意視覺來營造和傳達這一理念給用戶,同時還需要通過交互和 UI 手段,優化用戶的購買鏈路和購物體驗,進而助力 GMV 目標的達成。

下面就跟大家分享下本次快手 618 大促中,設計背后的一些思考。

更多快手案例:

一、風格定調

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

大廠出品!快手618大促設計完整復盤!

a. 視覺符號:

什么符號能讓用戶一眼看上去就有“不貴”的感知,且能在會場、線上、線下各鏈路復用性較高呢?帶著這個問題,大促設計組同學經歷了多輪腦爆。

大家想到了以下元素:

大廠出品!快手618大促設計完整復盤!

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

大廠出品!快手618大促設計完整復盤!

為了更好的把視覺符號應用到線上線下各種場景,從圖形截取、曲度數量、填充方式對符號進行了多種樣式的拓展,以滿足不同業務落地場景的需要。

大廠出品!快手618大促設計完整復盤!

比如,將爆炸貼應用到 618 LOGO 上,使 LOGO 更具辨識度,也強化主題表達的含義。

大廠出品!快手618大促設計完整復盤!

比如,將爆炸貼運用到會場頭圖主視覺中,強化營銷感。

大廠出品!快手618大促設計完整復盤!

比如,在會場二級頁延續爆炸貼作為背景,強化符號心智。

大廠出品!快手618大促設計完整復盤!

比如,在短視頻等關鍵場景中,采用爆炸貼包裹的方式進行延續,確保導流入口和會場的一致性。

大廠出品!快手618大促設計完整復盤!

同時,活動期間的周邊設計,我們也延續了這一符號,將線上線下場景做了全局的透傳。

大廠出品!快手618大促設計完整復盤!

b.色彩感知:

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

大廠出品!快手618大促設計完整復盤!

所以,接近 1 個月的大促周期里,我們通過顏色表達不同的促銷節點:普世且刺激的紅橙色給到周末爆發期的會場,夏日清涼的藍綠色用在周中日促期的會場,引導用戶感知大促進度與優惠力度。

大廠出品!快手618大促設計完整復盤!

大廠出品!快手618大促設計完整復盤!

同時,我們將顏色與動畫結合,使不同促銷階段的頭圖氛圍逐步遞增。

大廠出品!快手618大促設計完整復盤!

二、交互設計

a.交互鏈路:

大促活動時間周期長,涉及的用戶消費鏈路場景多,如何讓用戶了解活動并在后續鏈路中完成購買轉化是交互設計中核心要思考的問題。因此在設計過程中,需要從全局的角度考量,避免用戶鏈路中出現斷點。

大廠出品!快手618大促設計完整復盤!

其中,主會場作為鏈路中的核心樞紐,不僅承接著各個渠道的用戶流量,同時又承擔向分會場的導流的作用,因此,主會場的設計直接影響著用戶“逛”的體驗。

大廠出品!快手618大促設計完整復盤!

b.會場框架:

我們將主會場依據“首屏、二屏、三屏”劃分框架,引導用戶在會場“逛”起來。

想逛:“首屏”作為主會場的第一觸點,分為三重結構:主題+優惠+商品,讓用戶迅速了解這是什么,有什么優惠,能買什么。

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

一直逛:“三屏”進入 Feed 區,以豐富的商品信息,持續牽引用戶逛。

大廠出品!快手618大促設計完整復盤!

c.信息布局:

促銷樓層需要將不同的主題、補貼、價格等信息呈現給用戶。我們提煉了一套通用的樓層容器,用“標題區、商品區、操作區”整合內容并劃分信息層級,也保證形式的一致性。

大廠出品!快手618大促設計完整復盤!

標題區

使用大字號直接傳達利益來提升吸引力,同時在輔助信息區明確信任保障。

大廠出品!快手618大促設計完整復盤!

商品區與操作區

商品圖:盡量使用白底,既保證商品品質,又適配不同樓層顏色,同時也可以清晰展示商品的促銷標簽.

操作區:統一使用價格+行動按鈕的組合方式,清晰指引用戶完成購買。

大廠出品!快手618大促設計完整復盤!

三、UI 設計

在用戶瀏覽商品時,我們通過設計手段引導視覺動線,解決用戶“理解”和“轉化”的問題。

a.利益強化:

用戶對數字的敏感度更高,我們在標題區通過加大字體,傾斜金額并用顏色強化,來突出利益點輔助用戶決策。

大廠出品!快手618大促設計完整復盤!

b.視覺焦點:

強化操作區的顏色和營銷感,確保所有會場樓層中行為按鈕是視覺焦點,提升點擊轉化。

大廠出品!快手618大促設計完整復盤!

c.形式吸睛:

在承擔核心轉化的促銷樓層采用異形處理,比如:使用券的特征作為背景,使用爆炸作為按鈕,在形式上更加吸睛。

大廠出品!快手618大促設計完整復盤!

d.氛圍營造:

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

比如:用箭頭來表達直降,用火苗來表達瘋搶,用傾斜的大數字來表達優惠價格。

大廠出品!快手618大促設計完整復盤!

四、線下活動

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

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

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

大廠出品!快手618大促設計完整復盤!

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

超級品牌日海報使用夏日輕盈質感配合向上的感受,將 6 大品牌的時令性產品與夏日場景結合,貼合夏日的輕松感。

大廠出品!快手618大促設計完整復盤!

c.時尚|快手超級品牌日 X 時尚芭莎

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

大廠出品!快手618大促設計完整復盤!

五、結語

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

大廠出品!快手618大促設計完整復盤!

收藏 240
點贊 137

復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。