外贸网站建站（一）：如何设计网站架构与内容布局

从这一篇文章开始，我将结合我们多年的外贸网站建站、优化经验，教大家如何设计自己的网站，从而满足国外客户的用户体验，全面提升外贸自建站的流量与订单获取能力。

这个是2018年下半年，我们为一家工程机械客户开发的外贸网站，开发周期将近1个半月。在这期间，没有任何一个阶段争取过客户的改进意见。从开始设计到验收，一次性一气呵成。

根据这个案例，我来讲解，我从哪些角度去进行网站架构和内容设计。你们开始记！

#1、了解全球行业网站通用色调

每一个行业和产品领域，都有其独特的主流色系。这种颜色背景，能够不断强化产品或者服务在客户心里的感觉。

我们看很多网站的设计并不美观，但是在行内客户看来，它又极其地道，这在很多程度上取决于网站的主色调。

对于工程机械行业而言，我在进行网站开发之前，会通过相关关键词，搜索全球竞争对手的产品图片、服务流程、电子版彩本（我在之前的文章，提及过我有下载老外彩本的爱好。实际上，这对于我的设计方案，帮助很大）。

很多工作和积累，看似无用，当真正发挥效力的时候，你会感觉信手拈来而又自信满满。

所以，最终我做了两套色系方案：

• #FE0000（红色）+ #000000（黑色）+ #FFFFFF（白色）+ #FFB717（黄色）

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

第一种方案，红色与黑色、白色相结合，一定会有机械设备高端的感觉。但是由于工程机械的产品需要添加土黄色，所以视觉上的红色一定会被黄色冲淡和同化，所以我舍弃了这个方案。

现在给大家呈现的，就是第二种色系搭配。

我是一个经常自以为是的人，所以很少听取客户的设计意见。我很自信，对于国外网站元素和用户体验的理解和把控，比客户更加精准。

所以，我想说的是，如果你打算做好自己的网站，平时一定要注意整理自己行业的电子彩本、产品色调、品牌网站。仅靠临时抱佛脚，就想一蹴而就的事情，基本不会发生。

#2、首屏Banner海报设计，独树一帜

• 我们是中国最大的***供应商，专注于***产品研发与设计**年。
  

• 更高的产品质量、更好的售后服务。

• 致力于如何服务于全球多少国家、多少客户。

不要整些虚头巴脑的，老外不傻。我们需要深入地了解客户在应用产品时，出现的每一个问题、每一个细节、每一个因为产品或者系统故障所带去的损失！

把这些变成设计的灵感和文案，直击心底、毫不留情。与此同时，你要记住，你不是一个只卖产品的供应商，你是一直在进行技术服务的输出，所以不要盲目地只关注产品的页面感觉，多一些应用和技术细节展示，会让客户印象深刻。

#3、产品展示，风格清新灵活

我不喜欢阿里巴巴的产品展示风格，过于对称和死板。而你看大量的国外网站，都是讲求顺其自然，局部与整体的融合感。

在这里，会有两个问题你要问我：

1. 为什么整体背景颜色选择浅灰色？

2. 为什么产品要加边框，而且是圆形边框？

首先，因为整个Body的字体颜色一定为黑色，这是毋庸置疑的设计常识。在此基础上，浅灰色会衬托出黑色的正式、大气、严谨。

所以，在展示产品时，如果能够给客户这样一种感觉，就再好不过了。

然后，对于产品主图添加圆形边框，主要因为产品外形环状居多，加上圆框，视觉上的融合度更高，看上去更加舒服，毫不突兀。

• 只有没有实力的公司，才会经常性地运用图片和虚无缥缈的内容来凑版块。
  

• 老外的网站都是结结实实的案例、技术细节、加工与研发能力。
  

• 越不说，越显得心虚；自曝其短，往往也是取得信任的过程。

• 一个好的设计师，是要具备自己发现、总结、感悟的能力的，不是一味地依赖客户提供素材。

• 老外往往不是靠你“舔”来的，高端的客户往往看重的是你的技术、细节、自信。

• 系统方案永远比只卖单一产品更能体现品牌价值和利润空间。

所以你看，在准备设计自己网站之前，其实我们需要深入了解非常多的东西，建立多个角度的运营思维。这些思维，会帮助我们创造出更加合适的框架模块。

这种架构的表现力，往往是更加具有穿透力的。在用户诉求方面，也更加到位而富有张力。