外貿網站建站（四）：2022年外貿網站結構設計攻略 - B端獨立站

最近一直都很忙，從進入10月份開始，很多C端獨立站的訂單，都需要親自跟著協助處理，時間有些緊張，所以文章更新較慢......

今年總體還是不錯的。疫情的影響，產生了觸底反彈的效應，下半年的出貨量，比往年更快、更多了一些，而且持續(xù)的周期也比過去更長。當然，這其中關于網站的設計、文案、服務的理念和在線客戶的服務質量，從運營角度看，給予了極大的幫助。

接下來，我也會根據今年下半年我們的項目經驗，給大家系統地展開來講：到底應該怎么搭建跨境電商業(yè)務模塊，以及如何保障整個系統的合理運轉？

今天，我就先結合我們的網站開發(fā)業(yè)務版塊，給大家分析下，2022年B端外貿獨立站，在設計與UE方面，到底應該怎么開始。

上圖這個wordpress網站，是2021年上半年，我們?yōu)閺V東一家外貿公司，開發(fā)的工程機械配件獨立站。全站采用WPbakery編輯器進行二次開發(fā)；與此同時，根據業(yè)務特點，引入配件型號檢索的Filter功能，方便客戶快速查詢與詢價。我們是怎么做的？

2022網站設計思維（一）：字體與主色調、背景選擇

網站不是隨隨便便就開始的，更不是客戶打款之后，就開始應付了事。了解我的人都知道，個人比較討厭那些所謂的商業(yè)價值，我比較喜歡，沉浸在自己的世界和事情中。對那些為了圖快，甚至是復制的模式，沒什么興趣。

所以，我們拿到一個項目，首先會花半個月了解客戶的領域，全球主流競對的網站風格。然后再根據自己的理解和經驗，大膽用色。根據我們的了解，發(fā)現以下幾個特點：

• 工程機械網站，導航和H1、H2標簽字母全部大寫；
  

• 模塊顏色很多是土黃色；

• 背景采用應用場景，配件組合圖都是P上去的；

所以，我們根據自己的經驗，在字母大寫的情況下，果然選擇Oswald字體進行設計。這會讓整個網站，視覺感覺很硬朗大氣。在模塊顏色方面，我們沿用了#000000與#ffba00的顏色組合，來突出整體色系的契合度。

包括在設計一些核心頁面的時候，大家也一定要考慮到字體、主色調的感覺，要考慮整個網站的統一化，不要首頁一個效果，產品詳情頁突然換了字體，博客頁面又換了布局。這樣的話，你的客戶在瀏覽時，需要在短時間內，不斷地進行視覺角度切換，會引起心理和感官上的不適。

2022網站設計思維（二）：保證文案的數量和質量

很錯誤的一個做法，就是用圖片和視頻代替文案，從而來規(guī)避英文寫作能力的缺失。很多公司都在犯這個錯誤。非常荒謬！

你不能說你做不到的事情，它就沒有意義。

我們可以看到各行各業(yè)，歐美做的比較大的網站，基本一個思維是：大量的文字填充，而不會對網站的結構有絕對的要求。我們一直認為，網站對于歐美公司來講，是一個企業(yè)級的數據庫，通過它的存在，公司盡量展示自己的文化、核心價值、服務和支持。

但是大多數中國公司，主要用它來吹牛、展示產品，這個是很致命的意識。一個企業(yè)，輸出的一定是方案和服務，弱化產品和一切商業(yè)目的！所以，一個網站一定要有一些可以打消客戶疑慮的內容，主要包括：

#1、向客戶展示公司實力與服務能力：

除了常見的about us頁面之外，我們還想更有針對性地，向客戶說明技術優(yōu)勢和核心價值。注意，這兩個點不要泛泛而談，比如“引進先進設備”、“成熟的制造經驗”、“解決客戶一切問題”這種騙鬼的話，一定多去解釋你是怎么解決的。

• Service & Support

• Our Capabilities

• Shared Projects?

• Core Value

因此，多去整理產品項目應用案例，這些東西可以從根本上說明問題，比你絞盡腦汁地吹噓產品多好更有意義。

#2、服務保障與社會責任：

一個成功的公司，一定具有某種社會屬性。換句話說，它能夠在行業(yè)發(fā)展中，充當某種積極且正向的引領作用。所以，試圖去描述：你的企業(yè)如何保障客戶的業(yè)務運轉——更好地幫助客戶成功！這需要我們用心做些內容：

