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

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

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

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

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

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

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

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

1. 目標(biāo)受眾

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

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

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

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

另一方面，B2B客戶(hù)基于邏輯、信息和解釋清楚的利益進(jìn)行決策，而B(niǎo)2C客戶(hù)更容易受到情感的影響。他們想要快速解決問(wèn)題，希望有機(jī)會(huì)從“理解”他們的品牌那里購(gòu)買(mǎi)。

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

2. 目的

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

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

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

就情感影響而言，消費(fèi)者更容易被吸引，因?yàn)樗麄冎械脑S多人訪問(wèn)網(wǎng)站是為了滿足迫切的需求。正因?yàn)槿绱?，許多web設(shè)計(jì)師可以利用緊急情況和需求來(lái)鼓勵(lì)轉(zhuǎn)換。例如，看看TravelZoo的這個(gè)網(wǎng)站。它利用了顧客想要離開(kāi)的欲望:

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

3.設(shè)計(jì)元素(視覺(jué)外觀)

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

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

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

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

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

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

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

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

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

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

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

5. CTA按鈕

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

因?yàn)锽2B網(wǎng)站通常不會(huì)立即做出購(gòu)買(mǎi)決定，這類(lèi)網(wǎng)站經(jīng)常使用各種cta。例如，您可能在頁(yè)面的頂部有一個(gè)“請(qǐng)求報(bào)價(jià)”按鈕，以及一個(gè)登錄按鈕。

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

在B2B網(wǎng)站上，你也可以把cta放在頁(yè)面較低的位置，因?yàn)槟愕目蛻?hù)更有可能在決定購(gòu)買(mǎi)之前瀏覽網(wǎng)站以收集更多信息。

另一方面，對(duì)于B2C網(wǎng)站，你通常不需要給訪問(wèn)者太多的選擇。用戶(hù)只需要一個(gè)“添加到購(gòu)物車(chē)”的選項(xiàng)，或者一個(gè)“添加到收藏夾”的額外選項(xiàng)?？蛻?hù)需要立即看到他們需要做什么，一旦他們到達(dá)一個(gè)頁(yè)面:

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

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

6. 觸點(diǎn)形式

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

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

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

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

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

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

訂閱時(shí)事通訊越容易，客戶(hù)就越有可能訂閱?？梢暂斎胨麄兊拿趾碗娮余]件地址，沒(méi)有什么會(huì)讓注冊(cè)看起來(lái)不那么麻煩。

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

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

在B2B網(wǎng)站上，搜索欄通常沒(méi)有B2C網(wǎng)站那么突出。這是因?yàn)榭蛻?hù)需要的所有信息，以及下一步需要的按鈕，都已經(jīng)在前面和中間可見(jiàn)了。

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

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

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

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

B2C網(wǎng)站的導(dǎo)航元素需要更加明顯，因?yàn)橄M(fèi)者在搜索選項(xiàng)時(shí)更有可能使用它們。

8. 社會(huì)證明和獎(jiǎng)狀

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

在B2B網(wǎng)站上，決策過(guò)程要長(zhǎng)得多。正因?yàn)槿绱?，在網(wǎng)站的每個(gè)部分都盡可能地包含社會(huì)證明是值得的。客戶(hù)的推薦、評(píng)論和評(píng)級(jí)，甚至是高調(diào)的公司標(biāo)志都能讓一切變得不同。許多B2B網(wǎng)站都有一個(gè)頁(yè)面，專(zhuān)門(mén)研究其他品牌的成功案例。

你的客戶(hù)甚至可能會(huì)要求在頁(yè)面上突出他們的獎(jiǎng)項(xiàng)和認(rèn)可，或者展示他們的產(chǎn)品與競(jìng)爭(zhēng)對(duì)手的對(duì)比表。

例如，權(quán)威黑客有一個(gè)“專(zhuān)業(yè)人士對(duì)我們的評(píng)價(jià)”部分作為社會(huì)證明:

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

設(shè)計(jì)B2B vs B2C

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