要設(shè)計一個高性能的網(wǎng)站，您需要了解您的目標受眾是誰以及達到目標的傳達方式是什么。B2B 和B2C電子商務(wù)網(wǎng)站具有相同的方式-營銷。但是實現(xiàn)這一目標的手段有些不同。

? 對于B2C公司而言，品牌知名度是第一要務(wù)。具有強大在線影響力的知名品牌（在選擇域名時考慮這一點），這意味著SEO的份額更高。

? 對于B2B公司來說，首要任務(wù)是產(chǎn)生潛在客戶。由于利基市場和更長的購買周期，B2B品牌需要保持穩(wěn)定的潛在客戶渠道。

讓我們來看看這在設(shè)計方面意味著什么。

點擊這里，設(shè)計屬于你自己的獨立站！同時還可以領(lǐng)取BigCommerce15天免費試用券

1.客戶意圖。

B2B和B2C的購買都是由需求引發(fā)的，但這些需求背后的潛在動機是不同的。

B2B客戶意圖由業(yè)務(wù)優(yōu)先級驅(qū)動。需要吸引的人更多，產(chǎn)品研究時限更長，評估產(chǎn)品的要求清單更詳細。這就是為什么B2B電子商務(wù)網(wǎng)站 更多地將關(guān)注漏斗頂部 (TOFU) 和漏斗中部 (MOFU) 訪問者轉(zhuǎn)化為潛在客戶，然后使用在線（電子郵件營銷、電子書、社交媒體、在線演示）和線下銷售（電話咨詢、現(xiàn)場演示等）策略。

B2C購物者是為了滿足即時需求而行動。雖然大多數(shù)人也會貨比三家，比較產(chǎn)品的規(guī)格和價格，但他們在銷售周期的每個階段花費的平均時間較短。不同于B2B買家分配更多的時間來進行基于數(shù)據(jù)的產(chǎn)品評估和考慮，B2C用戶往往是沖動行事，因此更容易接受由于個體的偏好激活的各種認知觸發(fā)因素。

資料來源：與谷歌一起思考

B2C電子零售商使用的有效轉(zhuǎn)化率優(yōu)化策略 利用設(shè)計中的這些偏差來影響購買決策。

2.購買流程。

更多的人參與了B2B購買過程，包括最終用戶和采購代理/決策者。電子商務(wù)網(wǎng)站是一種促進工具，它必須通過內(nèi)容、交互式現(xiàn)場工具和支持營銷資產(chǎn)來通知、支持和展示您的產(chǎn)品如何滿足組織的所有需求。請記住：您的主要目標是產(chǎn)生潛在客戶，而不是立即進行銷售。

在B2C領(lǐng)域，購買決策通常是情緒化和事件驅(qū)動的。咖啡機壞了？好的，我需要一個新的。哦，這鞋看起來不錯。我也可以在哪里買一個？大多數(shù)B2C消費者都處于產(chǎn)品探索和后臺評估的持續(xù)狀態(tài)。當(dāng)他們發(fā)現(xiàn)一個好的報價時，他們幾乎準備立即搶奪它。從這個意義上說，B2C電子商務(wù)網(wǎng)站需要促進發(fā)現(xiàn)并滿足這種緊迫感。

3.用戶體驗。

用戶體驗對于B2B和B2C購物者同樣重要。但它必須考慮到上述意圖和購買過程的差異。Nielsen Group 確定了B2B和B2C網(wǎng)站用戶體驗要求的五個重要差異：

? B2B設(shè)計必須容納更長的內(nèi)容以支持長時間的決策和銷售過程。

? 所有B2B內(nèi)容都必須面向兩個目標受眾——“選擇者”（決策者）和最終用戶。

? B2B產(chǎn)品信息需要更長、更全面，并包括對集成、功能和法規(guī)要求的清晰概述。

? B2B和B2C客戶都對價格敏感。但B2B定價場景更為復(fù)雜。為B2B買家提供不同的定價范圍變化、按使用量付費方案或計算器，以促進決策。

? 就像B2C商店一樣，B2B網(wǎng)站迎合了不同規(guī)模、行業(yè)和運營預(yù)算的多個客戶群。因此，B2B網(wǎng)站需要設(shè)計一個更加多樣化、基于受眾的導(dǎo)航來迎合受眾目標。