• Payment?& Invoice

• Shipping?& Delivery

• Terms of Use

• Returns Policy

我們之前，遇到過好多客戶，不是很注意這里。大家對于這個部分的態(tài)度，就是看看同行怎么寫，去抄襲一下，美其名曰”借鑒“。如果是這種態(tài)度去做獨立站，真的不如不做。因為這樣的公司，生產的產品不會讓人放心。

因此，希望大家能夠認真對待自己，對待自己輸出的服務。不是天天抓生產就可以，不知道怎么細化流程、提升意識，是不可能成為世界級工廠。這顯然與品牌全球化的策略，背道而馳。真的，在做跨界獨立站之前，很多事情都需要想清楚、過一遍。

2022網站設計思維（三）：簡潔、明了的產品詳情頁設計

2022年的外貿自建站，我們要求在產品展示的時候，一目了然，杜絕累贅乏味的結構元素。這樣可以便于客戶，第一時間找到關鍵信息，從而提高網站的轉化能力。與此同時，我們希望可以告別傳統Wordpress的產品描述結構，更加生動地（提升客戶行動能力和參與度）。

Porto（地址：https://themeforest.net/item/porto-responsive-wordpress-ecommerce-theme/9207399#）就是一款很好的主題，它除了具備強大而豐富的demo之外，很重要的一點，它的很多模塊是支持二次開發(fā)的。不管是出于SEO考慮，還是整體用戶體驗，這款主題完全可以勝任。

這款主題的后臺，內嵌很多可以自定義的HTML Block模塊，全部支持網站任何板塊的短代碼格式調用。做出一個復雜專業(yè)的外貿獨立站，不在話下。

2022網站設計思維（四）：靈活且迅捷的在線客服系統

2022年開始，無論是C端還是B端網站，在線客服系統代替?zhèn)鹘y的詢價表單，都將是一個趨勢。我們不在指望客戶花費大量的時間，認真填寫他的需求，即使我們?yōu)樗峁┝朔浅Ｔ敱M的Contact Form。

更多情況下，我們希望客戶可以更快、更容易地找到與我們開始業(yè)務往來的接口，而不需要一次次點擊和填寫。所以，這個網站開始，我們將完全采用Olark客服插件（地址：https://www.olark.com/signup/create_new_account/trial），實現與客戶的“0距離”對話。

這款插件相較其他的同功能插件，非常好的地方在于：它整體的交互會話框，設計感覺更趨于歐美國家的用戶習慣。而且它采用倒角的邊緣設計，自由伸縮的按鈕，都是非常靈動的，沒有任何主題配套插件或者Template的痕跡。

2022網站設計思維（五）：逆向思維

自信的人，從來都感覺自暴其短。自信的企業(yè)，也應該大大方方地告訴客戶，自身有哪些不足和需要提升的地方，這會讓你的客戶更加信任你。

所以2022年的外貿網站，我們要徹底告別那種思維怪圈：永遠只說自己的優(yōu)勢、優(yōu)點。沒有企業(yè)是完美的，中國更不具備世界級工廠的潛質，至少在現在的思維和制度層面。所以，要有逆向思維，一五一十地告訴客戶你有什么，沒有什么。

大膽地去總結，你的企業(yè)發(fā)展過程中存在的缺失和失誤，往往會收到意想不到的效果。對于大多數歐美社會而言，消費者更加在意一個供應商的誠信度，這會讓他們少了很多麻煩。

***本篇結語***

設計和經營好一個外貿網站，從來不是一件容易的事。它不但是網站風格本身的問題，更是一個企業(yè)有擔當、真誠對待每一個產品用戶的品牌形象。不管是傳統供應商還是貿易公司，都應該注重自身的每一個細節(jié)、每一個環(huán)節(jié)，只注重快速成交的公司或者網站，后續(xù)會遇上不可逆轉的麻煩。

你在網站上投入的時間和心血；你在業(yè)務流程和細節(jié)上花費的精力......所有這些成本的支出，都一定是值得的。因為這些東西，會真正意義上地解決或者說杜絕，在交易過程中客戶端出現的問題。希望2022年你的網站，可以用心盡力地服務好每一個客戶，讓你的內容更有針對性、真實性、責任感。