有句话说，如果你不在线上卖，你的就商店根本可以视为不存在了。随着在线市场继续主导购物世界 ，这种说法每天都变得越来越重要。

对于零售商来说，这应该被解释为：如果您目前没有电子商务网站，您可能会阻止自己实现收入目标并充分发挥潜力。

电子商务网站设计究竟需要什么？

简而言之，这是为您的企业创建在线商店以数字方式向目标购物者销售的过程。要设计一个电子商务网站，您需要规划、概念化和安排您的内容和产品，以便在 Internet 上有效展示。

随着越来越多的公司和购物者转向电子商务商店进行购买，电子商务的推动已经开始。2020年，沃尔玛的线上销售额增长了97%。亚马逊第二季度的销售额和利润增长了40%。受益于消费者对在线购物的强烈需求的不仅仅是大公司。与前一年相比， Howards Storage World和B-Wear Sportswear等小型零售商的电子商务收入实现了两位数甚至三位数的增长。

这三家公司还有什么共同点？他们新鲜、现代的电子商务网站设计经过精心设计和优化，以实现客户转化。

您也可以通过以下方式加入不断超越并超越其年度电子商务目标的不断增长的零售商行列。

无论您打算建立哪种类型的电子商务网站，您首先需要的是一个电子商务平台来帮助您创建最好的电子商务商店。

市场上有三种主要类型的电子商务平台：

• 开源。
• 软件即服务。
• 无头商务。

它们中的每一个都为您提供了一个用于创建在线商店的工具包：页面构建器、结帐页面、支付网关集成等等。这些电子商务平台之间的区别在于：

• 定制。
• 表现。
• 内置功能集。
• 灵活性。

SaaS 平台提供开箱即用的电子商务商店设计体验。您可以在几个小时内使用拖放式可视化编辑器设计商店，但代价是自定义有限且无法添加自定义功能。

开源平台就像一块空白的画布，只要有足够的时间和精力，就可以变成任何类型的电子商务网站。但是，您是从头开始创建所有内容，这意味着需要一名编码员和一名设计师随叫随到。

无头商务平台在构建时考虑了灵活性，允许您在任何地方创建差异化的购物体验，并在后端使用强大的商务引擎。与其他电子商务选项不同，通过无头商务，前端与后端分离，允许您随时更改平台。但是，更复杂的过程确实需要额外的系统。

您可以选择：

• 无头商务和开放式 SaaS 平台，例如BigCommerce。
• Shopify等 SaaS 平台确实提供了无头商务服务，但具有严格的每秒 API 调用限制。
• Squarespace 和 Wix 等 SaaS 网站建设者。
• 像Magento这样的开源平台，它没有原生主题编辑器，以及WooCommerce，它在技术上是一个电子商务插件。

这样的电子商务解决方案不会限制您创建美观和独特网站的设计能力，并且您不需要从头开始构建核心商务功能。

无论您选择从哪个商店建设者开始，重要的是要确保您的首选具有以下功能：

1. 移动电话响应。

移动响应能力对于电子商务网站的成功至关重要。超过46% 的消费者在智能手机上完成了整个购买过程（从研究到购买），甚至约75% 的消费者承认他们放弃了未针对移动设备进行优化的网站。响应式电子商务平台可以确保来自各种设备的访问者拥有同样出色的现场体验——没有任何设计限制。

2. 定制机会。

“美”是一个高度主观的评价。然而，在网页设计方面，“好看”通常意味着方便的布局、美观的排版和图像、清晰的视觉效果以及其他使您的商店与众不同的现场设计元素。

如果您的电子商务平台缺乏定制功能和漂亮的即用型模板，那么您将被困在与数百家其他商店使用相同的模具中，几乎没有空间展示您的品牌如何脱颖而出。

3. 用户友好的网站导航。

