外貿(mào)網(wǎng)站建站（二）：局部設(shè)計(jì)與特殊功能設(shè)計(jì)

先解答大家非常關(guān)心的兩個(gè)問題。

上一篇文章《外貿(mào)網(wǎng)站建站（一）：如何設(shè)計(jì)網(wǎng)站架構(gòu)與內(nèi)容布局》發(fā)布之后，我陸續(xù)收到了十幾個(gè)讀者的私信，問題集中分為：

• 演示的那種、有設(shè)計(jì)感的網(wǎng)站建站費(fèi)用多少？
  

• 自己建站時(shí)，如何選擇框架和模板？

這兩個(gè)問題，都不是涉及到核心技術(shù)，所以我象征性地再次公開做以解答。

#第一個(gè)問題：

外貿(mào)建站，真的沒有你們想象的那么遙不可及，也沒有建站公司說(shuō)的那么冠冕堂皇。這項(xiàng)技術(shù)的本身的價(jià)值，取決于你想實(shí)現(xiàn)什么功能。

對(duì)于外貿(mào)網(wǎng)站而言（B端和C端），功能主要可以被列舉為：

• Instant Quote?Online
  

• Service Online
  

• Subscribe Us
  

• Community /?Forum
  

• Checkout by PayPal /?Strip /Visa

• Order Tracking

• Followed with?APIS of?Social?Marketing

不懂什么意思的讀者，自己閑暇時(shí)間了解下，每一項(xiàng)所代表的具體含義和展現(xiàn)形式，不在這里加以贅述。

然后，我想說(shuō)的是，以上我總結(jié)的七類當(dāng)中，真正存在技術(shù)難度的只有第五、六條。

因?yàn)檫@兩個(gè)問題，除了需要實(shí)現(xiàn)前端的樣式，還有與PayPal和物流跟蹤系統(tǒng)進(jìn)行接口對(duì)接、數(shù)據(jù)傳送。與此同時(shí)，還要確保傳輸數(shù)據(jù)的安全性、穩(wěn)定性。

其他的功能，實(shí)際上開發(fā)成本可以忽略不計(jì)。

所以，一個(gè)外貿(mào)網(wǎng)站從美工開始切圖、前端入手設(shè)計(jì)框架；到開發(fā)人員入手實(shí)現(xiàn)功能需求，一般來(lái)講，

1. 開發(fā)周期：20天~27天

2. 人員配備：美工+前端工程師+架構(gòu)工程師

3. 預(yù)計(jì)成本：1.3~1.8萬(wàn)之間
   

這么便宜是吧，所以我真的不知道你們說(shuō)的，有公司給你們的報(bào)價(jià)10萬(wàn)、8萬(wàn)是哪里得來(lái)的？

#第二個(gè)問題：

如果是自己建站的話，在選擇框架時(shí)，一定要看框架的說(shuō)明：

• 是否是你熟悉的腳本或者架構(gòu)語(yǔ)言？

• 是否符合服務(wù)器的配置？

• 是否滿足谷歌SEO？
  

• 演示的Demos當(dāng)中，是否支持模塊遷移？

• 網(wǎng)站編輯器，是否是你熟悉或者熟練掌握的？

個(gè)人傾向于重點(diǎn)考慮：所選框架針對(duì)于谷歌SEO的友好程度。一個(gè)外貿(mào)網(wǎng)站如果只能實(shí)現(xiàn)樣式和功能，而不具備被搜索引擎抓取和索引的能力，后期的谷歌排名非常麻煩。

目前，建議大家如果使用模板建站的話，可以在國(guó)外進(jìn)行選擇；國(guó)內(nèi)的話，框架質(zhì)量良莠不齊，好壞參半，不太適合建站菜鳥或者不經(jīng)常涉足國(guó)外網(wǎng)站的建站人群。

好了，以上就是針對(duì)上一篇文章相關(guān)問題的解答，開始正題。

上篇文章，主要結(jié)合之前的開發(fā)項(xiàng)目，給大家實(shí)際分析外貿(mào)網(wǎng)站，應(yīng)該具備的結(jié)構(gòu)設(shè)計(jì)和用戶體驗(yàn)。今天，再次結(jié)合我做的其他案例，為大家深入剖析——外貿(mào)網(wǎng)站建站時(shí)，應(yīng)該掌握哪些局部和特殊功能的設(shè)計(jì)技巧。

