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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

開(kāi)篇引入的Banner只是其中一張海報(bào)，以下是另外一張。我們要向客戶(hù)傳達(dá)兩點(diǎn)內(nèi)容：一是目前熱賣(mài)的主打產(chǎn)品；第二個(gè)方面是我們的產(chǎn)品最大的理念和價(jià)值。

我希望大家在做構(gòu)圖和文案的時(shí)候，能夠準(zhǔn)確切中客戶(hù)要害，不要寫(xiě)一些不痛不癢的廢話(huà)。什么叫不痛不癢的廢話(huà)？比如：

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

更高的產(chǎn)品質(zhì)量、更好的售后服務(wù)。致力于如何服務(wù)于全球多少?lài)?guó)家、多少客戶(hù)。

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

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

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

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

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

為什么整體背景顏色選擇淺灰色？為什么產(chǎn)品要加邊框，而且是圓形邊框？

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

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

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

你看，同樣在展示產(chǎn)品大類(lèi)，其實(shí)老外更加喜歡簡(jiǎn)潔明了，不要加一些JavaScript的動(dòng)態(tài)特效，嘩眾取寵的結(jié)果往往貽笑大方。

#4、關(guān)于我們，頁(yè)面的靈魂所在

你不要告訴我，只要把產(chǎn)品的優(yōu)勢(shì)和特點(diǎn)描述清楚即可。信用全球化的時(shí)代，任何人都逃避不了建立信用體系這件事。

這件事情本身的價(jià)值，遠(yuǎn)超產(chǎn)品出口所帶來(lái)的的短期利益。

但其實(shí)我們國(guó)內(nèi)供應(yīng)商，并不在意。長(zhǎng)此以往，中國(guó)沒(méi)有品牌這一定論，毫不為過(guò)。那么，我是怎么做About Us或者說(shuō)Company Overview的布局設(shè)計(jì)？

首先，我要多寫(xiě)。為什么？—— 逆向思維。

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

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

越不說(shuō)，越顯得心虛；自曝其短，往往也是取得信任的過(guò)程。

要多說(shuō)，好的、不好的都說(shuō)。怎么可能有完美的供應(yīng)商？敢于承認(rèn)自己曾經(jīng)出現(xiàn)的問(wèn)題，恰恰是贏得信任非常重要的前奏?？蛻?hù)不會(huì)對(duì)你產(chǎn)生懷疑，他們?cè)诤醯氖悄愫髞?lái)，怎么一步步改善和提高的。

所以，在這些思維的引導(dǎo)下，我采用了這種布局。讓公司的歷程與核心技術(shù)工藝，躍然眼前。

#5、緊抓不放，時(shí)刻將解決方案擺在首位

毫不避諱地講，任何產(chǎn)品和服務(wù)的內(nèi)驅(qū)力，一定來(lái)自它扎實(shí)的技術(shù)體系。這種技術(shù)（研發(fā)和生產(chǎn)）不一定是最完善或者最先進(jìn)的。但是對(duì)于老外，尤其是歐美國(guó)家客戶(hù)而言，扎實(shí)靠譜的技術(shù)方案，一定是產(chǎn)品的核心競(jìng)爭(zhēng)力。

所以，在設(shè)計(jì)網(wǎng)站頁(yè)面的時(shí)候，你要時(shí)時(shí)刻刻提醒自己：向客戶(hù)展示你的系統(tǒng)方案，而不是只會(huì)報(bào)價(jià)、只會(huì)推銷(xiāo)產(chǎn)品。

你的網(wǎng)站設(shè)計(jì)應(yīng)該展現(xiàn)出一種氣質(zhì)：我不賣(mài)產(chǎn)品，甚至你給我錢(qián)我都不要；我只講我的技術(shù)和方案，不管你聽(tīng)沒(méi)聽(tīng)懂，在我講完之后，你哪里來(lái)回哪里去。

我們看德國(guó)的產(chǎn)品公司，永遠(yuǎn)輸出的都是自我價(jià)值。正是因?yàn)槌撩杂谧约簶?gòu)建的技術(shù)體系，追求技術(shù)層面的不斷深入和探索，才有產(chǎn)品價(jià)值的飛速提升。不是不知道客戶(hù)的重要性，是真的沒(méi)有時(shí)間Care那些表面工程。

在做網(wǎng)站設(shè)計(jì)時(shí)，也是同樣道理。更多地來(lái)展示技術(shù)細(xì)節(jié)和系統(tǒng)方案，是最為重要的。在這里，我想說(shuō)三點(diǎn)感受：

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

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

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

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

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

（來(lái)源：外貿(mào)網(wǎng)站SEO推廣攻略）

以上內(nèi)容屬作者個(gè)人觀點(diǎn)，不代表雨果網(wǎng)立場(chǎng)！本文經(jīng)原作者授權(quán)轉(zhuǎn)載。

上雨果網(wǎng)搜索“跨境資料庫(kù)”,領(lǐng)取歐美/東南亞各國(guó)市場(chǎng)商機(jī)、各大平臺(tái)熱銷(xiāo)品報(bào)告、跨境電商營(yíng)銷(xiāo)白皮書(shū)！