如何做好B端C化設計?來看攜程的案例復盤!

隨著企業的發展和消費者需求的變化,B 端市場也逐漸向消費者化的趨勢發展。消費者化的趨勢要求 B 端設計也要更加注重用戶體驗、情感共鳴和品牌形象,以滿足消費者的需求和期望。本次分享通過多元化的創意形式,以不同使用場景和不同用戶群體出發,探索 B 端 C 化的創意設計,構建多維設計體系,更有效地與 B 端用戶降維溝通,傳遞品牌心智,提升 B 端用戶體驗。

一、為什么會出現 B 端 C 化

首先是市場飽和

從目前互聯網的發展趨勢來看,C 端的市場逐漸飽和,互聯網大廠很多 C 端設計師轉型去做 B 端,通過 C 端設計的產品體驗設計經驗帶入 B 端,深入 B 端設計領域。

第二是場景轉移

隨著辦公場景的多樣化,出現“釘釘”“飛書”等 B 端協同類產品使用工具,滿足用戶隨時隨地辦公的需求,而協同類工具對用戶體驗至關重要,B 端產品的體驗設計就需要鑒成熟的 C 端產品。

第三是產品競爭

隨著市場需求量的逐漸增多,越來越多的 B 端產品開始在市場上互相競爭,通過產品體驗去累積用戶,觸達用戶心智,占領市場。因此很多 B 端產品也開始注重用戶體驗,導致市面上 C 化的 B 端產品越來越多。

如何做好B端C化設計?來看攜程的案例復盤!

二、共性與差異

基于這些市場背景下,如何能精準定位 B 端產品,讓產品能真正觸達用戶心智,我們要先探索一個方向,先來看下 B 端和 C 端有哪些不同,可以從使用者、業務屬性、價值主張、產品思維、產品形態五個維度來對比 B 端和 C 端的差異。

如何做好B端C化設計?來看攜程的案例復盤!

從這五個維度我們可以提煉出一些關鍵詞,比如 B 端是多場景,效率,成本,管控,工具化、理性、圖表專業等這些關鍵詞,更趨向效率。而 C 端則是體驗、簡單、樂趣、游戲化、感性、感受、炫彩等關鍵詞更趨向體驗。

于是,以效率為王的 B 端,在用戶視角下則容易產生一些 B 端特有的體驗劣勢:

如功能復雜、任務路徑分散、信息展示過多、使用疲憊\同質化嚴重從而導致“產品認知變差,用戶心智難以觸達”,而 B 端 C 化則是效率趨勢看向體驗趨勢的一個工具化的手段,我們可以通過一些 C 端成熟的設計方法,使 B 端產品可以被看見,可以被感知。

如何做好B端C化設計?來看攜程的案例復盤!

也就是使 B 端產品價值可視化。

三、產品價值可視化

落地到我們的工作場景中,具體是怎么做的呢?

我們分為以下四個步驟:

  1. 明確溝通對象,提供情緒價值
  2. 創造品牌 IP,建立情感共鳴
  3. 提煉核心價值,提供解決方案
  4. 構建信息平臺,進行有效傳播。

1. 明確溝通對象,提供情緒價值

拿攜程旅行舉例,C 端的溝通對象購買者大多即是使用者。而 B 端攜程商旅的購買者為行政、采購、差旅負責人。而使用者則是差旅出行人。

如何做好B端C化設計?來看攜程的案例復盤!

明確了溝通對象后,我們再來看下攜程商旅的產品消費邏輯:攜程商旅向購買者投標,中標后投入使用。購買者的決策影響使用者的差旅體驗,而使用者的輿論影響也會影響購買者決策是否使用攜程商旅。

如何做好B端C化設計?來看攜程的案例復盤!

所以對于 B 端來說,我們需要觸達使用者需求的同時撬動購買者決策。

那么如何進行觸達和撬動呢?

我們從商旅的產品庫中,收集、歸納、整合商旅的產品核心優勢,通過品牌 IP 建立情感共鳴,并以場景痛點演繹和產品功能演示的形式為用戶提供標準化和定制化的差旅解決方案,通過 C 化的手法與用戶降維溝通 觸達用戶心智。

2. 創建品牌 IP,建立情感共鳴

明確了設計目標后,第二步,我們可以通過創建品牌 IP,與用戶建立情感共鳴。

在造型選擇上,我們選擇同形象衍生是依托于攜程集團的 IP 形象進行延展。