#1、根據(jù)導(dǎo)航類目，確定菜單樣式

菜單是網(wǎng)站非常重要的指示性鏈接。我之所以把它叫做“指示性鏈接”，是因?yàn)槊恳粋€(gè)菜單都對(duì)應(yīng)一個(gè)目標(biāo)頁(yè)面。這些頁(yè)面，可以快速引導(dǎo)用戶獲取他想了解的數(shù)據(jù)和信息。

如果一個(gè)外貿(mào)網(wǎng)站的產(chǎn)品類目十分龐大，就像我們之前開發(fā)的比價(jià)網(wǎng)站，那么建議使用這種導(dǎo)航樣式：將一級(jí)、二級(jí)與三級(jí)類目，采用Vertical Submenu樣式進(jìn)行展示。

這樣不但能夠讓網(wǎng)站的結(jié)構(gòu)更加清晰，同時(shí)方便用戶進(jìn)行檢索，降低后者的負(fù)面情緒。

然而，很多網(wǎng)站當(dāng)出口產(chǎn)品類目冗雜時(shí)，建站者為了節(jié)省時(shí)間，只寫一個(gè)Products類目，沒有任何的下拉菜單和產(chǎn)品分類，這個(gè)是非常致命的。它對(duì)SEO沒有什么影響，但是變向增加了用戶的選擇成本，最終造成交易失敗。

如果產(chǎn)品類目不是很多，可以采用我這種Column + Single Image的結(jié)構(gòu)布局，通過100% Width的整張下來(lái)菜單，將產(chǎn)品與特色產(chǎn)品推薦一網(wǎng)打盡。這樣的感官體驗(yàn)，也是比較偏向于歐美客戶的審美觀。

需要強(qiáng)調(diào)的是，局部設(shè)計(jì)，其實(shí)往往更能體現(xiàn)公司的價(jià)值觀念。你的網(wǎng)站如果都不在意細(xì)節(jié)，很難相信你的產(chǎn)品能夠讓人放心到哪里去。

如果我們想讓客戶快速獲取聯(lián)系方式，可以采取我之前做的這種直接下來(lái)方式，進(jìn)行信息提供。

請(qǐng)你記住，我們永遠(yuǎn)要做一件事情：讓客戶把時(shí)間集中花費(fèi)在重要的頁(yè)面和信息獲取中。所以，在設(shè)置頁(yè)面的順序和細(xì)節(jié)方面，是可以有輕重之分的。

不要在臨門一腳的事情上，大費(fèi)周折。更多的精力，要投放在用戶獲取關(guān)鍵性信息的過程體驗(yàn)上。

#2、網(wǎng)站底部設(shè)計(jì)，打消客戶的潛在顧慮

你要知道，不是你吹噓自己的產(chǎn)品質(zhì)量，客戶就會(huì)放心下單；也不是你極力包裝你的公司形象，客戶就深信不疑。

很多時(shí)候，是通過沒有任何感情色彩的客觀事實(shí)陳述，博得客戶好感。

比如在網(wǎng)站底部，加上一系列與產(chǎn)品和服務(wù)無(wú)關(guān)的相關(guān)說(shuō)明。這個(gè)部分存在的意義，就是為了打消客戶心里的疑慮，讓他知道，我們的增值服務(wù)是如何確保每次貿(mào)易的順利進(jìn)行？

為了能夠讓客戶更加深入地了解你，我建議你可以多嘗試去寫：

• About Order

• Pricing & Services

• Payment & Invoice

• Shipping & Delivery

• Return Policies

• privacy?policy

這樣做的好處，是把很多貿(mào)易當(dāng)中的問題，通過書面進(jìn)行公開承諾！客戶在進(jìn)行采購(gòu)過程中，就不會(huì)對(duì)于一些價(jià)格和服務(wù)細(xì)節(jié)產(chǎn)生過多糾結(jié)。

多說(shuō)一點(diǎn)，大家不要只盯著短期的詢盤和訂單，從而過分或者說(shuō)夸張表達(dá)產(chǎn)品的優(yōu)勢(shì)，從而忽略品牌可以衍生出來(lái)的價(jià)值。

所以，很多事情你要多去為客戶分析他的處境，客觀地幫助他進(jìn)行正確的選擇。無(wú)論他最終選擇的是不是你，他對(duì)你會(huì)有長(zhǎng)久的依賴！

