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

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

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

1. 排名靠前：我参考了 G2 的评分数据（相当于海外软件版的大众点评）；
2. 不同类型的产品：而且是大家可能接触得到的类型；
3. 知名却不垄断：像是Adobe、微软那种级别，反而不用在意官网设计。

   
   

• 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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

优网科技秉承"专业团队、品质服务" 的经营理念，诚信务实的服务了近万家客户，成为众多世界500强、集团和上市公司的长期合作伙伴！

优网科技成立于2001年，擅长网站建设、网站与各类业务系统深度整合，致力于提供完善的企业互联网解决方案。优网科技提供PC端网站建设（品牌展示型、官方门户型、营销商务型、电子商务型、信息门户型、DIY体验、720全景展厅及3D虚拟仿真）、移动端应用（手机站、APP开发）、微信定制开发（微信官网、微信商城、企业微信）、微信小程序定制开发等一系列互联网应用服务。