UI.

8 B2B VS B2C网站的设计秘密

雷维斯卡卡特 经过 雷维斯卡卡特  |  7月10日,2020年

网络设计客户来自a 各种各样的背景。有一天,您将在设计一个VoiceOver艺术家的投资组合网站,然后将为领先的零售商创建一个全面的电子商务网站。在一个理想的世界中,您将达到最终专注于利基的地步。但是,您需要先掌握两个途径。

您在这个行业的时间越多,您就越了解每个客户都具有自己独特的要求和挑战来考虑。但是,您为B2B客户提供的网页设计项目之间存在特别庞大的鸿沟,以及您为B2C客户提供的。

B2B(业务到业务)和B2C(业务到消费者)网站 需要清楚,简洁,美学上令人愉悦。他们应该始终强烈关注用户体验,并且他们需要在设备上一致地工作。但是,了解B2B和B2C项目之间的区别将有助于您为客户提供更好的结果。

 

定义B2B和B2C站点之间的差异

一些 网页设计趋势 在任何环境中保持一致。

无论您是为美发师或领先的萨斯公司创建网站,您都需要提供响应性设计,直观的导航和出色的网站安全。

在项目里程碑,阶段,原型和电线框架方面,您的过程不太可能与B2B到B2C不同。 B2B和B2C项目之间出现的差异通常是您采取的方法来构建某些元素。

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

1.目标受众

在任何设计项目中,保持最终客户始终如一。了解您的客户的目标受众将帮助您创建一个图像和语音,这些语音都吸引合适的人。

B2B网站

使用B2B网站,您将与您的一系列高等教育的个人说话,他们已经拥有了一般知识。这里的目标是展示最终用户如何帮助他们实现更好的结果。例如, M.IO. 突出显示“同步通信”,所以您可以与您的团队“毫不费力地聊天”。

网站的语言和内容是突出产品的主要优势,以及他们可以提供的那种结果。这 尼尔森诺曼集团报告 当他们签出B2B网站时,决策者之间经常讨论。  

设计师需要在令人信服的B2B买家更加努力,他们做出正确的决定。当您销售像软件订阅的东西时,尤其如此,这需要需要大量的长期投资。

B2C网站

另一方面,B2B客户根据逻辑,信息和解释的福利做出决策,B2C客户更受情绪的影响。他们希望快速解决他们的问题,并从“了解”它们的品牌中购买的机会。

看着 Firebox网站, 例如。它立即突出了主页顶部的持续销售,解决了客户可能对价格的任何疑虑。与充满真实的照片和亮色的古怪的布局相结合,意味着客户更倾向于采取行动。

2.目的

可以从B2C到B2B网站不同的另一个因素是客户购买背后的动机。知道是什么推动目标受众与品牌互动 帮助您创建网站 对特定目标提出上诉。

B2B网站

B2B网站往往旨在解决公司的昂贵和耗时的问题。销售决策者了解解决方案的有效性,重要的是要彻底解释解决方案是什么,如何工作,以及如何解决特定的痛点。

看着 zoom网站 例如,他们不只是告诉人们他们提供视频会议,他们解决了平台的实际应用:

B2C网站

消费者在情绪影响方面更容易吸引,因为他们中的许多人来到一个寻求努力的网站。因此,许多网页设计师可以利用像紧迫性和需求的东西,以鼓励转换。例如,查看本网站 Travelzoo.。它利用客户渴望离开:

B2B网站需要专注于提供有助于公司培养更自信的决策的信息。更重要的是,对于B2B网站,决策通常由几个利益相关者制定,而B2C网站则要求单身人士做出选择。 B2C网站需要立即满足担忧,并与客户联系在情感层面。 B2C买家仍然希望对产品或服务进行研究,但周转时间更快,并且通常需要更少的信息。

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

正如您网站设计的重点和您创建的观众可以从B2B到B2C网站的不同,那么设计的视觉元素也可能发生变化。

B2B网站

在大多数情况下,B2B网站都是关于呈现高度专业和可敬的图像。在排版和图像方面,您会发现很多安全和清晰的选择。看到一个B2B网站是不寻常的,这与插图和动画等东西带来风险。

