Web設(shè)計客戶端有各種各樣的背景。一天，你將為一個畫外音藝術(shù)家設(shè)計一個組合網(wǎng)站，下一天你將為一個領(lǐng)先的零售商創(chuàng)建一個全面的電子商務(wù)網(wǎng)站。在一個理想的世界里，你最終會專攻一個利基。但是，首先你需要掌握這兩種途徑。

你在這個行業(yè)花的時間越多，你就會越了解到每個客戶都有自己獨(dú)特的需求和需要考慮的挑戰(zhàn)。然而，在你為B2B客戶做的網(wǎng)頁設(shè)計項目和為B2C客戶做的網(wǎng)頁設(shè)計項目之間存在著巨大的差異。

B2B(企業(yè)對企業(yè))和B2C(企業(yè)對消費(fèi)者)網(wǎng)站都需要清晰、簡潔、美觀。他們應(yīng)該始終高度關(guān)注用戶體驗，并且需要在不同設(shè)備之間保持一致。然而，了解B2B和B2C項目之間的差異將有助于您向客戶提供更好的結(jié)果。

定義B2B和B2C網(wǎng)站之間的區(qū)別

有些web設(shè)計趨勢在任何環(huán)境中都是一致的。

無論您是為美發(fā)師創(chuàng)建站點(diǎn)，還是為領(lǐng)先的SaaS公司創(chuàng)建站點(diǎn)，您都需要提供響應(yīng)式設(shè)計、直觀的導(dǎo)航和優(yōu)秀的站點(diǎn)安全性。

在項目里程碑、階段、原型設(shè)計和線框架方面，B2B和B2C的流程不太可能有太大的不同。B2B和B2C項目之間產(chǎn)生的差異經(jīng)常出現(xiàn)在您構(gòu)建某些元素的方法中。

讓我們仔細(xì)看看你可能需要考慮的事情:

1. 目標(biāo)受眾

在任何設(shè)計項目中，始終把最終客戶放在心上是很重要的。了解你的客戶的目標(biāo)受眾將幫助你創(chuàng)建一個形象和語調(diào)，以吸引正確的人。

在B2B網(wǎng)站上，你將面對的是一批受過高等教育的人，他們已經(jīng)對你的服務(wù)有了大致的了解。這里的目的是向終端用戶展示如何幫助他們獲得更好的結(jié)果。例如,m。io強(qiáng)調(diào)“同步溝通”，這樣你就可以“毫不費(fèi)力地與你的團(tuán)隊聊天”。

網(wǎng)站的語言和內(nèi)容都是關(guān)于突出產(chǎn)品的主要好處，以及它們可以提供的結(jié)果。尼爾森諾曼集團(tuán)報告說，決策者在瀏覽B2B網(wǎng)站時經(jīng)常會進(jìn)行很多討論。

設(shè)計師需要更加努力地說服B2B買家，讓他們相信自己的決定是正確的。當(dāng)你銷售像軟件訂閱這樣需要大量長期投資的東西時，這一點(diǎn)尤其正確。

另一方面，B2B客戶基于邏輯、信息和解釋清楚的利益進(jìn)行決策，而B2C客戶更容易受到情感的影響。他們想要快速解決問題，希望有機(jī)會從“理解”他們的品牌那里購買。

例如，看看Firebox的網(wǎng)站。它會在主頁的頂部立即突出正在進(jìn)行的銷售，解決客戶可能對價格的任何擔(dān)憂。這與充滿真實(shí)照片的古怪布局和明亮的色彩相結(jié)合，意味著顧客更愿意采取行動。

2. 目的

從B2C到B2B網(wǎng)站，另一個不同的因素是顧客購買的動機(jī)。了解是什么促使目標(biāo)受眾與品牌互動，將有助于你創(chuàng)建一個具有特定目標(biāo)的網(wǎng)站。

B2B網(wǎng)站的目標(biāo)通常是為公司解決昂貴和費(fèi)時的問題。要讓決策者相信解決方案的有效性，就必須詳細(xì)解釋解決方案是什么、它是如何工作的，以及它是如何處理特定痛點(diǎn)的。

以Zoom網(wǎng)站為例，他們不僅告訴人們他們提供視頻會議服務(wù)，還介紹了該平臺的實(shí)際應(yīng)用:

就情感影響而言，消費(fèi)者更容易被吸引，因為他們中的許多人訪問網(wǎng)站是為了滿足迫切的需求。正因為如此，許多web設(shè)計師可以利用緊急情況和需求來鼓勵轉(zhuǎn)換。例如，看看TravelZoo的這個網(wǎng)站。它利用了顧客想要離開的欲望:

B2B網(wǎng)站需要專注于提供信息，幫助公司做出更有信心的決定。更重要的是，B2B網(wǎng)站通常由多個利益相關(guān)者做出決策，而B2C網(wǎng)站則要求一個人做出選擇。一個B2C網(wǎng)站需要解決眼前的問題，并在情感層面上與客戶聯(lián)系。B2C買家仍然希望對產(chǎn)品或服務(wù)進(jìn)行研究，但這一轉(zhuǎn)變要快得多，通常需要較少的信息。

