開門見山的說，這篇文章並不是為了網站主們準備的，而是為了萬千行銷人員所準備的B2B、B2C 網站速成手冊。

從前從前，夏木樂曾經在網站交件之後發現，網站整體氣質改變了，明明當初建立的是2B形象網站，經過行銷人員的編輯，現在的網站更接近2C網站的氣質，為了避免這種情況，我們可以用三個簡單的面向來快速區分2B與2C的氣質。

在正片開始之前，讓我們先來聊聊B2B與B2C網站本質上的差異，在這兩個縮寫的單詞中：

B=Business

C=Customer

而2是「to」的縮寫

B2B網站常見的案例有科技業、航運業、上市櫃公司、工業、外貿公司等，網站整體的氛圍是「專業度」優先，華麗的特效或視覺設計是其次。

B2C網站常見的案例則有電商、消費品牌、奢侈品、活動、餐飲業等，網站整體氛圍也與B2B相反，大多數時間，B2C網站需要第一眼就抓住消費者的目光，因此往往偏向使用絢麗的設計或相對吸引人的敘述手法來製作網頁。

會出現上述差異的原因，源自於2B、2C網站TA在決策過程中所產生的差異。

2B網站TA為採購人員、公司決策者，他們首先需要找到廠商，接著需要比價、議價，才能與整個團隊共同決定，這類的決策過程可能是一天，也可能是一年。

2C網站目標為一般消費者，許多商品有季節性，錯過今天就要等明年，所以畫面要華麗、文字要吸睛，快狠準地打動相對容易衝動消費的顧客。

在了解到兩者之間的差異後，我們快速進入三大面向的第一—文字。

文字—

在文案撰寫的領域，B2C文案專注於淺顯易懂地描述產品或服務帶來的效果，並使用較多形容詞，例如「無印風除塵蟎機，蓋被子不癢癢」、「網美推薦綠拿鐵即溶包，加速代謝，久坐族必Buy」。

B2B的文案則比較像是產品說明書，專注於描述產品本身，是用什麼材料、如何進口、製作技術等，為了增加專業度會出現較多的專有名詞。

如果是社群小編突然被分配到撰寫2B文案時，不妨試試看這幾小撇步：

1.注意時效性詞彙使用

例如「現正」、「期間優惠」、「即日起」等，除非有表明特定日期，不然很容易與消費者產生誤會。

2.注意標點符號、表情符號的使用

想像一下，小明是保險業務員，平時愛開玩笑說話大聲，但當談起保險，他會瞬間收起嘻笑態度，認真講解保單內容，這樣的小明是不是專業度立刻上升了呢？

3.以「條列式」取代「線性敘事」

同一個行銷案，你跟朋友討論時可以說得天花亂墜大寮三小時，但跟老闆報告時就要精簡成三分鐘，同理，B2B網站就像在網路上見客戶，一定要先「講重點」。

接著，我們一起來看看與文字搭配的圖片：

圖片—

B2C網站為了行銷產品，會配上氛圍感滿滿的產品照，若是有明顯功效的產品、服務，也可能會出現對比圖、網友推薦照片等。

B2B網站中也會出現美美的商品照，但也可能會出現商品細節照、工廠生產中的照片、各類檢驗合格證書等，展現專業度。

網站整體而言，B2C網站則比較容易因為一波波不同主題的行銷而在照片風格上有差異，B2B網站的照片比較需要統一風格，讓有一體感的網站傳遞出品牌精神與專業的態度。

不論是2B還是2C網站，絕對要注意的是「照片版權」問題，除非合約允許，不然即使販售相同商品，也不可以使用別人的相片喔！

想知道更多網路視覺設計相關資訊，歡迎延伸閱讀這篇：

網站視覺風格怎麼選？ 風格分類、範例一次看 | 夏木樂網頁設計

說完了靜態的文字與圖片，接著來看讓畫面動起來的網頁設計動態。

動態—

本公司以往的B2B作品中，較少出現華麗的網站動態，即便出現動態，大部分都是簡單的單點動態或按鍵動態，這兩種動態既不影響載入速度也不影響閱讀，是B2B網站增加活潑度的首選，如果想要增加網站活潑度，但不想做動畫也可以考慮崁入影片。

（看Datavedio案例按這邊）

B2C的形象網站較常會為了吸睛而製作精美動畫，甚至是互動機關，此舉是為了吸睛並刺激造訪者轉發。購物網站會有許多商品訊息及照片須載入，因此考量到載入速度，幾乎不使用動畫。

載入動畫可以依據呈現時機，大致分為載入時、抵達時、滑動時、點擊時四大類，這四大類中各有不同的表現方式，詳細操作方式與案例歡迎延伸閱讀：

【網頁動態上篇】網頁動態效果大全！定義、時機、案例一次看 | 夏木樂網頁設計

【網頁動態下篇】 網頁動態效果怎麼選？ 應用案例一目了然 | 夏木樂網頁設計

結論

透過上圖我們快速回顧一下此篇文章所提到的B2B、B2C網站差異，可以將其總結為「B2B專業感至上」、「B2C行銷至上」，當然，我們不能以偏概全的認為所有B2B、B2C網站都是同一個樣子，為了在您同業中鶴立雞群，本公司提供客製化網站服務，只要你有網站建構需求，都歡迎聯絡我們，夏木樂，品牌網頁設計專家，讓我們幫你從網頁設計開始，提供最好的服務。

想了解更多關於客製化網站的知識，歡迎延伸閱讀這篇：

套版網站與客製化網站，你知道他們的區別嗎？ | 夏木樂網頁設計