所以，這也是我一直選擇Google的原動(dòng)力：我們都相信，我們能夠幫助更多人、更好地解決問題。

#3、特殊功能開發(fā)，專業(yè)+貼心=轉(zhuǎn)化

就像上面我說(shuō)的，很多情況下，你沒有完成最終成交，原因在于你太想成交。所以，在你的網(wǎng)站上面，盡情恣意地鼓吹你的產(chǎn)品和服務(wù)，這恰恰忽視了一個(gè)重要的點(diǎn)——用戶訴求。

幾年前，我在深圳跟一些國(guó)外Amazon大賣、行業(yè)No.1的跨國(guó)品牌首席運(yùn)營(yíng)總監(jiān)，交流探討過對(duì)于用戶訴求的認(rèn)知。

我們更希望創(chuàng)造一個(gè)品牌，是因?yàn)槌銎浔旧懋a(chǎn)品價(jià)值的服務(wù)而被人們記住。

很高興的是，這種服務(wù)在今天，允許通過網(wǎng)站的專業(yè)功能向客戶進(jìn)行傳達(dá)。如上圖所示，我們?cè)陂_發(fā)禮服網(wǎng)站的時(shí)候，就設(shè)計(jì)了這個(gè)關(guān)于物流細(xì)節(jié)提示。

客戶可以根據(jù)這種非常貼心的Notice，清楚地知道這件衣服在運(yùn)輸過程的階段和狀態(tài)，從而打消她的不放心。

與此同時(shí)，如果客戶在進(jìn)行Size的選擇時(shí)，不夠清楚每一種美制或者英制尺寸背后的詳細(xì)參數(shù)，那么就會(huì)影響下單。所以，一個(gè)詳細(xì)的尺寸表非常有必要。

對(duì)于我們而言，這樣的功能開發(fā)才是真的做到位了。這才是一個(gè)外貿(mào)網(wǎng)站的靈魂和根本。是產(chǎn)品嗎？顯然不是，而是——

隱藏在產(chǎn)品背后的，專業(yè)、周到、貼心的用戶體驗(yàn)。這是一門學(xué)問，是所有建站人應(yīng)該用心解讀的情感訴求。它很飄渺，也很微不足道，卻又十分富有魅力。

#4、定向搜索，幫助用戶更快地檢索

2017年8月份，我為美國(guó)舊金山的一個(gè)二手車租賃公司，開發(fā)了汽車買賣服務(wù)平臺(tái)。之所以會(huì)找到我們，就是因?yàn)橹吧钲诘哪且淮尉€下交流。（所以，你看很多機(jī)會(huì)，不一定會(huì)出現(xiàn)在哪里，關(guān)鍵是你要敢于上路。）

當(dāng)時(shí)，由于客戶公司收購(gòu)和轉(zhuǎn)手的車型、品牌、行程、駕駛年限數(shù)據(jù)實(shí)在過于龐大，所以在向目標(biāo)客戶進(jìn)行展現(xiàn)時(shí)，非常不方便。

由此，我們開發(fā)了一個(gè)重要屬性定向檢索模塊。客戶根據(jù)感興趣的關(guān)鍵屬性，就可以篩選出目標(biāo)車輛。從而大大減少了搜索時(shí)間。

后來(lái)，為了再次縮減客戶的瀏覽時(shí)間，我們?cè)谲囕v的Inventory庫(kù)存頁(yè)面，將每一輛車的重要指標(biāo)進(jìn)行羅列，這樣的話，如果客戶不感興趣，就不需要進(jìn)一步點(diǎn)擊。

毫不避諱地講，一個(gè)網(wǎng)站的完美程度，往往取決于功能。這些功能的實(shí)現(xiàn)，是有助于訂單的定向轉(zhuǎn)化。

那么很多時(shí)候，網(wǎng)站的漏斗效應(yīng)在某一種程度上看，是可以被打破的。高轉(zhuǎn)化率的網(wǎng)站一定在細(xì)節(jié)方面，讓人無(wú)可挑剔而又印象深刻。

現(xiàn)在是晚上12點(diǎn)20分，希望今晚我的演示，能夠?qū)δ阌兴鶐椭Ｈ绻菢拥脑挘蚕Ｍ隳軌蚍窒砗娃D(zhuǎn)發(fā)，讓更多的人因此受益。