京東項目總結(jié)！C端運營在B端產(chǎn)品中的設(shè)計細節(jié)與優(yōu)勢

C 端的產(chǎn)品更加注重運營策略和展現(xiàn)形式，不僅要考慮視覺側(cè)的氛圍與效果，還要顧及商業(yè)運營中如何更高效的提升轉(zhuǎn)化率和變現(xiàn)的根本策略；而 B 端產(chǎn)品重點在于提升用戶效率的體驗?zāi)繕耍虼?B 端產(chǎn)品的設(shè)計策略顯得更加純粹。本篇文章通過 B 端和 C 端產(chǎn)品存在交集的案例，分享其中的細節(jié)與優(yōu)勢。

相關(guān)干貨：

一、B 端和 C 端的差異化

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

不過 C 端的產(chǎn)品更加注重運營策略、更加注重視覺展現(xiàn)形式，所以不僅要考慮視覺側(cè)的氛圍與效果，還要顧及商業(yè)運營的目標及策略，以及如何更高效的提升轉(zhuǎn)化率和變現(xiàn)的根本目的。而 B 端產(chǎn)品邏輯較強，使用過程需清晰易懂，重點在于提升用戶效率，這本身就是體驗?zāi)繕酥唬虼?B 端產(chǎn)品的設(shè)計策略顯得更加純粹。可以簡單理解為 C 端產(chǎn)品：視覺層面 ≥ 效率體驗；而B端產(chǎn)品：效率體驗≥ 視覺層面。總結(jié)來說兩者之間有3點根本差異：內(nèi)容的差異化、交互形式的差異化、展現(xiàn)形式的差異化。

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

二、項目背景概述

1. 背景介紹

① 京象是什么

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

② 用戶畫像

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

③ 項目背景

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

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

④ 存在問題

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

⑤ 解決方案

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

2. 核心目標

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

3. 落地方案

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

三、視覺創(chuàng)意

1. 創(chuàng)意過程

① 方案流程圖

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

② 關(guān)鍵詞提取

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

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

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

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

③ 情緒版分析

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

2. 設(shè)計細節(jié)展示

① H5 主 kv 細節(jié)

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

② 視覺氛圍細節(jié)

場景輸出-傭金領(lǐng)取：通過視角、色彩、材質(zhì)、構(gòu)成四個方面建立整體的視覺氛圍。

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

色彩：紅、橙、金、紫。

材質(zhì)：基礎(chǔ)材質(zhì)為主題，加上少量金屬材質(zhì)提升細節(jié)質(zhì)感，全局 45 度打光并統(tǒng)一 HDR。

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

③ UI 界面功能細節(jié)

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

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

四、總結(jié)與心得

1. 個人總結(jié)

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

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

2.個人心得

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

歡迎關(guān)注「JellyDesign」的小程序：