3.設(shè)計元素(視覺外觀)

正如你的網(wǎng)站設(shè)計的重點(diǎn)和你為之創(chuàng)造體驗的受眾在B2B和B2C網(wǎng)站中是不同的一樣，設(shè)計的視覺元素也可能會改變。

在大多數(shù)情況下，B2B網(wǎng)站都是關(guān)于呈現(xiàn)一個高度專業(yè)和可敬的形象。當(dāng)涉及到排版和圖像時，你會注意到許多安全而清晰的選擇。B2B網(wǎng)站冒著插圖和動畫的風(fēng)險是很少見的。

例如，看看綠色極客網(wǎng)站。所有的安排都是為了鼓勵清晰和理解。信息很容易找到，而且沒有其他問題可能分散客戶的注意力。

另一方面，B2C網(wǎng)站可以更大膽一點(diǎn)。有這么多不同的選擇可供選擇，而大多數(shù)客戶購買是出于緊急或突然的需求，設(shè)計師們承受著迅速吸引注意力的壓力。這意味著在B2C網(wǎng)站上更有可能看到大量引人注目的圖片，而文字卻很少。

運(yùn)動，像幻燈片和動畫通常在這里扮演更多的角色。此外，你還可以在色彩上進(jìn)行更大膽的嘗試。以Yotel網(wǎng)站為例。這里的文字信息非常少，但是網(wǎng)站的吸引力是通過滑動圖片傳達(dá)的:

4. 網(wǎng)站內(nèi)容

在B2B網(wǎng)站上傳遞信息的方式與在B2C網(wǎng)站上描繪的信息非常不同。通常，從語言到您在這些項目中使用的內(nèi)容的數(shù)量，所有的東西都會有很大的不同。

在設(shè)計B2B網(wǎng)站時，你需要注意內(nèi)容，因為你要面對的是各種各樣的受眾。如果你的網(wǎng)站迎合不同的行業(yè)，你需要確保你的權(quán)威，而不是使用太多的術(shù)語。有些公司甚至為特定的客戶在網(wǎng)站上創(chuàng)建不同的頁面。aspin.co。英國網(wǎng)站涵蓋的利益，從一個公司，銷售和整合的觀點(diǎn):

G-Suite并沒有試圖與所有的業(yè)務(wù)所有者討論他們不同的溝通痛苦，而是預(yù)期它的受眾，并為每個受眾創(chuàng)建頁面。

或者，B2C網(wǎng)站可以讓事情變得簡單一點(diǎn)。例如，glossybox.co。在英國，沒有必要為不同類型的購物者提供大量的信息，設(shè)計師可以吸引一個受眾，即“美容成癮者”:

在B2B和B2C網(wǎng)站中，內(nèi)容的目的應(yīng)該總是回答終端用戶可能有的任何問題。

5. CTA按鈕

調(diào)用動作按鈕通常是網(wǎng)頁設(shè)計過程中至關(guān)重要的一部分。但是，有時很難確定它們應(yīng)該放在哪里，或者需要多少個按鈕。

因為B2B網(wǎng)站通常不會立即做出購買決定，這類網(wǎng)站經(jīng)常使用各種cta。例如，您可能在頁面的頂部有一個“請求報價”按鈕，以及一個登錄按鈕。

例如，在Klaviyo網(wǎng)站上，你可以請求演示、注冊或登錄:

在B2B網(wǎng)站上，你也可以把cta放在頁面較低的位置，因為你的客戶更有可能在決定購買之前瀏覽網(wǎng)站以收集更多信息。

另一方面，對于B2C網(wǎng)站，你通常不需要給訪問者太多的選擇。用戶只需要一個“添加到購物車”的選項，或者一個“添加到收藏夾”的額外選項?？蛻粜枰⒓纯吹剿麄冃枰鍪裁?，一旦他們到達(dá)一個頁面:

在Evil Hair網(wǎng)站上，你可以立即看到如何將產(chǎn)品添加到購物車中。

記住，B2C客戶的銷售過程要快得多。這意味著當(dāng)有人點(diǎn)擊一個頁面時，你需要你的CTA按鈕在前面和中心位置。

6. 觸點(diǎn)形式

同樣，你設(shè)計聯(lián)系人表單的方式也將取決于網(wǎng)站想要吸引的最終用戶。與B2C網(wǎng)站相比，接觸B2B網(wǎng)站的過程是非常不同的。

B2B網(wǎng)站通常需要較長的聯(lián)系表格，因為客戶需要收集潛在客戶在公司的職位以及該公司的業(yè)務(wù)等額外信息。B2B公司需要分享一些東西，比如他們在服務(wù)中尋找什么，他們有多少用戶，這樣銷售團(tuán)隊就知道應(yīng)該提供什么樣的演示。

