外贸网站建站（四）：2022年外贸网站结构设计攻略 - B端独立站

时间：2023-09-13 22:00:02 | 来源：网站运营

时间：2023-09-13 22:00:02 来源：网站运营

外贸网站建站（四）：2022年外贸网站结构设计攻略 - B端独立站：最近一直都很忙，从进入10月份开始，很多C端独立站的订单，都需要亲自跟着协助处理，时间有些紧张，所以文章更新较慢......

今年总体还是不错的。疫情的影响，产生了触底反弹的效应，下半年的出货量，比往年更快、更多了一些，而且持续的周期也比过去更长。当然，这其中关于网站的设计、文案、服务的理念和在线客户的服务质量，从运营角度看，给予了极大的帮助。

接下来，我也会根据今年下半年我们的项目经验，给大家系统地展开来讲：到底应该怎么搭建跨境电商业务模块，以及如何保障整个系统的合理运转？

今天，我就先结合我们的网站开发业务版块，给大家分析下，2022年B端外贸独立站，在设计与UE方面，到底应该怎么开始。

上图这个wordpress网站，是2021年上半年，我们为浙江一家外贸公司，开发的工程机械配件独立站。全站采用WPbakery编辑器进行二次开发；与此同时，根据业务特点，引入配件型号检索的Filter功能，方便客户快速查询与询价。我们是怎么做的？

2022网站设计思维（一）：字体与主色调、背景选择

网站不是随随便便就开始的，更不是客户打款之后，就开始应付了事。了解我的人都知道，个人比较讨厌那些所谓的商业价值，我比较喜欢，沉浸在自己的世界和事情中。对那些为了图快，甚至是复制的模式，没什么兴趣。

所以，我们拿到一个项目，首先会花半个月了解客户的领域，全球主流竞对的网站风格。然后再根据自己的理解和经验，大胆用色。根据我们的了解，发现以下几个特点：

• 工程机械网站，导航和H1、H2标签字母全部大写；
• 模块颜色很多是土黄色；
• 背景采用应用场景，配件组合图都是P上去的；

所以，我们根据自己的经验，在字母大写的情况下，果然选择Oswald字体进行设计。这会让整个网站，视觉感觉很硬朗大气。在模块颜色方面，我们沿用了#000000与#ffba00的颜色组合，来突出整体色系的契合度。

包括在设计一些核心页面的时候，大家也一定要考虑到字体、主色调的感觉，要考虑整个网站的统一化，不要首页一个效果，产品详情页突然换了字体，博客页面又换了布局。这样的话，你的客户在浏览时，需要在短时间内，不断地进行视觉角度切换，会引起心理和感官上的不适。

2022网站设计思维（二）：保证文案的数量和质量

很错误的一个做法，就是用图片和视频代替文案，从而来规避英文写作能力的缺失。很多公司都在犯这个错误。非常荒谬！

你不能说你做不到的事情，它就没有意义。

我们可以看到各行各业，欧美做的比较大的网站，基本一个思维是：大量的文字填充，而不会对网站的结构有绝对的要求。我们一直认为，网站对于欧美公司来讲，是一个企业级的数据库，通过它的存在，公司尽量展示自己的文化、核心价值、服务和支持。

但是大多数中国公司，主要用它来吹牛、展示产品，这个是很致命的意识。一个企业，输出的一定是方案和服务，弱化产品和一切商业目的！所以，一个网站一定要有一些可以打消客户疑虑的内容，主要包括：

#1、向客户展示公司实力与服务能力：

除了常见的about us页面之外，我们还想更有针对性地，向客户说明技术优势和核心价值。注意，这两个点不要泛泛而谈，比如“引进先进设备”、“成熟的制造经验”、“解决客户一切问题”这种骗鬼的话，一定多去解释你是怎么解决的。

• Service & Support
• Our Capabilities
• Shared Projects
• Core Value

因此，多去整理产品项目应用案例，这些东西可以从根本上说明问题，比你绞尽脑汁地吹嘘产品多好更有意义。

#2、服务保障与社会责任：

一个成功的公司，一定具有某种社会属性。换句话说，它能够在行业发展中，充当某种积极且正向的引领作用。所以，试图去描述：你的企业如何保障客户的业务运转——更好地帮助客户成功！这需要我们用心做些内容：