导航是用户可以用来访问您网站上特定信息的所有 UI 元素的总称。其中包括标题导航菜单、产品类别页面、过滤器、现场搜索和页脚。假设电子商务平台限制了您创建自定义导航路径的能力。在这种情况下，您最终会得到一个漂亮但功能失调的网站，很少有客户愿意使用，您的转化率也会因此受到影响。

一个高质量、易于使用的网站可以在客户浏览和客户购买之间创造一个截然不同的世界。

4. 提供引人入胜的用户体验。

Delight 会提示消费者完成购买，然后再购买更多商品。是什么激发了这种愉悦感并将品牌提升到一个新的水平？如果您的网站让他们想要，世界上最好的营销工具将无济于事。

解决方案？深思熟虑的用户体验 (UX)。

UX 在确保您的网站不仅功能强大，而且直观、可靠、用户友好且易于浏览方面发挥着关键作用。这些因素增加了与网站交互的愉悦感，并使浏览体验更加愉快。

考虑更高的转化率、重复购买、好评和口碑推荐。这些意义重大，可以影响公司的成长和衰退。

您如何确定您的电子商务平台是否对用户体验友好？

• 评估基本的 UI 组件。浏览网站以了解您是否喜欢导航，找到有效的布局以及所有设计元素直观且美观。
• 审查定制机会。您可以调整的元素越多，随着运营规模的扩大，您将能够创建越独特的用户体验。请记住：对于小型商店来说，看起来不错的“入门”做法可能会变成大型企业的资金流失责任。确保您可以随着优先级的变化而折腾和添加不同的设计元素。
• 衡量网站性能。页面加载时间和整体网站速度会从您的用户体验中增加或减少。页面缓慢、设计元素故障和产品视频加载缓慢通常是由电子商务平台使用的糟糕的 CMS/CDN 和托管服务提供商造成的。

要设计一个高性能的网站，您需要了解您的目标受众以及接触它的最佳方式。企业对企业 (B2B)和企业对消费者 (B2C) 电子商务网站都有相同的议程——进行销售。但实现这一目标的手段有些不同。

• 对于 B2C 公司来说，品牌知名度是第一要务。具有强大在线影响力的知名品牌（在选择您的域名时考虑这一点）=在整个潜在市场中占有更高的份额。
• 对于 B2B 公司来说，首要任务是产生潜在客户。由于利基市场和更长的购买周期，B2B 品牌需要保持稳定的热销渠道。

让我们来看看这在设计方面意味着什么。

1. 客户意图的差异。

B2B 和 B2C 购买都是由需求引发的。但这些需求背后的潜在动机是不同的。

B2B 客户意图由业务优先级驱动，并得到一组其他人（利益相关者、团队、公司客户、最终用户）的支持。有很多人要取悦，产品研究的时间线更长，评估产品的要求清单也更详细。这就是为什么B2B 电子商务网站更注重将渠道顶部 (TOFU) 和渠道中间 (MOFU) 访问者转化为潜在客户，然后使用在线组合（电子邮件营销、电子书、社交媒体、在线演示）和线下销售（电话咨询、现场演示等）策略。

B2C 购物者会立即采取行动。虽然大多数人也货比三家，比较产品规格和价格，但他们在销售生命周期的每个阶段花费的平均时间更短。与将更多时间分配给基于数据的产品评估和考虑的 B2B 买家不同，B2C 人员通常会冲动行事，因此更容易接受由我们的偏见激活的各种认知触发因素：

B2C 零售商使用的有效转化率优化策略利用这些设计偏差来影响购买决策。

2. 购买流程。

更多的人参与到 B2B 购买过程中，包括最终用户和采购代理/决策者。电子商务网站是一种促进工具，必须通过内容、交互式现场工具和支持营销资产来告知、支持和展示您的产品如何满足组织的所有需求。请记住：您的最终目标是产生潜在客户，而不是立即销售。

在 B2C 领域，购买决策通常是情绪化的和事件驱动的。咖啡机坏了？好的，我需要一个新的。哦，那双鞋很好看。我在哪里可以买到它们？

