10个启发你下一个品牌重塑的最佳B2B网站

在这个数字化时代，公司的网站是他们最有价值的资产之一。品牌不断地设计、重新设计、优化和测试他们的B2B网站，不断追求完美。

看一下数字营销机构 Parqa 的以下统计数据，你就会明白为什么B2B公司极为重视网站设计：

如果网站的内容或布局不吸引人，38%的人将停止访问该网站。46%的顾客从网站的视觉吸引力和美感来决定其可信度。对于一个网站的可信度，首次印象中有94%与设计相关。

设计一家B2B网站并非易事。这个挑战源自多种因素。一家B2B网站必须要清晰、简洁、视觉吸引人、优化SEO，并且易于导航。当然，它还必须提供关于您的品牌和产品的正确细节。

如果你正在进行重新品牌塑造，那些重要的特质可能会让你有些不知所措。但是不要担心——今天的博文将会帮助你。我们整理了一份我们最喜欢的B2B网站列表，它们一定会给你的下一个品牌塑造带来灵感的火花。让我们开始吧！

1. Asana

Asana的主页有两个强大的设计元素-一个放置得很好的呼吁行动和简单的动画。呼吁行动被放置在折叠区域上方（即，网页的第一个部分在不滚动的情况下可见）。而且，由于周围的白色空间，呼吁行动不容忽视。一个简单的单行表格伴随着呼吁行动。因此，所有新访客只需输入自己的电子邮件地址即可立即开始使用。

在Asana的主页上，用户在页面下方会遇到第一个动画。

稍后我们将会讨论更多关于动画的内容，因此现在我们先声明一下。在B2B网站上使用动画是有正确的方式和非常错误的方式的。

当正确使用时，动画可以成为B2B品牌叙述和展示那些无法用静态照片充分表达的产品的有价值工具。它能够吸引观众的注意力，但不会分散页面上其他内容的注意力。

当使用不正确时，动画最多只能成为一个吸引人的干扰，最糟糕的情况下会变成一个令人困惑的眼中之痛。设计师们经常犯的一个错误是仅仅因为他们能够做动画，或者因为他们相信动画象征着更大的创新和专业性，他们就创造动画。但是如果动画没有真正的目的，它会分散观众的注意力，而不是给他们信息。

Asana的网站展示了正确使用动画的方式。首先，它展示了Asana平台在实际中的样子。此外，对于这类内容来说使用动画是合理的。作为一款项目管理工具，Asana注重运动和进展——用户可以将任务从一个阶段移动到另一个阶段，重新安排日历，分配任务给特定的员工等。

这些都是简单的功能，但它们依赖于动态效果，因此动画比一系列屏幕截图更适合。

2. Hubspot

Hubspot为市场营销、销售和客服专业人士提供了许多解决方案。要在一页纸上展示他们所有的提供内容是不可能的，而且Hubspot的网站明智地没有尝试这样做。

例如，来看上面的截屏。那里的内容并不多，肯定不足以全面解释Hubspot的每个工具和解决方案能做什么。然而，简洁的文字和简洁的布局吸引了Hubspot希望访客接下来点击的子页面，包括免费的CRM、营销中心、销售中心和服务中心。

每个子页面都比主页有更多的文字内容，但它们包含了足够多的多媒体元素，以便让用户在浏览时保持兴趣。

3. Salesforce

如果你在B2B领域工作，你一定对Salesforce很熟悉。这家软件公司提供了全球最受欢迎的CRM平台，还提供各种支持工具和集成服务。

Salesforce的网站展示了个人和创造性设计元素的完美融合。他们的网站上展示了真实人物的图片，以及Salesforce创造的“Trailhead”卡通角色，用以展示公司的“有趣一面”。现实与想象设计之间的对立构成了一个既有吸引力又富有信息的网站，轻松而个人化，简单而独特。

4. Yapstone

Yapstone可能是这个列表上最具创新性的网站。当你滚动他们的主页时，脑海中首先浮现的词是"未来主义"——从独特的字体到流动在页面上的光滑背景图片，仿佛它们没有被重力负担。人们可能不会期望从一个提供在线和移动支付解决方案的公司得到这种时尚的风格，但这个网站意外的艺术感给人带来了惊喜。

记住，Yapstone的方法在错误的人手中将是一场灾难。许多其他品牌都追求“未来主义”的美感，并且过度包装，将尽可能多的抽象设计和噱头塞入他们的网站中。在给潜在客户留下创新印象和给他们带来头疼之间存在着一条细微的界限。

Yapstone的网站设计效果非常出色，因为设计师们展现了克制。每个页面都采用了干净、简约的布局，避免了未来主义风格给用户带来的过度压倒感。

PublishThis是一个内容营销平台，帮助公司创建、发布和扩展他们的B2B内容。与我们之前的例子不同，PublishThis网站完全没有花哨的装饰，但这证明简单可以与创新和华丽的设计一样有效。