與任何聯(lián)系表單設(shè)計策略一樣，您應(yīng)該始終只包含客戶需要的字段，而不是更多。如果你對任何一個客戶要求太多，你可以讓他們跑向相反的方向。看看Ironpaper的這個簡單的選項，例如:

該表單盡可能多地解決相關(guān)問題，而不會讓客戶感到不知所措。因為該網(wǎng)站處理諸如設(shè)計之類的事情，他們會要求公司現(xiàn)有網(wǎng)站的鏈接是有道理的。

在B2C網(wǎng)站上，有非常不同的聯(lián)系方式。你可以在你的網(wǎng)站上有一個專門的聯(lián)系表格，如果人們有任何問題，他們可以聯(lián)系你。FAQ頁面可以讓客戶為自己服務(wù)，這是另一個幫助客戶在競爭中脫穎而出的好方法?？纯催@個選項在河島，例如:

另一方面，如果您的客戶希望為電子郵件營銷收集電子郵件，您可以在網(wǎng)站中實(shí)現(xiàn)彈出式聯(lián)系表單。在這種情況下，確保你只問你需要的信息是很重要的，而不是更多。

訂閱時事通訊越容易，客戶就越有可能訂閱?？梢暂斎胨麄兊拿趾碗娮余]件地址，沒有什么會讓注冊看起來不那么麻煩。

7. 搜索欄和導(dǎo)航

無論你是為B2B還是B2C公司設(shè)計，導(dǎo)航總是一個關(guān)鍵的問題。終端用戶需要容易地找到他們需要的關(guān)于公司的信息，無論他們是在尋找一個特定的產(chǎn)品還是一個博客。

在B2B網(wǎng)站上，搜索欄通常沒有B2C網(wǎng)站那么突出。這是因為客戶需要的所有信息，以及下一步需要的按鈕，都已經(jīng)在前面和中間可見了。

作為一名設(shè)計師，你的工作就是通過讓購買之旅成為對訪問者最有吸引力的路徑，來推動盡可能多的人轉(zhuǎn)變。例如，在銅網(wǎng)站上，“嘗試免費(fèi)”按鈕比“繼續(xù)谷歌”或“登錄”更容易看到:

B2B網(wǎng)站的重點(diǎn)是一個非常明確的目標(biāo)。雖然導(dǎo)航仍然需要可用，但它不需要像在B2C網(wǎng)站上那樣明顯。

另一方面，大多數(shù)B2C網(wǎng)站提供廣泛的產(chǎn)品，他們很高興他們的客戶購買任何東西，只要他們最終轉(zhuǎn)換。正因為如此，它們使得導(dǎo)航成為客戶旅程中更重要的一部分。

搜索欄通常出現(xiàn)在屏幕的最頂端，在那里客戶可以立即看到它。此外，在某些產(chǎn)品類別中可能有多個頁面，以便客戶可以瀏覽他們最感興趣的項目。例如，看看IWoot網(wǎng)站的主頁:

B2C網(wǎng)站的導(dǎo)航元素需要更加明顯，因為消費(fèi)者在搜索選項時更有可能使用它們。

8. 社會證明和獎狀

最后，在任何類型的網(wǎng)站上，社交證明都可以很好地提高轉(zhuǎn)化率。當(dāng)你的客戶不確定他們是否應(yīng)該從你那里購買產(chǎn)品時，一篇評論或推薦信可能會把他們推到邊緣。

在B2B網(wǎng)站上，決策過程要長得多。正因為如此，在網(wǎng)站的每個部分都盡可能地包含社會證明是值得的。客戶的推薦、評論和評級，甚至是高調(diào)的公司標(biāo)志都能讓一切變得不同。許多B2B網(wǎng)站都有一個頁面，專門研究其他品牌的成功案例。

你的客戶甚至可能會要求在頁面上突出他們的獎項和認(rèn)可，或者展示他們的產(chǎn)品與競爭對手的對比表。

例如，權(quán)威黑客有一個“專業(yè)人士對我們的評價”部分作為社會證明:

有了消費(fèi)者網(wǎng)站，你可以在任何你喜歡的地方包括消費(fèi)者評分和評論。然而，最可能的情況是，您希望在產(chǎn)品頁面上有一個地方，讓客戶可以看到其他客戶的評論。在EMP網(wǎng)站上，該公司為用戶提供了選擇，點(diǎn)擊星級評論部分，跳轉(zhuǎn)到頁面上列出獎狀的不同空間。這確保了如果顧客只是想直接將商品添加到購物車中，他們不必滾動大量多余的信息。

設(shè)計B2B vs B2C

在網(wǎng)頁設(shè)計的世界里，沒有兩個客戶是完全相同的。雖然您需要調(diào)整您的流程以適應(yīng)與您交互的每個客戶，但您可以通過學(xué)習(xí)B2B和B2C戰(zhàn)略之間的差異提前設(shè)定您的期望。