C 端的產品更加注重運營策略和展現形式，不僅要考慮視覺側的氛圍與效果，還要顧及商業運營中如何更高效的提升轉化率和變現的根本策略；而 B 端產品重點在于提升用戶效率的體驗目標，因此 B 端產品的設計策略顯得更加純粹。本篇文章通過 B 端和 C 端產品存在交集的案例，分享其中的細節與優勢。

相關干貨：

一、B 端和 C 端的差異化

無論是在用戶群體、產品定位還是使用場景等方面，B 端和 C 的產品都存在著較多的明顯差異，但其實究其本質它們的設計理念是趨同的，目的都是降本增效。

不過 C 端的產品更加注重運營策略、更加注重視覺展現形式，所以不僅要考慮視覺側的氛圍與效果，還要顧及商業運營的目標及策略，以及如何更高效的提升轉化率和變現的根本目的。而 B 端產品邏輯較強，使用過程需清晰易懂，重點在于提升用戶效率，這本身就是體驗目標之一，因此 B 端產品的設計策略顯得更加純粹。可以簡單理解為 C 端產品：視覺層面 ≥ 效率體驗；而B端產品：效率體驗≥ 視覺層面?？偨Y來說兩者之間有3點根本差異：內容的差異化、交互形式的差異化、展現形式的差異化。

但有的時候 B 端和 C 端產品是存在一定交集的，比如「京象-配送時間同步互通」的整體項目過程就是在 B 端的產品中加入 C 端運營活動，以此作為案例分享，將從項目背景、視覺創意、總結與心得三個方面作為發力點來進行展開敘述。

二、項目背景概述

1. 背景介紹

① 京象是什么

京象是一款配送員配送大件快遞時使用的 app，在師傅配送過程中掃描運單、聯系客戶、上門安裝等服務。

② 用戶畫像

三方司機兼配送員師傅、不屬于京東自營小哥，目前京象用戶量為 20,000 人左右，隨著整體產品體量增大用戶量與日俱增。

③ 項目背景

配送員只配送無法進行安裝服務，需廠家安裝。整體項目可以理解為在原有“送裝一體”的場景基礎上，新增“配送時間同步”場景。

“送裝一體”指的是既配送又安裝，配送時間同步的全稱為“配送時間同步安裝時間”。簡單說就是因為根據配送不同的商品決定師傅具備不同安裝能力，所以有些安裝簡單的可以提供安裝服務，安裝復雜的則無法提供安裝服務。比如，配送電視的時候也可以給客戶提供安裝服務，但配送空調時由于沒有安裝資質導致無法提供安裝服務，所以配送員妥投后會與廠家服務的師傅進行交接，師傅配送的時間與廠商的安裝師傅的上門安裝時間進行信息同步。

④ 存在問題

目前物流送貨與安裝服務兩條鏈路信息并不互通，三方的配送員送裝同步率極低，影響用戶體驗；送裝同步率僅 3.8%，送裝同日率僅 20.2%

⑤ 解決方案

現需共同搭建一個信息共享渠道，互通信息，提高送裝同步率，提升用戶體驗。 因此用傭金獎勵的形式激勵配送員師傅按時填寫時間并妥投，如果配送妥投時間和上門安裝時間有效同步，則師傅會得到 10%的相應額外傭金提成。

2. 核心目標

整體流程物流與 3CS（3C Sevice：3C 產品服務管理）打通，對于需要做送裝互通的訂單在京象打標，支持配送員點擊訂單，跳轉到京工巧匠，配送員在京工巧匠錄入預計配送時間，準時妥投的訂單，3CS 通過京工巧匠給配送發放傭金，共建“配送時間同步獎勵活動”的整體氛圍，帶給用戶全方位的流程與視覺體驗，助力整體業務發展，促進產品商業轉化。

3. 落地方案

在目前 B 端的京象 app 產品中增加 C 端運營活動。其中頁面部分可以分為兩部分：第一部分為進入首頁面時，新增配送時間同步的卡片。此單類型可以引導師傅賺取傭金，其中含有首頁、運營類浮窗以及 banner 資源位；第二部分為點擊資源位的詳情后的 H5 指引頁面，目的是幫助師傅清晰易懂的了解活動的內容與細則。

三、視覺創意

1. 創意過程

① 方案流程圖

分為 UI 部分和 H5 部分，通過 H5 的運營活動確定主題氛圍，再反推至 UI 設計當中進行視覺的調性統一，最后輸出的 UI 界面再回歸于 H5 詳情說明。

② 關鍵詞提取

提取出三組關鍵詞，分別為：熱情、潮流、激勵。

熱情：活動要充滿熱情的視覺感受，讓人意識到到溫暖、熱鬧的主題。

潮流：通過繁華與多彩迸發出強大的視覺感染力。

激勵：傭金作為獎勵機制，以此為利益點促活與轉化用戶。

③ 情緒版分析

情緒版制定風格為：三維化、擬物風和繽紛的色彩。

2. 設計細節展示

① H5 主 kv 細節

前期先手繪出草稿，再到整體建模，通過白膜與 HDR 環境加上打光處理，最后渲染出整體效果，最終再進行相應的后期處理。

② 視覺氛圍細節

場景輸出-傭金領?。和ㄟ^視角、色彩、材質、構成四個方面建立整體的視覺氛圍。

視角：采用 3D 廣角展示運營活動主題。

色彩：紅、橙、金、紫。

材質：基礎材質為主題，加上少量金屬材質提升細節質感，全局 45 度打光并統一 HDR。

構成：以儲蓄罐為主體，向外散發紅包和金幣，并加入如同時光機器一樣的裝飾外圍，以此形成主視覺營銷元素烘托氛圍。

③ UI 界面功能細節

衍生出 UI 的界面樣式，營造出交互流程和視覺的功能性模塊。

核心功能：引導派送員點擊配送時間的填寫項，并告知改活動可獲取傭金的中心內容。

四、總結與心得

1. 個人總結

本次運營頁面使用 blender 建模、ps 后期來提供主 kv 的方案。由于時間的倉促，對于 H5 內容的利益點和文案細則先輸出一版 demo 給到產品，最終由產品敲定文案。整體風格偏運營、營造一種參與活動贏的高額傭金的氛圍。最終的交互流程和視覺界面設計也針對該項目的具體使用場景進行細分，最終輸出一版均高度認可的方案。

在該項目中屬于 B 端產品，如果視覺不夠突出會影響整體活動的點擊率；如果視覺過于突出，比如如果從首頁到詳情的所有入口都營造的非常強烈，也會造成視覺干擾，影響其功能性的操作。所以與剛開始提到的依據 B 端與 C 端的本質化差異，在 B 端產品上加入 C 端運營活動，那么盡可能的讓：效率體驗≈視覺層面。這樣才能在促活運營的同時，減輕功能操作流程上的負擔，權衡當中的用戶體驗設計。

2.個人心得

好的設計不能僅憑設計師的直覺，優秀的體驗要靠數據說活，所以本次修改點也好、利益點也罷，還是不斷的去和產品進行溝通，上線的時候通過數據埋點和用戶反饋以及后期調研來判定本次的流程和視覺樣式是否合理，是否符合用戶體驗。最終的目的也是和大家分享項目當中的細節和亮點，希望通過不斷溝通、突破自己、進步與成長。

歡迎關注「JellyDesign」的小程序：