在PublishThis网站上，你第一眼注意到的是一艘火箭船的图像 - 明智地放置在醒目的页眉副本后面，以加强隐喻的效果。从设计的角度来看，该网站的其余部分非常直观。但是，精心组织的布局使网站具有吸引力，从未显得平淡或单调。

请记住：你的网站设计不应该成为关注的中心，而应该是支撑所要表达信息的框架。

6. Grammarly

Grammarly是B2B网站设计中功能极简主义的又一个很好的例子。如果你不熟悉，Grammarly是一款领先的语法检查和写作辅助平台，在B2B内容营销专业人士中非常受欢迎。

与我们上面讨论过的许多品牌不同，Grammarly并不是一个需要高度详细的网站的复杂解决方案。因此，该网站的简单设计很好地补充了产品。它明智地引起了用户对Grammarly与应用程序和平台整合的注意，因为这一细节可能会影响潜在客户的决策。

尽管采用极简主义的设计风格，Grammarly的网站仍然巧妙地运用了两个动画。这些动画展示了工具在使用过程中的样子，并让用户能够想象到他们自己的作品在Grammarly基于人工智能技术进行编辑和改进的情景。

7. Trello

Trello是一个项目协作工具，与我们之前在本文中讨论过的Asana的网站有几个相似之处。而Asana的网站中包含了逼真的动画效果，Trello的网站则使用了交互式幻灯片来展示该平台的实际运作。

我们喜欢这种方法，因为它要求网站访问者参与并点击幻灯片展示，以了解平台的工作方式。这种互动既令人满意，又不会分散注意力或占据网站太多空间。

从Trello的网站中可以得出的关键点是：如果在网站设计中包含互动内容，那么要保持简单。让用户有参与网站体验的愉悦感，但不要让互动设计变成一个他们永远无法离开的视频游戏。

8. 企业版Dropbox

企业版Dropbox的网站上有几个独特的设计元素。尤其是，在首页下方明显展示了Dropbox的定价选项。表面上看，这似乎是一种奇怪的格式：为什么在解释平台功能之前，要将这么大的空间用于展示定价套餐呢？

但是，这个网站的设计展示了公司对其受众的了解程度。商业领袖们访问这个网站并不是为了了解Dropbox是什么；任何一个不住在山沟沟里的人对这个受欢迎的文件托管服务都有所了解。他们访问这个网站是为了了解Dropbox为企业提供了哪些计划，以及每个计划的优缺点。这个简洁的网站设计一开始就提供了所有这些信息，没有杂乱的东西或不必要的花俏。

我们还喜欢Dropbox包含的常见问题解答（FAQ）部分，顾客可以点击其中四个常见问题之一，生成一个下拉框中的答案。同样地，大多数网站不会包含填满整个屏幕的FAQ部分，但这在这里非常有效，因为这恰恰是Dropbox的用户在访问Dropbox商业网站时会寻找的内容。

9. ACME

ACME是一家提供包装服务的企业，面向运输商、零售商和物流运营商的多个行业销售。你可能会读到这样的描述，预期他们的网站会有一些机械、墨守成规的感觉——但实际上，这是这个列表上最美观、最精致的网站。

让Acme网站如此吸引人的是那些清晰、高分辨率的照片。这些照片主导着主页和每个子页面的大部分区域，与优雅的黄、黑、白色配色相得益彰。Acme的解决方案页面采用了网格布局，用户可以快速找到特定行业或使用案例。

令人注目的摄影作品吸引了人们的注意，但是Acme公司整洁、有条理的布局证明了这个网站远远不止是一堆漂亮图片的来源。

10. Mailchimp

Mailchimp的网站拥有许多有趣的设计元素，包括微妙的动画和对客户照片的强调。但最引人注目的是Mailchimp独特的图标，其中一些可以在上面的截图中看到。

这些简单的、卡通般的绘画用它们的简约风格几乎可以说是儿童般的，但它们为本来平庸的材料增加了一丝趣味。例如，"相似观众查找器"功能本可以配有两个相似的商业档案的图像。但是，一副两只相同的小鸟的绘画更有可能吸引用户的注意力。

如果你从Mailchimp的图标中得到一件事，让它成为这样——寻找一些与众不同的小细节。一个创意的图标设计不会决定你的网站的成败，但它会帮助你的品牌在同行中脱颖而出。

阅读更多：电子邮件营销的最佳免费Mailchimp模板

对于B2B网站设计的最终想法

在这十个B2B网站的例子中，我们探讨了各种有趣的设计元素。我们讨论了色彩搭配、动画、视频、摄影、CTA等等，并希望你能找到一些新的灵感，来激发你下一个网站品牌重塑的想法。

当然，适用于一家公司的网站设计可能不适用于你的公司。确保你构建一个与你的品牌、产品、业务目标以及最重要的是你的受众和他们特定需求相一致的网站。确定你的潜在客户和顾客想要从你的公司得到什么，这样你就能够构建一个他们一次又一次访问和回访的网站。

如需更多帮助打造您的B2B品牌，请立即联系ZoomInfo。我们是领先的B2B联系人数据库，在这里我们拥有帮助您扩大营销工作并发展业务所需的工具。