重庆网站设计

B2B和B2C网站设计的8个秘密

Web设计客户端有各种各样的背景。一天，你将为一个画外音艺术家设计一个组合网站，下一天你将为一个领先的零售商创建一个全面的电子商务网站。在一个理想的世界里，你最终会专攻一个利基。但是，首先你需要掌握这两种途径。

你在这个行业花的时间越多，你就会越了解到每个客户都有自己独特的需求和需要考虑的挑战。然而，在你为B2B客户做的网页设计项目和为B2C客户做的网页设计项目之间存在着巨大的差异。

B2B(企业对企业)和B2C(企业对消费者)网站都需要清晰、简洁、美观。他们应该始终高度关注用户体验，并且需要在不同设备之间保持一致。然而，了解B2B和B2C项目之间的差异将有助于您向客户提供更好的结果。

定义B2B和B2C网站之间的区别

有些web设计趋势在任何环境中都是一致的。

无论您是为美发师创建站点，还是为领先的SaaS公司创建站点，您都需要提供响应式设计、直观的导航和优秀的站点安全性。

在项目里程碑、阶段、原型设计和线框架方面，B2B和B2C的流程不太可能有太大的不同。B2B和B2C项目之间产生的差异经常出现在您构建某些元素的方法中。

让我们仔细看看你可能需要考虑的事情:

1. 目标受众

在任何设计项目中，始终把最终客户放在心上是很重要的。了解你的客户的目标受众将帮助你创建一个形象和语调，以吸引正确的人。

在B2B网站上，你将面对的是一批受过高等教育的人，他们已经对你的服务有了大致的了解。这里的目的是向终端用户展示如何帮助他们获得更好的结果。例如,m。io强调“同步沟通”，这样你就可以“毫不费力地与你的团队聊天”。

网站的语言和内容都是关于突出产品的主要好处，以及它们可以提供的结果。尼尔森诺曼集团报告说，决策者在浏览B2B网站时经常会进行很多讨论。

设计师需要更加努力地说服B2B买家，让他们相信自己的决定是正确的。当你销售像软件订阅这样需要大量长期投资的东西时，这一点尤其正确。

另一方面，B2B客户基于逻辑、信息和解释清楚的利益进行决策，而B2C客户更容易受到情感的影响。他们想要快速解决问题，希望有机会从“理解”他们的品牌那里购买。

例如，看看Firebox的网站。它会在主页的顶部立即突出正在进行的销售，解决客户可能对价格的任何担忧。这与充满真实照片的古怪布局和明亮的色彩相结合，意味着顾客更愿意采取行动。

2. 目的

从B2C到B2B网站，另一个不同的因素是顾客购买的动机。了解是什么促使目标受众与品牌互动，将有助于你创建一个具有特定目标的网站。

B2B网站的目标通常是为公司解决昂贵和费时的问题。要让决策者相信解决方案的有效性，就必须详细解释解决方案是什么、它是如何工作的，以及它是如何处理特定痛点的。

以Zoom网站为例，他们不仅告诉人们他们提供视频会议服务，还介绍了该平台的实际应用:

就情感影响而言，消费者更容易被吸引，因为他们中的许多人访问网站是为了满足迫切的需求。正因为如此，许多web设计师可以利用紧急情况和需求来鼓励转换。例如，看看TravelZoo的这个网站。它利用了顾客想要离开的欲望:

B2B网站需要专注于提供信息，帮助公司做出更有信心的决定。更重要的是，B2B网站通常由多个利益相关者做出决策，而B2C网站则要求一个人做出选择。一个B2C网站需要解决眼前的问题，并在情感层面上与客户联系。B2C买家仍然希望对产品或服务进行研究，但这一转变要快得多，通常需要较少的信息。

3.设计元素(视觉外观)

正如你的网站设计的重点和你为之创造体验的受众在B2B和B2C网站中是不同的一样，设计的视觉元素也可能会改变。

在大多数情况下，B2B网站都是关于呈现一个高度专业和可敬的形象。当涉及到排版和图像时，你会注意到许多安全而清晰的选择。B2B网站冒着插图和动画的风险是很少见的。

例如，看看绿色极客网站。所有的安排都是为了鼓励清晰和理解。信息很容易找到，而且没有其他问题可能分散客户的注意力。

另一方面，B2C网站可以更大胆一点。有这么多不同的选择可供选择，而大多数客户购买是出于紧急或突然的需求，设计师们承受着迅速吸引注意力的压力。这意味着在B2C网站上更有可能看到大量引人注目的图片，而文字却很少。

运动，像幻灯片和动画通常在这里扮演更多的角色。此外，你还可以在色彩上进行更大胆的尝试。以Yotel网站为例。这里的文字信息非常少，但是网站的吸引力是通过滑动图片传达的:

4. 网站内容

在B2B网站上传递信息的方式与在B2C网站上描绘的信息非常不同。通常，从语言到您在这些项目中使用的内容的数量，所有的东西都会有很大的不同。

在设计B2B网站时，你需要注意内容，因为你要面对的是各种各样的受众。如果你的网站迎合不同的行业，你需要确保你的权威，而不是使用太多的术语。有些公司甚至为特定的客户在网站上创建不同的页面。aspin.co。英国网站涵盖的利益，从一个公司，销售和整合的观点:

G-Suite并没有试图与所有的业务所有者讨论他们不同的沟通痛苦，而是预期它的受众，并为每个受众创建页面。