看着那(这 绿色怪人 例如,网站。一切都被规定鼓励清晰度和理解。信息很容易找到,并且没有其他问题可能会分散客户的注意力。

B2C网站

另一方面,B2C网站可能有点大胆。使用这么多不同的选择可供选择,并且大多数客户从紧急或突然需求的方式购买,设计师在压力下迅速捕捉注意力。这意味着在B2C网站上看到大块引人注目的图像更有可能,这是非常少的文本。

像幻灯片和动画一样的运动经常在这里发挥更多作用。此外,还有很好的机会,您可以使用颜色更积极地进行实验。看一眼 Yotel网站, 例如。这里有很少的文本信息,但网站的吸引力通过滑动图像传达:

4.网站内容

在B2B网站上传达信息的方式与B2C网站上描绘的消息非常不同。通常,来自语言的一切,您对这些项目使用的内容数量会急剧差异。

B2B网站

在为B2B网站设计时,您需要小心内容,因为您将与非常混合的受众交谈。如果您的网站迎合不同的行业,您需要确保您展示权限,而不使用太多的术语。有些公司甚至在他们的网站上为特定客户创建不同的页面。这 aspin.co.uk网站 涵盖公司,销售和集成视角的好处:

而不是尝试与所有企业主谈论他们不同的沟通痛苦, G-Suite. 预计其受众并为每个人创建页面。

B2C网站

或者,B2C网站可以让事情变得更简单。例如,开启 glossybox.co.uk.,无需为不同类型的购物者提供大量信息,设计师可以吸引一个受众,即“美容瘾君子”:

在B2B和B2C网站上,内容的目的应该始终是回答最终用户可能拥有的任何问题。

5. CTA按钮

调用动作按钮 通常是网络设计旅程的关键部分。但是,有时很难确定它们应该放置的位置,或者需要多少按钮。

B2B网站

因为购买的决定不会总是立即发生B2B网站,所以这些网站经常使用各种CTA。例如,您可能在页面顶部有一个“请求引用”按钮,以及按钮的登录。

Klaviyo网站例如,您可以请求演示,注册或登录:

您可以使用B2B网站放置在页面上的CTA,因为您的客户更有可能滚动网站,以便在他们决定购买之前收集更多信息。

B2C网站

另一方面,使用B2C网站,您通常不需要为访问者提供尽可能多的选项。单个选项“添加到购物车”,或者也许是“添加到收藏夹”的额外选择是您的所有用户都需要的。客户需要立即查看他们在页面上即将到来的情况下需要做些什么:

在这一点 Evil Hair website,您立即看到如何将产品添加到购物车。

请记住,销售过程与B2C客户更快。这意味着 您需要您的CTA按钮 一旦有人点击页面,就要成为前面和中心。

6.联系表格

在类似的静脉中,您设计联系表单的方式也取决于网站想要吸引的最终用户。与B2C网站相比,在B2B网站上有一个非常不同的过程。

B2B网站

B2B网站通常需要更长的联系表格,因为客户需要收集有关公司在公司的职位的其他信息以及该公司所做的内容。 B2B公司需要分享他们在服务中寻找的东西,以及他们有多少用户,所以销售团队知道给予什么样的示范。

与任何联系人设计的任何策略一样,您应该始终包含客户所需的字段,而且不再包含。如果您从任何客户端要求太多,您可以在相反的方向上发送它们。看看这一点 选项来自钢纸, 例如:

表格解决了尽可能多的相关问题,而不会压倒客户。由于网站处理设计的东西,因此他们会要求向公司现有网站的链接有意义。

B2C网站

在B2C网站上,联系表格的方法非常不同。您可以在您的网站上有专用联系表格,如果有任何疑问,人们可以联系。一个常见问题决定,客户可以为自己服务的另一种帮助您的客户从比赛中脱颖而出的伟大方式。查看此选项 河心岛, 例如:

另一方面,如果您的客户希望收集电子邮件营销电子邮件,您可能会将弹出联系人表格实施到网站中。在这种情况下,重要的是要确保您只要求您需要的信息,而且更多。

注册时事通讯的更容易,顾客会越有可能。能够输入他们的姓名和电子邮件地址,没有别的东西会使注册似乎减少任务。

7.搜索栏和导航

无论您是设计B2B还是B2C公司,导航将始终是一个关键问题。最终用户需要难以追踪他们需要关于公司所需的信息,无论是在寻找特定产品还是博客,都可以追踪。

B2B网站

在B2B网站上,搜索栏经常占用比B2C网站上的突出量更少。这是因为客户端需要的所有信息以及所需的按钮都是可见的前方和中心。

作为一个设计师,通过使购买旅程成为游客最吸引人的道路,将尽可能多地推动尽可能多的人。例如,在 铜网站,“尝试免费”按钮比“继续使用Google”或“登录”更易于更容易:

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

B2C网站

另一方面,大多数B2C网站提供广泛的产品,并且对于客户购买任何东西,它们非常高兴,只要他们最终转换即可。因此,他们使导航成为客户旅程的更重要部分。

搜索栏通常在屏幕顶部呈现,客户可以立即看到它。此外,某些产品类别中可能有多个页面,以便客户可以浏览最感兴趣的项目。例如,查看主页 iwoot网站:

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

8.社会证明和推荐

最后,社会证明是一个适用于的东西之一 改善转换 任何类型的网站。当您的客户不确定他们是否应该从您那里购买,审查或推荐可能只是将其推过边缘的东西。

B2B网站

在B2B网站上,决策过程需要更长时间。因此,在网站的各个部分中,值得包括尽可能多的社会证据。客户推荐,评论和评级,甚至高调公司徽标都取得了所有差异。许多B2B网站包括致力于突出其他品牌成功的案例研究的页面。

您的客户甚至可能会呼吁突出奖励和识别或展示与竞争对手的比较表格的页面。

例如, 权威黑客 作为社会证明,有一个“披露我们的职称”部分:

B2C网站

使用消费者网站,您可以在任何地方包含消费者评级和评论。但是,最有可能在客户可以在产品页面上看到其他客户的审查,最有可能占有一个地方。在 EMP网站 该公司为用户选择单击星际审查部分的选项,以跳转到列出推荐书的页面上的不同空间。如果他们只想将项目直接添加到购物车,这确保客户不必滚动大量超额信息。

 

B2B VS B2C的设计

在网络设计的世界中,没有两个客户永远相同。虽然您需要调整您的流程以适应您互动的每个客户,但您可以通过学习B2B和B2C策略之间的差异来提前设置您的期望。

 

特色图片by 克里斯罗斯哈里斯迈克康纳诺夫.