恭喜你成為UI中國推薦設計師 (詳情)
//百度統計 20220402 uicn

您的意見是我們 UI 中國進步的動力!
點擊立即反饋按鈕,發表您的意見!
立即反饋
QQ群反饋
您也可以加入UI中國官方反饋群進行反饋!
群號:302892100
備注:反饋問題后@管理員能讓我們及時了解您的意見

提交需求

賽事與廣告咨詢合作,請填寫需求表單,我們會在第一時間與您聯系!

0/20
0/200

設計大賽

  • 設計大賽
  • 發布廣告
  • 發布招聘
  • 其它需求

提交完成
感謝您對UI中國的支持和信賴!
快手618大促設計思考
51.4°
2023-09-28 原創文章 經驗/觀點 舉報 10637 60 129 2

2023年快手618大促活動,設計團隊背后的思考與總結,期待與更多設計伙伴們交流

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

快手電商在本次618大促中,對過去的營銷主題也做了全新的升級和定位,希望傳達給老鐵們一個理念:“好的生活,可以不貴”。

設計作為大促項目中重要的一環,不僅需要通過創意視覺來營造和傳達這一理念給用戶,同時還需要通過交互和UI手段,優化用戶的購買鏈路和購物體驗,進而助力GMV目標的達成。

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


一、風格定調:

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


a.視覺符號:

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

大家想到了以下元素:


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


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


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


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


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


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


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


b.色彩感知:

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


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


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


二、交互設計:

a.交互鏈路:

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


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


b.會場框架:

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

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

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

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


c.信息布局:

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


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


商品區與操作區

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

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



三、UI設計:

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

a.利益強化:

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


b.視覺焦點:

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


c.形式吸睛:

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


d.氛圍營造:

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

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


四、線下活動:

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


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

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


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

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


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

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


五、結語:

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

歡迎加入快手電商設計中心,創意、UI、交互熱招中

Powered by Froala Editor

創建:2023-09-28
更新:2023-09-28

收藏

60人已收藏

快手電商設計中心

負責快手電商用戶產品、商家產品的全鏈路體驗設計與視覺創意設計

  • 1

    作品

  • 12

    粉絲

  • 0

    關注

    猜你喜歡

      2023-09-28 原創文章 經驗/觀點 舉報 10637 60 129 2

      快手618大促設計思考

      51.4°

      你確定要舉報快手618大促設計思考?

      如果查出惡意舉報,十天內禁止提交任何舉報申請。

      0/200

      上傳證據: 超過10M的附件請使用網盤地址

      點擊上傳附件

      對誰可見:

      全部設計師
      • 全部設計師
      • 推薦設計師和認證設計師

      您確認要推薦?

      該作品發布時間:2023年09月28日

      評分

      完整度

      啟發性

      勤奮性

      排版布局

      推薦心得

      建議20-200字以內

      0/200

      129
      60
      2

      賬號或密碼錯誤,請重新輸入

      賬號或密碼錯誤,請重新輸入

      登錄

      手機號

      發送驗證碼 120s 驗證碼錯誤

      登錄
      第三方賬號登錄
      亚洲Av无码专区国产乱码在线观看,无码国内精品久久人妻,无码AV日韩免费一区二区三区