視覺風格上,我們與集團 IP 統一,體現年輕化、商務感和專業性。

如何做好B端C化設計?來看攜程的案例復盤!

我們來看下呈現的效果:在 yoyo 的原始基礎上添加攜程商旅的元素,比如商務感的西裝和領帶。我們選取商旅品牌符號作為胸口的 icon 徽章,與攜程商旅的 B 端品牌符號做關聯。增強了品牌感知。

如何做好B端C化設計?來看攜程的案例復盤!

3. 提煉核心價值,提供解決方案

拿產品功能上新來舉例,我們通常會選擇用專題長圖和視頻動畫形式來呈現,長圖我們由五個模塊構建而成;

主題品宣、痛點演繹、功能演示、提示信息和品牌展示。

如何做好B端C化設計?來看攜程的案例復盤!

第一個模塊為主題核心+品宣部分,我們將商旅IP yoyo 帶入到產品功能的場景中,更形象的突出該產品的功能屬性。

如何做好B端C化設計?來看攜程的案例復盤!

第二個模塊為痛點演繹的部分,日常用戶商務出行場景還原,比如我們可以利用 before 和 after 的對比等手法,使用戶產生情感共鳴。

如何做好B端C化設計?來看攜程的案例復盤!

第三個模塊為功能演示的部分,弱化界面次要信息,聚焦和提煉重點功能演示,來解答用戶的痛點。

如何做好B端C化設計?來看攜程的案例復盤!

第四個模塊為一些小的 tips 溫馨提示,最后一個則為固定的品牌展示區來強化品牌記憶點和規范性。

另外,在視頻拍攝上,前期我們制定分鏡頭腳本、召集演員、選擇綠幕和全局布光,進行收音和拍攝。后期,我們則進行剪輯調音調色,以及特效和動效的制作。我們可以嘗試通過綠幕實現背景定制化,實現了 IP 和真人互動的場景。使設計形式更豐富多元化。

如何做好B端C化設計?來看攜程的案例復盤!

在動畫制作上,我們則是遵循演示動畫的設計原則,通過產品特性來定義動畫的風格,合理安排動畫的有效時長、遵循動效的物理運動法則,通過動畫的形式來聚焦用戶視線,提升用戶的認知。

我們通過以上這些 C 端的設計手法,使復雜的 B 端產品內容簡單化、可視化、與用戶進行降維溝通,去符合用戶心智。

4. 構建信息平臺,進行有效傳播

符合用戶心智后,如何將這些進行有效傳播呢?在產品內容真正進行實際傳播時,我們會遇到許多傳播的問題,為此,我們通過構建內容體系,投放統一收口,并增加用戶反饋途徑。

如何做好B端C化設計?來看攜程的案例復盤!

因此我們在攜程商旅 app 上構建了產品功能信息平臺,提升使用者的預訂體驗,觸達用戶需求。同時也能為購買者提供針對性差旅解決方案,提升業務開拓的效率,撬動購買者決策。

如何做好B端C化設計?來看攜程的案例復盤!

我們來看下產品內容平臺的基本架構

如何做好B端C化設計?來看攜程的案例復盤!

首先是品牌 IP 區域:將商旅版 YOYO 進行升級,以“功能上新主播”的角色形式觸達用戶。

如何做好B端C化設計?來看攜程的案例復盤!

第二部分為新手引導區域:我們以 B 端出行人和管理者的角色進行分類,為新用戶提供產品使用幫助。

如何做好B端C化設計?來看攜程的案例復盤!

第三部分為功能介紹:我們按業務產線拆分,提供精準化的產品功能內容解讀。

如何做好B端C化設計?來看攜程的案例復盤!

第四部分為推薦區域:我們會根據推廣戰略,篩選熱門功能進行滾動推薦。

產品內容共享平臺從不同使用場景和不同用戶群體出發,滿足不同用戶不同場景下差旅需求,成為商旅產品觸達用戶心智的窗口,使 B 端產品「價值可視化」

如何做好B端C化設計?來看攜程的案例復盤!

四、設計有“度”

最后我想說的是,B 端和 C 端還是有很多核心價值的差異,B 端 C 化并不能完全稱之為 C 化,我們需要挖掘問題的本質,平衡效率和體驗,讓設計有度,創造更多的可能性。

如何做好B端C化設計?來看攜程的案例復盤!

歡迎關注作者微信公眾號:「TripDesign」

如何做好B端C化設計?來看攜程的案例復盤!

收藏 134
點贊 50

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