• Payment & Invoice
• Shipping & Delivery
• Terms of Use
• Returns Policy

我们之前，遇到过好多客户，不是很注意这里。大家对于这个部分的态度，就是看看同行怎么写，去抄袭一下，美其名曰”借鉴“。如果是这种态度去做独立站，真的不如不做。因为这样的公司，生产的产品不会让人放心。

因此，希望大家能够认真对待自己，对待自己输出的服务。不是天天抓生产就可以，不知道怎么细化流程、提升意识，是不可能成为世界级工厂。这显然与品牌全球化的策略，背道而驰。真的，在做跨界独立站之前，很多事情都需要想清楚、过一遍。

2022网站设计思维（三）：简洁、明了的产品详情页设计

2022年的外贸自建站，我们要求在产品展示的时候，一目了然，杜绝累赘乏味的结构元素。这样可以便于客户，第一时间找到关键信息，从而提高网站的转化能力。与此同时，我们希望可以告别传统Wordpress的产品描述结构，更加生动地（提升客户行动能力和参与度）。

2022年B端独立站——产品页面设计https://www.zhihu.com/video/1455882956618866688所以，我们增加了一些可以拖动、叠加的前端效果，从而提升用户页面的会话时间，间接地改善页面权重。在此给大家的建议是：尽量选择的WordPress主题，支持产品详情页模块的自定义。

Porto（地址：https://themeforest.net/item/porto-responsive-wordpress-ecommerce-theme/9207399#）就是一款很好的主题，它除了具备强大而丰富的demo之外，很重要的一点，它的很多模块是支持二次开发的。不管是出于SEO考虑，还是整体用户体验，这款主题完全可以胜任。

这款主题的后台，内嵌很多可以自定义的HTML Block模块，全部支持网站任何板块的短代码格式调用。做出一个复杂专业的外贸独立站，不在话下。

2022网站设计思维（四）：灵活且迅捷的在线客服系统

2022年开始，无论是C端还是B端网站，在线客服系统代替传统的询价表单，都将是一个趋势。我们不在指望客户花费大量的时间，认真填写他的需求，即使我们为他提供了非常详尽的Contact Form。

更多情况下，我们希望客户可以更快、更容易地找到与我们开始业务往来的接口，而不需要一次次点击和填写。所以，这个网站开始，我们将完全采用Olark客服插件（地址：https://www.olark.com/signup/create_new_account/trial），实现与客户的“0距离”对话。

这款插件相较其他的同功能插件，非常好的地方在于：它整体的交互会话框，设计感觉更趋于欧美国家的用户习惯。而且它采用倒角的边缘设计，自由伸缩的按钮，都是非常灵动的，没有任何主题配套插件或者Template的痕迹。

2022网站设计思维（五）：逆向思维

自信的人，从来都敢于自暴其短。自信的企业，也应该大大方方地告诉客户，自身有哪些不足和需要提升的地方，这会让你的客户更加信任你。

所以2022年的外贸网站，我们要彻底告别那种思维怪圈：永远只说自己的优势、优点。没有企业是完美的，中国更不具备世界级工厂的潜质，至少在现在的思维和制度层面。所以，要有逆向思维，一五一十地告诉客户你有什么，没有什么。

大胆地去总结，你的企业发展过程中存在的缺失和失误，往往会收到意想不到的效果。对于大多数欧美社会而言，消费者更加在意一个供应商的诚信度，这会让他们少了很多麻烦。

***本篇结语***

设计和经营好一个外贸网站，从来不是一件容易的事。它不但是网站风格本身的问题，更是一个企业有担当、真诚对待每一个产品用户的品牌形象。不管是传统供应商还是贸易公司，都应该注重自身的每一个细节、每一个环节，只注重快速成交的公司或者网站，后续会遇上不可逆转的麻烦。

你在网站上投入的时间和心血；你在业务流程和细节上花费的精力......所有这些成本的支出，都一定是值得的。因为这些东西，会真正意义上地解决或者说杜绝，在交易过程中客户端出现的问题。希望2022年你的网站，可以用心尽力地服务好每一个客户，让你的内容更有针对性、真实性、责任感。