7 個模范電子商務(wù)網(wǎng)站設(shè)計示例

現(xiàn)在您知道B2B網(wǎng)站的電子商務(wù)網(wǎng)頁設(shè)計有何不同，讓我們回到B2C商務(wù)。

讓我們來看看例子！

1.LARQ

資料來源：LARQ

LARQ使用清晰的產(chǎn)品圖像和動畫讓我們對飲用水這樣簡單的事情感到興奮。通過現(xiàn)場文案、色塊產(chǎn)品功能和交互式塑料垃圾計算器，這家可重復(fù)使用的水瓶零售商說服消費者加入他們的Bottle Movement并探索更多他們的時尚產(chǎn)品。

添加多區(qū)域功能（使用 BigCommerce）是另一個關(guān)鍵時刻。證據(jù)就是LARQ，在3 個月內(nèi)，他們的轉(zhuǎn)化率增加了80%。

2.BURROW

資料來源： B URROW

模塊化家具零售商Burrow跳過了一些文字，轉(zhuǎn)而使用主頁視頻來展示他們的主要價值主張——組裝新家具既有趣又快速，而且無需工具。Burrow使用產(chǎn)品和生活方式圖片的組合，就可以輕松地在您的家中描繪他們的最新設(shè)計，定制它們以適合合適的尺寸，并只需點擊幾下即可訂購。

3.REVELRY。

來源： REVELRY

Revelry我們知道，當(dāng)涉及到伴娘禮服時，色板是通往任何新娘錢包的捷徑。以及整個派對的免費樣品交付和在家試穿。這兩個選項在電子零售商的主頁上都有一個突出的位置，以及出色的類別導(dǎo)航，提示您發(fā)現(xiàn)不同的著裝風(fēng)格、材料和顏色。

4.Skullcandy

來源：Skullcandy

我們經(jīng)常對Skullcandy贊不絕口，在電子商務(wù)商店中很難做得比這更好。他們巧妙地用標志性的黑色網(wǎng)站設(shè)計抵消了明亮的色彩，營造出時尚、奢華的感覺。產(chǎn)品很容易發(fā)現(xiàn)，在視頻上詳細查看，然后閱讀規(guī)格。盡管他們的主要市場是音頻，但由于他們對視覺、材料設(shè)計元素和視頻的專業(yè)使用，將瀏覽Skullcandy的網(wǎng)站變成一種愉快的感官體驗。

5.Solo Stove

來源： Solo Stove

Solo Stove網(wǎng)站是如何在電子商務(wù)中使用圖像并成為一個令人欽佩的例子呢？火坑制造商為每個產(chǎn)品類別制作了自定義圖標，以更好地傳達他們所銷售的產(chǎn)品并突出一些主要產(chǎn)品規(guī)格。產(chǎn)品介紹視頻、插圖和常見問題解答部分有助于進一步闡明他們的主要觀點——他們的產(chǎn)品經(jīng)久耐用、易于使用，而且正如評論者所說的那樣物有所值。

6.Bliss

來源：極樂

Bliss網(wǎng)站像是治愈的一個棉花糖。這個以水療為動力的護膚品牌使用三種主色調(diào)——千禧粉、淡藍色和Z世代黃色——在視覺上吸引他們的主要買家角色 。通過縮微文案進一步強化了時髦和友好的品牌態(tài)度。按鈕文案、章節(jié)標題和表格描述的措辭讓您感覺好像是在與朋友談?wù)撃淖o膚程序。

7.The Mountain

來源：The Mountain

The Mountain擁有電子商務(wù)網(wǎng)站的出色設(shè)計功能。直截了當(dāng)?shù)膶?dǎo)航欄，主要產(chǎn)品類別提示探索。位于標題下方的服務(wù)橫幅會立即告知運輸條款和可能的延遲——這是管理客戶期望的良好做法。

英雄滑塊突出顯示了最新的季節(jié)性商品和促銷活動，并提示進一步發(fā)現(xiàn)。憑借更廣泛的產(chǎn)品類別，The Mountain做了出色的設(shè)計工作，將所有內(nèi)容按類別組織起來，以減少許多電子商務(wù)平臺會、給您帶來的壓倒感。