大多数 B2C 消费者都处于产品探索和后台评估的持续状态。当他们发现一个好的报价时，他们几乎准备好抢购它。从这个意义上说，B2C 电子商务网站需要促进发现并融入这种紧迫感。

3. 用户体验。

用户体验对于 B2B 和 B2C 购物者同样重要，但它必须考虑到意图和购买过程的差异。尼尔森集团确定了B2B 和 B2C 网站用户体验要求的五个重要差异：

1. B2B 设计必须容纳更长的内容，以支持漫长的决策和销售流程。
2. 所有 B2B 内容都必须面向两个目标受众——“选择者”（决策者）和最终用户。
3. B2B 产品信息需要更长、更全面，并包括对集成、功能和法规要求的清晰概述。
4. B2B 和 B2C 客户都对价格敏感。但 B2B 定价方案更为复杂。为 B2B 买家提供不同的定价范围变化、按使用付费方案或计算器，以促进决策。
5. 与 B2C 商店一样，B2B 网站迎合多个客户群，在规模、行业和运营预算方面各不相同。因此，B2B 网站需要设计更多样化、基于受众的导航来迎合所有目标。

在设计电子商务平台时，B2B 组织必须尽其所能改善其网站的外观和设计，以提供最卓越的用户体验。这可以通过以下方式实现：

• 易于使用。网站上的所有内容都必须易于查找。客户查看网站的速度和便利性对于购买过程至关重要。
• 标志和评论。通过提供他们可以信任的信息，多样化的客户和徽标评论和推荐可以覆盖更广泛的受众。

号召性用语 (CTA)。客户对产品感兴趣——现在怎么办？创建经过校准的 CTA，以吸引注意力并为消费者指明正确的方向，这将产生潜在客户并提高盈利能力。

即使使用一流的工具，如果没有明确的路线图，设计过程也很容易脱轨。您需要为开设电子商店做哪些准备？

1. 主页。
2. 类别页面。
3. 产品登陆页面。
4. 结帐页面。
5. 关于我们。
6. 现场搜索引擎。
7. 帐户注册和登录表格。
8. 电子邮件订阅表格。
9. 法律要求。

让我们一一解决所有这些问题。

1. 主页。

主页是您与潜在客户之间的第一个接触点——您可以将其视为您在线业务的数字店面。大约三秒钟可以给人留下好印象，您需要在主页上的设计选择上保持战略性。

高性能的电子商务主页通常具有以下元素：

• 一组清晰的产品类别，在标题或侧边栏部分。
• 以主要产品或当前优惠为特色的英雄图像（或图像滑块）。
• 推荐产品、趋势项目或产品类别的策划展示。
• 输入和退出弹出窗口或粘性优惠以进行保留。

不过，上面的结构并没有被切割和干燥。您主页的外观将由两个因素决定——您的行业和客户的偏好。

2.分类页面。

类别页面有助于组织您的所有产品并促进发现。数字化注意力分散的客户需要即时信息，尤其是在移动设备上。因此，您需要为他们提供快速访问他们渴望的产品的服务。

除了对用户体验至关重要之外，类别页面还需要针对搜索引擎优化 ( SEO ) 进行优化。不正确的父子关系可能会导致内容重复并降低您在搜索结果中的排名。从而确保每个类别页面：

• 有一个描述性的、对 SEO 友好的 URL。
• 具有用于类别描述的独特文本。
• 在逻辑上适合您的整体信息架构。
• 具有用于对产品建议进行排序的附加过滤器。

3.产品页面。

产品页面设计对于电子商务至关重要。无论您是卖 T 恤还是轮胎，如果您的列表看起来没有吸引力，您的流量和转化次数将永远不会上升。至少，您的产品页面必须具有：

• 高质量的产品照片。
• 产品规格：名称、颜色、尺寸、价格、主要功能。
• 购买并保存以供以后使用。
• 详细的产品说明。
• 社会证明/客户评论。
• 相关产品（追加销售和交叉销售）。

