“诚，做人之本；信，为人之根，做个诚信的人是我们的根本。”在一春一夏，我们注重每一位客户提出的每个需求，我们充分考虑客户的每一个细节，我们一直在思考如何为客户创造更大的价值，意在让我们的每一位客户都成为我们的朋友...

官网这个东西，虽说在国内用处不大，但是在海外还是很重要的流量入口。很多用户想找个什么产品，就在Google上搜索，然后进官网看。或者在社交媒体上看到的广告，点击后往往也是进入官网。

前段时间为了一个出海项目，研究了不少海外官网设计。可能因为海外市场对官网设计这块确实挺卷的吧，恨不得一月一换，一次还上好几款 A/B Test，难免摸索出点“套路”来。

我今天就来分享一下，海外官网的拼接套路。不论你是做国内还是国外官网设计，或许都能参考一下。

我按照一下三条依据，随机挑选了5个海外官网来分析：排名靠前：我参考了 G2 的评分数据（相当于海外软件版的大众点评）；不同类型的产品：而且是大家可能接触得到的类型；知名却不垄断：像是Adobe、微软那种级别，反而不用在意官网设计。

这5个官网分别是：Slack：即时聊天工具，G2评分32+Monday：项目管理工具，G2评分12k+Notion：笔记工具，G2评分5k+Shopify：建站工具，G2评分4k+Intercom：集合各种功能的AI工具，G2评分3k+

官网构成

我给每个官网的模块进行标签分类，得出了这样的图片：

统计一下，平均每个网站8.6个模块，5个网站合起来总共43个模块。

这些模块可以分为14类。出现率5/5的模块有3类：标题、结语和用户反馈出现率最高；出现率4/5的有2种：产品图片和功能展示；出现率3/5的有4类：细分场景、荣誉背书、产品优势、客户logo。

也就是说，官网设计把握好以上出现率在3/5或以上的9类模块，就不怕出错。

但是这些模块类型，究竟要怎样设计呢？

模块设计

我们就只挑出现率3/5或以上的模块类型来分析吧。

标题 - 5/5

通常是一个短语标题，搭配一段话说明，再加上转化按钮。没有什么特别大的变数，主要就是按钮个数、有没有背景图、产品图和插画的差别。

用户反馈 - 5/5

类型看商品评论的感觉，通常展示几个用户的好评、身份和照片，还可以加上一些数据和知名品牌，增加可信度。

结语 - 5/5

通常在底部，一句激励的话或者 slog 搭配按钮，看能不能抓住最后的机会说服用户转化。

产品图片 - 4/5

很多官网就是会把产品图展示得又大又清晰，注册前能看到的话比较心安。

比较复杂的产品考虑到一张图没有代表性，还会分几个tab，允许用户切换看。

Shopify 的功能展示视频已经很清晰了，所以才没有这个模块。

产品优势 - 4/5

有些产品的优势没有落在具体的功能，例如安全性、灵活性之类的，那就需要专门的模块讲优势了。

而展示方式，就主要取决于数量，以及好不好用图片展示了。

Monday 就用了卡片形式：

Slack 用了比较简单的图示（下面是其中1个模块，不止这1个）：

Shopify 就相对更精致一些（下面是其中1个模块，不止这1个）：

客户logo - 3/5

相当于把一些知名的客户logo列出来，用作背书。

功能展示 - 3/5

这类模块，就是把产品的重点功能，用图文的形式展示出来。

Notion 用这种卡片+页签的形式：

Spotify 是用页签+视频播放的形式：

Intergram 因为功能太多，所以在列表上悬停查看：

细分场景 - 3/5

例如有的产品针对完全不同的角色有不同的解决方案，或者针对不同类型的客户有不同的解决方案，都可以算是细分场景。

内容差不多，但展示形式就有差别了。

Intercom 是把不同场景列出来：

Notion 用tab切换：

Monday 是悬停查看说明：

荣誉背书 - 3/5

通常是引用比较可信的第三方平台信息，正面自己产品的实力。具体展示方式，就要看信息类型了。

Monday 就是展示奖章：

Intergram 是展示图表：

Notion 这个最取巧，引用了一评语：

模块顺序

这些模块的放置顺序，也是有讲究。标题和结语要分别放在顶部和底部，这个就不必多说了。其它的模块位置不绝对，但也有一定倾向。

上半部

客户logo、产品图、细分场景都是放在页面上半部比较多，因为考虑到用户一进来就想看到图，或者确认自己的场景有没有包含。

不过也有例外，像是 Notion 的细分场景比较小众（毕竟绝大多数用户只需要笔记场景），所以放到了下半部。另外 Notion 主要用户是个人，所以客户 logo 放在了页面中间。

中间

功能展示和产品优势，整体是放在中间。只是各产品会根据实际情况，做些调整。

Shopify 这种B端刚需产品，功能很重要所以放在上半部；Intergram这种功能繁多又没重点的产品，会把功能展示放在下半部。

Slack 功能简单的产品，倾向于把产品优势放到前面；Monday的场景和功能太多了，所以把产品优势挤到后面了。

下半部

用户反馈和和荣誉背书，通常是放在下半部。因为只有用户了解产品之后，才会对这些信息感兴趣。

不过也有例外，Notion 对 AI 投入不小，为了证明自己在这块的表现，而把相关的荣誉背书放在了上半部。

总结一下

这次只是随机抽取了5个海外官网，不算是什么严谨的大数据分析。

不过我之前调研过的官网远不止这些，当时也察觉到了类似的套路，只是没有这么统计出来。

其实想想，这些套路也挺符合营销思路的。无非是开头简单介绍一下并问你“要不要”，然后看看产品长什么样子，再详细了解功能和优势，最后展示一下好评和荣誉背书，结尾做个总结最后问一句“要不要”。

想通这个套路后，发现设计官网结构其实并不难，难的是如何找准卖点，然后围绕卖点打磨文案和配图，这些才是真正考验能力的地方。

【一春一夏】我们以网站定制开发、APP/小程序系统定制开发为核心业务。我们坚持为“您”提供一站式系统解决方案。我们奉行“登上峰顶，不是为了饱览风光，是为了寻找更高的山峰”为理念，让我们始终阔步向前。