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

时间：2023-10-10 09:30:03 | 来源：网站运营

时间：2023-10-10 09:30:03 来源：网站运营

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

开篇引入的Banner只是其中一张海报，以下是另外一张。我们要向客户传达两点内容：一是目前热卖的主打产品；第二个方面是我们的产品最大的理念和价值。

我希望大家在做构图和文案的时候，能够准确切中客户要害，不要写一些不痛不痒的废话。什么叫不痛不痒的废话？比如：

• 我们是中国最大的***供应商，专注于***产品研发与设计**年。
• 更高的产品质量、更好的售后服务。
• 致力于如何服务于全球多少国家、多少客户。

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

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

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

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

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

1. 为什么整体背景颜色选择浅灰色？
2. 为什么产品要加边框，而且是圆形边框？

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

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

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

你看，同样在展示产品大类，其实老外更加喜欢简洁明了，不要加一些JavaScript的动态特效，哗众取宠的结果往往贻笑大方。

#4、关于我们，页面的灵魂所在

你不要告诉我，只要把产品的优势和特点描述清楚即可。信用全球化的时代，任何人都逃避不了建立信用体系这件事。

这件事情本身的价值，远超产品出口所带来的的短期利益。

但其实我们国内供应商，并不在意。长此以往，中国没有品牌这一定论，毫不为过。那么，我是怎么做About Us或者说Company Overview的布局设计？

首先，我要多写。为什么？—— 逆向思维。

• 只有没有实力的公司，才会经常性地运用图片和虚无缥缈的内容来凑版块。
• 老外的网站都是结结实实的案例、技术细节、加工与研发能力。
• 越不说，越显得心虚；自曝其短，往往也是取得信任的过程。

要多说，好的、不好的都说。怎么可能有完美的供应商？敢于承认自己曾经出现的问题，恰恰是赢得信任非常重要的前奏。客户不会对你产生怀疑，他们在乎的是你后来，怎么一步步改善和提高的。

所以，在这些思维的引导下，我采用了这种布局。让公司的历程与核心技术工艺，跃然眼前。

#5、紧抓不放，时刻将解决方案摆在首位

毫不避讳地讲，任何产品和服务的内驱力，一定来自它扎实的技术体系。这种技术（研发和生产）不一定是最完善或者最先进的。但是对于老外，尤其是欧美国家客户而言，扎实靠谱的技术方案，一定是产品的核心竞争力。

所以，在设计网站页面的时候，你要时时刻刻提醒自己：向客户展示你的系统方案，而不是只会报价、只会推销产品。

你的网站设计应该展现出一种气质：我不卖产品，甚至你给我钱我都不要；我只讲我的技术和方案，不管你听没听懂，在我讲完之后，你哪里来回哪里去。

我们看德国的产品公司，永远输出的都是自我价值。正是因为沉迷于自己构建的技术体系，追求技术层面的不断深入和探索，才有产品价值的飞速提升。不是不知道客户的重要性，是真的没有时间Care那些表面工程。

在做网站设计时，也是同样道理。更多地来展示技术细节和系统方案，是最为重要的。在这里，我想说三点感受：

• 一个好的设计师，是要具备自己发现、总结、感悟的能力的，不是一味地依赖客户提供素材。
• 老外往往不是靠你“舔”来的，高端的客户往往看重的是你的技术、细节、自信。
• 系统方案永远比只卖单一产品更能体现品牌价值和利润空间。

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

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