BigCommerce設(shè)計網(wǎng)站的優(yōu)勢

喜歡上面的網(wǎng)站示例嗎？所有這些都是在BigCommerce（點擊領(lǐng)取15天試用，開啟你的獨立站）上設(shè)計的。這就是企業(yè)客戶和中小型企業(yè)選擇我們電子商務(wù)平臺的原因：

1.設(shè)計不影響其他功能

漂亮或?qū)嵱玫碾娮由虅?wù)網(wǎng)站？使用BigCommerce，您可以同時獲得兩者。

將電子商務(wù)網(wǎng)站設(shè)計視為蓋房子。首先，你必須建造堅固的砂漿和外墻。BigCommerce為您提供技術(shù)“磚塊”以放置在您的在線操作的核心——無代碼頁面構(gòu)建器、安全結(jié)賬、SEO友好的代碼庫等等 。您可以混合搭配不同的“磚塊”來組裝一座小房子或一座6居室的維多利亞式豪宅。

在正面或室內(nèi)設(shè)計方面，我們也不會限制您。您可以為您的網(wǎng)站提供完全自定義的品牌外觀，而無需瀏覽SEO、可用性或安全性。同時，您可以通過將內(nèi)置核心商務(wù)與外部集成配對來自定義后端以匹配您的運營。

2.許多（非常好的）電子商務(wù)主題

如果您不想從頭開始創(chuàng)建您的商店設(shè)計，您可以查看我們的主題商店 。擁有150 多種獨特的設(shè)計，您一定會找到令您滿意的東西。根據(jù)網(wǎng)格類型、產(chǎn)品目錄布局或行業(yè)瀏覽選項。或者查看我們員工挑選合適的 電子商務(wù)主題 。

每個BigCommerce主題都是響應(yīng)式、移動和 SEO 友好的，并針對可用性進行了優(yōu)化。使用預(yù)制主題是一種以較低成本設(shè)計出色電子商務(wù)網(wǎng)站的捷徑。

3.定制機會

如果我想設(shè)計真正定制的電子商務(wù)體驗怎么辦？考慮與AR應(yīng)用程序、自定義CDN+ CMS以支持重型發(fā)布的第三方集成和附加組件，以及基于實時數(shù)據(jù)的ML驅(qū)動的產(chǎn)品推薦引擎。BigCommerce仍然與我相關(guān)嗎？

絕對地。BigCommerce是一個開放的SaaS平臺，這意味著我們的技術(shù)基礎(chǔ)設(shè)施可以通過API輕松連接到一系列其他應(yīng)用程序。我們的平臺與外部應(yīng)用程序無縫集成，并且可以集成到更大的技術(shù)生態(tài)系統(tǒng)中。此外，在我們的代理合作伙伴（如 Folio3）的幫助下，提供BigCommerce設(shè)計服務(wù) ，您可以創(chuàng)建您夢想中的商店。

借助 BigCommerce，您可以使用我們的核心商務(wù)功能進行庫存管理、支付處理、運輸、欺詐管理等，同時使用其他技術(shù)（例如WordPress或 Adobe Experience Management）來支持您網(wǎng)站的前端。這種設(shè)置被稱為無頭商務(wù) 。

4.易于使用的構(gòu)建工具

另一方面，如果您需要不太復(fù)雜但仍然強大的設(shè)計功能，我們也可以提供。使用我們的Page Builder ——小型企業(yè)和財富500強公司用來創(chuàng)建有吸引力的登錄頁面的 拖放式網(wǎng)頁編輯工具。

使用預(yù)制的設(shè)計元素，您無需編寫一行代碼即可快速制作吸引注意力和點擊誘導(dǎo)的產(chǎn)品列表原型。創(chuàng)建交互式客戶體驗，升級您的內(nèi)容營銷游戲 ，并在不致電開發(fā)團隊的情況下向您的銷售渠道添加新的支持頁面。

點擊這里，設(shè)計屬于你自己的獨立站！同時還可以領(lǐng)取BigCommerce15天免費試用券。

（編輯：江同）

以上內(nèi)容僅代表作者本人觀點，不代表雨果跨境立場！如有關(guān)于作品內(nèi)容、版權(quán)或其它問題請于作品發(fā)表后的30日內(nèi)與雨果跨境取得聯(lián)系。