或者，B2C网站可以让事情变得简单一点。例如，glossybox.co。在英国，没有必要为不同类型的购物者提供大量的信息，设计师可以吸引一个受众，即“美容成瘾者”:

在B2B和B2C网站中，内容的目的应该总是回答终端用户可能有的任何问题。

5. CTA按钮

调用动作按钮通常是网页设计过程中至关重要的一部分。但是，有时很难确定它们应该放在哪里，或者需要多少个按钮。

因为B2B网站通常不会立即做出购买决定，这类网站经常使用各种cta。例如，您可能在页面的顶部有一个“请求报价”按钮，以及一个登录按钮。

例如，在Klaviyo网站上，你可以请求演示、注册或登录:

在B2B网站上，你也可以把cta放在页面较低的位置，因为你的客户更有可能在决定购买之前浏览网站以收集更多信息。

另一方面，对于B2C网站，你通常不需要给访问者太多的选择。用户只需要一个“添加到购物车”的选项，或者一个“添加到收藏夹”的额外选项。客户需要立即看到他们需要做什么，一旦他们到达一个页面:

在Evil Hair网站上，你可以立即看到如何将产品添加到购物车中。

记住，B2C客户的销售过程要快得多。这意味着当有人点击一个页面时，你需要你的CTA按钮在前面和中心位置。

6. 触点形式

同样，你设计联系人表单的方式也将取决于网站想要吸引的最终用户。与B2C网站相比，接触B2B网站的过程是非常不同的。

B2B网站通常需要较长的联系表格，因为客户需要收集潜在客户在公司的职位以及该公司的业务等额外信息。B2B公司需要分享一些东西，比如他们在服务中寻找什么，他们有多少用户，这样销售团队就知道应该提供什么样的演示。

与任何联系表单设计策略一样，您应该始终只包含客户需要的字段，而不是更多。如果你对任何一个客户要求太多，你可以让他们跑向相反的方向。看看Ironpaper的这个简单的选项，例如:

该表单尽可能多地解决相关问题，而不会让客户感到不知所措。因为该网站处理诸如设计之类的事情，他们会要求公司现有网站的链接是有道理的。

在B2C网站上，有非常不同的联系方式。你可以在你的网站上有一个专门的联系表格，如果人们有任何问题，他们可以联系你。FAQ页面可以让客户为自己服务，这是另一个帮助客户在竞争中脱颖而出的好方法。看看这个选项在河岛，例如:

另一方面，如果您的客户希望为电子邮件营销收集电子邮件，您可以在网站中实现弹出式联系表单。在这种情况下，确保你只问你需要的信息是很重要的，而不是更多。

订阅时事通讯越容易，客户就越有可能订阅。可以输入他们的名字和电子邮件地址，没有什么会让注册看起来不那么麻烦。

7. 搜索栏和导航

无论你是为B2B还是B2C公司设计，导航总是一个关键的问题。终端用户需要容易地找到他们需要的关于公司的信息，无论他们是在寻找一个特定的产品还是一个博客。

在B2B网站上，搜索栏通常没有B2C网站那么突出。这是因为客户需要的所有信息，以及下一步需要的按钮，都已经在前面和中间可见了。

作为一名设计师，你的工作就是通过让购买之旅成为对访问者最有吸引力的路径，来推动尽可能多的人转变。例如，在铜网站上，“尝试免费”按钮比“继续谷歌”或“登录”更容易看到:

B2B网站的重点是一个非常明确的目标。虽然导航仍然需要可用，但它不需要像在B2C网站上那样明显。

另一方面，大多数B2C网站提供广泛的产品，他们很高兴他们的客户购买任何东西，只要他们最终转换。正因为如此，它们使得导航成为客户旅程中更重要的一部分。

搜索栏通常出现在屏幕的最顶端，在那里客户可以立即看到它。此外，在某些产品类别中可能有多个页面，以便客户可以浏览他们最感兴趣的项目。例如，看看IWoot网站的主页:

B2C网站的导航元素需要更加明显，因为消费者在搜索选项时更有可能使用它们。

8. 社会证明和奖状

最后，在任何类型的网站上，社交证明都可以很好地提高转化率。当你的客户不确定他们是否应该从你那里购买产品时，一篇评论或推荐信可能会把他们推到边缘。

在B2B网站上，决策过程要长得多。正因为如此，在网站的每个部分都尽可能地包含社会证明是值得的。客户的推荐、评论和评级，甚至是高调的公司标志都能让一切变得不同。许多B2B网站都有一个页面，专门研究其他品牌的成功案例。

你的客户甚至可能会要求在页面上突出他们的奖项和认可，或者展示他们的产品与竞争对手的对比表。

例如，权威黑客有一个“专业人士对我们的评价”部分作为社会证明:

有了消费者网站，你可以在任何你喜欢的地方包括消费者评分和评论。然而，最可能的情况是，您希望在产品页面上有一个地方，让客户可以看到其他客户的评论。在EMP网站上，该公司为用户提供了选择，点击星级评论部分，跳转到页面上列出奖状的不同空间。这确保了如果顾客只是想直接将商品添加到购物车中，他们不必滚动大量多余的信息。

设计B2B vs B2C

在网页设计的世界里，没有两个客户是完全相同的。虽然您需要调整您的流程以适应与您交互的每个客户，但您可以通过学习B2B和B2C战略之间的差异提前设定您的期望。