外貿(mào)網(wǎng)站建站（一）：如何設(shè)計(jì)網(wǎng)站架構(gòu)與內(nèi)容布局

從這一篇文章開始，我將結(jié)合我們多年的外貿(mào)網(wǎng)站建站、優(yōu)化經(jīng)驗(yàn)，教大家如何設(shè)計(jì)自己的網(wǎng)站，從而滿足國外客戶的用戶體驗(yàn)，全面提升外貿(mào)自建站的流量與訂單獲取能力。

這個(gè)是2018年下半年，我們?yōu)橐患夜こ虣C(jī)械客戶開發(fā)的外貿(mào)網(wǎng)站，開發(fā)周期將近1個(gè)半月。在這期間，沒有任何一個(gè)階段爭取過客戶的改進(jìn)意見。從開始設(shè)計(jì)到驗(yàn)收，一次性一氣呵成。

根據(jù)這個(gè)案例，我來講解，我從哪些角度去進(jìn)行網(wǎng)站架構(gòu)和內(nèi)容設(shè)計(jì)。你們開始記！

#1、了解全球行業(yè)網(wǎng)站通用色調(diào)

每一個(gè)行業(yè)和產(chǎn)品領(lǐng)域，都有其獨(dú)特的主流色系。這種顏色背景，能夠不斷強(qiáng)化產(chǎn)品或者服務(wù)在客戶心里的感覺。

我們看很多網(wǎng)站的設(shè)計(jì)并不美觀，但是在行內(nèi)客戶看來，它又極其地道，這在很多程度上取決于網(wǎng)站的主色調(diào)。

對(duì)于工程機(jī)械行業(yè)而言，我在進(jìn)行網(wǎng)站開發(fā)之前，會(huì)通過相關(guān)關(guān)鍵詞，搜索全球競爭對(duì)手的產(chǎn)品圖片、服務(wù)流程、電子版彩本（我在之前的文章，提及過我有下載老外彩本的愛好。實(shí)際上，這對(duì)于我的設(shè)計(jì)方案，幫助很大）。

很多工作和積累，看似無用，當(dāng)真正發(fā)揮效力的時(shí)候，你會(huì)感覺信手拈來而又自信滿滿。

所以，最終我做了兩套色系方案：

• #FE0000（紅色）+ #000000（黑色）+ #FFFFFF（白色）+ #FFB717（黃色）

• #FFBE00（黃色）+ #000000（黑色）+ #FFFFFF（白色）+ #F1F1F1（灰色）

第一種方案，紅色與黑色、白色相結(jié)合，一定會(huì)有機(jī)械設(shè)備高端的感覺。但是由于工程機(jī)械的產(chǎn)品需要添加土黃色，所以視覺上的紅色一定會(huì)被黃色沖淡和同化，所以我舍棄了這個(gè)方案。

現(xiàn)在給大家呈現(xiàn)的，就是第二種色系搭配。

我是一個(gè)經(jīng)常自以為是的人，所以很少聽取客戶的設(shè)計(jì)意見。我很自信，對(duì)于國外網(wǎng)站元素和用戶體驗(yàn)的理解和把控，比客戶更加精準(zhǔn)。

所以，我想說的是，如果你打算做好自己的網(wǎng)站，平時(shí)一定要注意整理自己行業(yè)的電子彩本、產(chǎn)品色調(diào)、品牌網(wǎng)站。僅靠臨時(shí)抱佛腳，就想一蹴而就的事情，基本不會(huì)發(fā)生。

#2、首屏Banner海報(bào)設(shè)計(jì)，獨(dú)樹一幟

• 我們是中國最大的***供應(yīng)商，專注于***產(chǎn)品研發(fā)與設(shè)計(jì)**年。
  

• 更高的產(chǎn)品質(zhì)量、更好的售后服務(wù)。

• 致力于如何服務(wù)于全球多少國家、多少客戶。

不要整些虛頭巴腦的，老外不傻。我們需要深入地了解客戶在應(yīng)用產(chǎn)品時(shí)，出現(xiàn)的每一個(gè)問題、每一個(gè)細(xì)節(jié)、每一個(gè)因?yàn)楫a(chǎn)品或者系統(tǒng)故障所帶去的損失！

把這些變成設(shè)計(jì)的靈感和文案，直擊心底、毫不留情。與此同時(shí)，你要記住，你不是一個(gè)只賣產(chǎn)品的供應(yīng)商，你是一直在進(jìn)行技術(shù)服務(wù)的輸出，所以不要盲目地只關(guān)注產(chǎn)品的頁面感覺，多一些應(yīng)用和技術(shù)細(xì)節(jié)展示，會(huì)讓客戶印象深刻。

#3、產(chǎn)品展示，風(fēng)格清新靈活

我不喜歡阿里巴巴的產(chǎn)品展示風(fēng)格，過于對(duì)稱和死板。而你看大量的國外網(wǎng)站，都是講求順其自然，局部與整體的融合感。

在這里，會(huì)有兩個(gè)問題你要問我：

1. 為什么整體背景顏色選擇淺灰色？

2. 為什么產(chǎn)品要加邊框，而且是圓形邊框？

首先，因?yàn)檎麄€(gè)Body的字體顏色一定為黑色，這是毋庸置疑的設(shè)計(jì)常識(shí)。在此基礎(chǔ)上，淺灰色會(huì)襯托出黑色的正式、大氣、嚴(yán)謹(jǐn)。

所以，在展示產(chǎn)品時(shí)，如果能夠給客戶這樣一種感覺，就再好不過了。

然后，對(duì)于產(chǎn)品主圖添加圓形邊框，主要因?yàn)楫a(chǎn)品外形環(huán)狀居多，加上圓框，視覺上的融合度更高，看上去更加舒服，毫不突兀。

• 只有沒有實(shí)力的公司，才會(huì)經(jīng)常性地運(yùn)用圖片和虛無縹緲的內(nèi)容來湊版塊。
  

• 老外的網(wǎng)站都是結(jié)結(jié)實(shí)實(shí)的案例、技術(shù)細(xì)節(jié)、加工與研發(fā)能力。
  

• 越不說，越顯得心虛；自曝其短，往往也是取得信任的過程。

• 一個(gè)好的設(shè)計(jì)師，是要具備自己發(fā)現(xiàn)、總結(jié)、感悟的能力的，不是一味地依賴客戶提供素材。

• 老外往往不是靠你“舔”來的，高端的客戶往往看重的是你的技術(shù)、細(xì)節(jié)、自信。

• 系統(tǒng)方案永遠(yuǎn)比只賣單一產(chǎn)品更能體現(xiàn)品牌價(jià)值和利潤空間。

所以你看，在準(zhǔn)備設(shè)計(jì)自己網(wǎng)站之前，其實(shí)我們需要深入了解非常多的東西，建立多個(gè)角度的運(yùn)營思維。這些思維，會(huì)幫助我們創(chuàng)造出更加合適的框架模塊。

這種架構(gòu)的表現(xiàn)力，往往是更加具有穿透力的。在用戶訴求方面，也更加到位而富有張力。