然后你可以用一些额外的功能来为它增添趣味——倒数计时器、视频或 AR 演示、店内登记选项、备用警报等等。

4.结帐页面。

根据 Baymard Institute 的说法，许多因素会促使顾客放弃购物车：

改善结帐页面的外观和流程可以防止其中大部分发生。

• 为首次购物者启用“访客结账”，并提示他们在完成购买后向您注册一个帐户。
• 减少必填表单域的数量。平均而言，电子商务网站在结账流程中有 12.8 个字段。但是您可以在 6 到 8 个字段中捕获您需要的所有客户数据。
• 清楚地列出您接受的所有付款方式（例如借记卡或信用卡、Apple Pay、PayPal）。
• 在结账前告知客户所有可能的费用。选项包括放置一个粘性横幅，告知访客“免费送货”门槛、在产品定价中加入手续费以及在结账前自动应用相关销售税。

5.关于我们页面。

不要将“关于我们”页面视为事后的想法，尤其是如果您从事 B2B 电子商务——52 % 的商业买家表示，他们希望在供应商网站上看到的第一件事就是“关于我们”页面。

有很多方法可以为电子商务公司制作一个有吸引力的“关于我们”页面：

• 讲一个关于你的产品的故事。
• 介绍你的团队。
• 展示您的公司价值观。
• 解释你是如何操作的。
• 谈谈你的历史。
• 或者展示你的未来愿景。

在设计方面，保持文本简短而中肯。避免推销和 CTA，但使用良好的团队和产品视觉效果来支持你的故事。

Grenson 的“关于我们”页面是公司在销售未来的同时讲述其历史和传统故事的一个很好的例子。

6.搜索引擎。

对于大型和小型企业而言，现场搜索引擎对于电子商务网站的长期生存能力至关重要。使客户旅程尽可能简单和精简是任何企业的首要任务。现场搜索引擎加快了客户的旅程，使他们能够快速轻松地找到结果。

打造出色的现场搜索体验：

1. 使搜索栏易于发现。
2. 建议自动完成。
3. 为拼写错误的单词提供结果。
4. 使用分析个性化搜索结果。
5. 支持图像搜索和文本查询。

在制作现场搜索引擎时，组织不应忘记移动体验。电子商务网站的搜索功能必须与移动滚动兼容并且能够处理较小的屏幕。

7. 帐户注册和登录表格。

不要在登录表单上酝酿太多。它们应该简短、渐进且无摩擦。

要求购物者首先提供基本信息（电子邮件/通行证），甚至使用他们的一个社交帐户登录。请记住，注册过程中的每一个额外步骤都会增加流失的机会。等到注册完成后再请求运输和账单详细信息。为用户提供在地址簿中保存和重复使用其信息的选项 — 为每个人提供方便。

繁琐且过于复杂的登录表单甚至会在客户进行购买之前关闭他们，从而阻止长期客户并将他们从企业的沟通渠道中移除。

8. 电子邮件通讯表格。

执行良好的电子商务电子邮件营销活动可以为您的网站带来重复访问量并最大限度地提高转化率。但是，在营销之前，您需要建立您的电子邮件列表。

为了吸引订阅，请将您的时事通讯放在首页的显眼位置，并在页脚区域保留粘性或弹出版本。为了留住首次购物者，您还可以为订阅提供小幅折扣。

9. 法律要求。

在启动电子商务网站之前，您必须确保它在法律上符合任何适当的数据隐私法。最近的法规（例如欧洲的 GDPR 或加利福尼亚的 CCPA）直接影响数据的收集和使用，尤其是对于大型组织而言。如果网站使用 cookie，则该网站必须确保他们获得用户的许可。

GDPR 和 CCPA 已经对电子商务网站产生了影响，GDPR 实施后的一年内，整体电子商务收入下降了 8.3%。

