8步建站设计提高流量转化的清单指南

即使使用一流的工具，如果没有明确的设计清单和想法，设计过程也很容易脱离我们的设想。那么我们需要为建站做什么准备呢？

点击这里，了解更多设计！同时还可以领取BigCommerce15天免费试用券

1.主页。

2.类别页面。

3.产品登陆页面。

4.结帐页面。

5.关于我们。

6.搜索栏和搜索结果页面。

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

8.电子邮件订阅表格。

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

1.主页。

主页是与潜在客户之间的第一个接触点，也可以将其视之为我们在线业务的店面。一般来说打开页面的三秒就会给人留下印象，所以我们要谨慎选择主页的设计。

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

• 在标题或侧边栏部分删除产品类别；

• 主打产品或当前优惠的主图（或图片滑块显示优惠）；

• 推荐产品、热门商品或产品类别的策划展示；

• 进入和退出弹出窗口或粘性优惠以保留。

不过，上面的结构不是被分割开的。主页外观的的决定性因素是我们所涉及的行业和客户的偏好。

例如，Jeni冰淇淋会立即提示购物者是要从当地商店订购外卖还是全国快递。

来源：Jeni's

2.分类页面。

页面分类有助于整合你的产品并且进行优化。在数字化的时代，客户需要即时信息。尤其是当他们使用移动设备时更是如此。因此，我们需要设置“快速访问”来提升他们的购物体验。

除了对用户体验至关重要之外，页面分类还需要针对SEO （搜索引擎优化）进行优化。不正确的SEO可能会导致内容重复并削弱我们的页面搜索结果中的排名。所以需要确保每个页面：

• 具有描述性的、对SEO友好的URL；

• 具有用于类别描述的独特文本；

• 在逻辑上适合整体信息架构；

• 具有用于对产品建议进行排序的附加过滤器。

Natori遵循所有这些原则，为买家创造愉快的浏览体验：

来源： N ATORI

3.产品页面。

产品页面设计对于电子商务尤为重要。无论您是销售T恤 还是轮胎，如果产品页面看起来一般，流量和转化数字永远只会维持在一个很一般的程度。所以，产品页面必须具有以下特点：

• 高质量的产品照片；

• 产品规格：名称、颜色、尺寸、价格、主要功能；

• 购买并保存以备后用；

• 详细的产品说明 ；

• 客户评论；

• 相关产品（追加销售和交叉销售）。

然后，也可以添加一些额外的功能——优惠倒数计时器、视频或 AR 演示等等！

4.结帐页面。

根据Baymard Institute的说法， 许多因素会促使客户放弃结账：

资料来源：贝玛德研究所

我们可以通过改进结帐页面的外观和付款流程来防止客户流失。

• 为首次购物者启用“访客结账”，并在他们完成购买后提示他们可以注册帐户；

• 减少必填表单字段的数量。平均而言，电子商务网站在结账流程中 有12.8个字段 。但是您可以通过6到8个字段捕获需要的所有客户数据；

• 清楚地列出您接受的所有付款方式（例如借记卡或信用卡、Apple Pay、PayPal）；

• 在结账前告知所有可能的费用。您可以放置弹窗，提示访问者“免费送货”的门槛是什么。在产品定价中加入手续费，在结账前自动增加相应的的税费。

5.关于我们页面。

不要将“关于（About us）”页面视为事后的想法，尤其是在B2B电子商务中。因为52%的企业买家 表示，他们想在供应商网站上看到的第一件事就是“关于我们”页面。

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

• 讲一个关于产品的故事；

• 介绍你的团队；

• 展示您的公司价值观；

• 解释用户如何操作；

• 谈谈你的历史；

• 或者展示你未来的愿景。

在设计方面，保持文本简短和重点。避免推销和CTA，但要使用优秀的团队和产品视觉效果来赋能你的故事。

6.搜索结果页面。

较大的电子商务商店需要仔细考虑现场搜索体验。 

要创建出色的现场搜索体验：

• 使搜索栏易于发现。

• 建议自动完成。

• 提供拼写错误的词汇的结果。

• 使用分析个性化搜索结果。

• 支持图像搜索和文本查询。

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

不要在登录表单上花太多时间。它们应该简短、渐进且无摩擦。要求购物者首先提供基本信息（电子邮件/通行证），或者甚至使用他们的社交帐户之一登录。注册过程中的每一个额外步骤都会增加流失的机会。注册完成后请求运输和账单详细信息。为了方便，你可以让用户保存他们的信息以便下次使用。

8.电子邮件通讯表格。

优秀的电子商务邮件营销活动 可以为您的网站带来重复流量并最大限度地提高转化率。但在营销之前，您需要建立您的电子邮件列表。为了吸引订阅，请将您的通讯方式放在首页的显眼位置，并在页脚区域保留一个粘性或弹出式版本。为了留住首次购物者，您还可以为订阅提供小幅折扣。

点击领取BigCommerce15天免费试用券，开始你的建站设计之旅！

（编辑：江同）

以上内容仅代表作者本人观点，不代表雨果跨境立场！如有关于作品内容、版权或其它问题请于作品发表后的30日内与雨果跨境取得联系。