外貿(mào)網(wǎng)站建站（四）：2022年外貿(mào)網(wǎng)站結(jié)構(gòu)設(shè)計(jì)攻略 - B端獨(dú)立站

時間：2023-09-13 22:00:02 | 來源：網(wǎng)站運(yùn)營

時間：2023-09-13 22:00:02 來源：網(wǎng)站運(yùn)營

外貿(mào)網(wǎng)站建站（四）：2022年外貿(mào)網(wǎng)站結(jié)構(gòu)設(shè)計(jì)攻略 - B端獨(dú)立站：最近一直都很忙，從進(jìn)入10月份開始，很多C端獨(dú)立站的訂單，都需要親自跟著協(xié)助處理，時間有些緊張，所以文章更新較慢......

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

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

今天，我就先結(jié)合我們的網(wǎng)站開發(fā)業(yè)務(wù)版塊，給大家分析下，2022年B端外貿(mào)獨(dú)立站，在設(shè)計(jì)與UE方面，到底應(yīng)該怎么開始。

上圖這個wordpress網(wǎng)站，是2021年上半年，我們?yōu)檎憬患彝赓Q(mào)公司，開發(fā)的工程機(jī)械配件獨(dú)立站。全站采用WPbakery編輯器進(jìn)行二次開發(fā)；與此同時，根據(jù)業(yè)務(wù)特點(diǎn)，引入配件型號檢索的Filter功能，方便客戶快速查詢與詢價。我們是怎么做的？

2022網(wǎng)站設(shè)計(jì)思維（一）：字體與主色調(diào)、背景選擇

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

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

• 工程機(jī)械網(wǎng)站，導(dǎo)航和H1、H2標(biāo)簽字母全部大寫；
• 模塊顏色很多是土黃色；
• 背景采用應(yīng)用場景，配件組合圖都是P上去的；

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

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

2022網(wǎng)站設(shè)計(jì)思維（二）：保證文案的數(shù)量和質(zhì)量

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

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

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

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

#1、向客戶展示公司實(shí)力與服務(wù)能力：

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

• Service & Support
• Our Capabilities
• Shared Projects
• Core Value

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

#2、服務(wù)保障與社會責(zé)任：

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

• Payment & Invoice
• Shipping & Delivery
• Terms of Use
• Returns Policy

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

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

2022網(wǎng)站設(shè)計(jì)思維（三）：簡潔、明了的產(chǎn)品詳情頁設(shè)計(jì)

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

2022年B端獨(dú)立站——產(chǎn)品頁面設(shè)計(jì)https://www.zhihu.com/video/1455882956618866688所以，我們增加了一些可以拖動、疊加的前端效果，從而提升用戶頁面的會話時間，間接地改善頁面權(quán)重。在此給大家的建議是：盡量選擇的WordPress主題，支持產(chǎn)品詳情頁模塊的自定義。

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

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

2022網(wǎng)站設(shè)計(jì)思維（四）：靈活且迅捷的在線客服系統(tǒng)

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

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

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

2022網(wǎng)站設(shè)計(jì)思維（五）：逆向思維

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

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

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

***本篇結(jié)語***

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

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