为了确保在站点启动之前和之前合规，每个组织都需要设置以下三件事：

1. 隐私政策
2. 条款和条件
3. 免责声明

这些可以帮助防止可能出现的法律问题，并向您的客户清楚地传达网站的遵守情况。违规罚款很高——组织最好保持领先。

我们已经讨论并向您展示了一个成功的电子商务设计的外观以及它需要哪些页面。

现在让我们深入了解操作方法部分并为店主讨论设计技巧。

1. 保持简单。

购买路径必须立即对客户显而易见。在向页面添加新的设计元素之前，问问自己：这会帮助还是阻碍买家的旅程？

最好从最小的目标网页开始。然后在您了解有关受众行为和偏好的更多信息时添加额外的转化诱导元素。

2. 转化关乎满足。

出色的用户体验放大了与您的品牌互动的乐趣。相比之下，设计失误会削弱这种感觉良好的感觉。

完成初始设计后，审核每个页面以确定可以消除摩擦并增加额外乐趣以提高商店转化率的地方。

3. 定制商店保护您免受竞争对手的侵害。

品牌塑造是与观众建立情感联系并将他们转变为声音品牌拥护者的强大资产。五分之四的客户更愿意推广长期喜爱的品牌。

通过创造独特的电子商务购物体验，您可以确保您作为长期喜爱的品牌的地位，一次互动。

4. 出色的用户体验应该始终放在首位。

有吸引力的价格、酷炫的促销和醒目的横幅仍然很重要，但如果整体用户体验笨拙，它们的效果就会下降。首先专注于确保网站的高可用性和性能，然后处理额外的图形设计元素。

5. 拥抱扁平化设计。

到目前为止，扁平化设计已经成为网络上的“经典”外观——这是有充分理由的。扁平化设计提示的主要原则：

• 清晰的层次结构以加快信息处理。
• 强调行动的图像和适应性设计。
• 使用熟悉的模式可以帮助我们快速理解可供性。

所有这些元素共同构成了出色的电子商务体验。

6. 与众不同。

电子商务领域一年比一年忙碌。您的品牌、形象、网站功能和现场体验应该共同强化您的独特价值主张，并使您的电子商务业务在竞争中脱颖而出。

7. 在设计网站时考虑 CRO。

通过数据支持您的设计预感。如果您正在重新设计或与焦点小组一起进行可用性测试，请研究您的客户生命周期，分析他们的浏览习惯。尽可能多地了解他们的浏览习惯，然后将这些发现融入您的设计中。您的电子商务设计必须吸引您的目标受众，而不仅仅是在美学上取悦您。

8. 显示，不要说。

伟大的电子商务网站在他们的旅程中直观地引导客户。每个元素都在该发现过程中发挥战略作用。工具提示和服务文本可能会有所帮助并促进转换。

如果您需要解释每个新步骤，则所选设计不适用于您的品牌。

9. 不要让你的客户思考。

在线产品发现和购买应该是直观的。通过导航栏、直观的信息架构和及时放置的号召性用语，为每位访问者提供清晰的购买路径。通过最大限度地减少购买每一步的认知负担，您可以增加转化的机会。

10. 寻求第一手的客户数据和反馈。

网络上有许多不同的电子商务最佳实践，可能很容易使用每一个。但更多并不总是更快乐。并非每种做法都适用于每个零售商。

作为企业主，您的设计决策应基于第一手客户数据和反馈，而不是常识。这样，您将创建独特的用户体验，在目标受众中留下印记，并使他们对您的品牌更加忠诚。

建立电子商务网站比以往任何时候都容易。阻止许多大大小小的公司参与在线市场的不再是过于技术化、繁重的过程。

出色的电子商务网站设计现在全都与功能和迭代有关。从基本页面开始并设计快速原型。与您的团队一起测试它们以进行头韵。推出新外观并从客户那里收集第一手见解。在转化优化、新产品登陆页面和季节性促销之间，您手头总会有大量的“设计”工作。