如何分6步设计一个Shopify网站

我和 Sara Mote 共同创立了 MOTE 机构，成立于 2014 年。我们专注于电子商务，为不断变化的市场提供精致的设计、尖端的技术工程以及最高水准的服务。在我作为网页开发者的职业生涯中，我培养了创新的渴望，并专注于为希望与受众建立持久关系的品牌打造网站。以下是我从 26 年经验中获得的见解。

在设计电子商务网站时，您的目标始终应该是打造既美观又具有战略性的内容。Shopify 让创建电子商务网站变得轻松，即使您没有任何编程或设计经验，也能实现这一目标。

作为一家领先的电子商务平台，Shopify 允许商家使用可定制的主题来构建在线商店。每个 Shopify 网站还配备了一键结账体验和 AI 功能，帮助您撰写产品描述、常见问题解答和营销邮件。

这些工具简单易用，因此您可以立即从自助建站开始销售——随着 Shopify 商店的发展壮大，您还可以选择聘请专业设计师。

如何设计 Shopify 网站

1. 创建您的品牌风格指南
2. 选择您的主题
3. 添加品牌元素
4. 检查性能
5. 专注于策展
6. 跨渠道协调一致

在设计您的 Shopify 网站时，最重要的是建立一个坚实的基础：一个注重性能和易用性的网站，同时建立您的品牌形象，以便您能够在市场上脱颖而出，从一开始就与众不同。

以下是设计 Shopify 网站的最佳方法：

1. 创建您的品牌风格指南

在着手构建网站之前，您需要做出一些品牌决策。如果您已经有品牌指南，那就太好了。如果没有，现在是时候确定您的字体、品牌颜色和标志了。

字体排印

从一种易读但不普通的字体开始，例如来自 Shopify 字体库的字体。它是一款具有高端质感的免费字体，被像 The Row 这样的品牌使用。

排版设计能非常迅速地传达出丰富的个性。字体的选择也会影响网站的网格布局——即视觉上的组织方式——因此明智的做法是从这里开始，并在此基础上进行扩展。

色彩

您选择的配色方案可以影响消费者对品牌的感受，以及他们如何理解您网站上的信息。高对比度的配色方案是不错的选择，因为它们最具可读性和无障碍性。

例如，您可以选择黑白作为品牌主色调——即使在这些基本颜色中，通过选择特定的黑色和白色色阶（如炭黑色和暖米白色），您也可以传达情绪和品牌调性。

标志

标志是建立品牌认知度和知名度的关键要素。花些时间创建您的标志——它应该令人难忘，并传达品牌的精髓。

如果您考虑聘请设计师，他们能够为您提供多个方向供您选择，并优化您最心仪的标志方案。如果当前预算不足以聘请设计师，您可以使用一个在线标志制作工具来创建您的第一个标志。

2. 选择您的主题

Shopify 主题商店中有许多选择，包括价格高达 450 美元的付费主题。

如果您不确定从哪里开始，可以尝试 Dawn。Dawn 是一款免费的 Shopify 主题，拥有出色的移动性能，这对于转化率至关重要。它是构建高质量 Shopify 商店的完美基础。

在比较主题时，请考虑以下因素：

您的预算

如果您是资金有限的新晋企业主，您可能希望先使用免费主题，看看它能为您带来多大的帮助。待业务增长后，您始终可以升级到高级主题。届时，您将更清楚哪些功能是愿意付费的。如果您需要更多功能但预算不足以聘请设计师，那么高级主题可能是一个不错的选择。

产品目录规模

您选择的主题部分取决于您的产品目录中有多少产品。大多数免费和付费主题支持超过 200 种产品，但有一些优质主题（如 Dawn）的最大产品目录为 199 种，还有少数主题最多仅支持 9 种产品。您可以在 Shopify 主题商店中轻松按产品目录大小筛选主题。

网站功能

如果您的 Shopify 商店需要特定功能——例如固定导航栏、视频或快速购买——您可以使用 Shopify 主题商店中的搜索栏来仅查找具备该功能的主题。

移动端体验

如果您的网站流量主要来自移动端——例如，客户通常通过 Instagram 或 TikTok 找到您的产品——您可能希望将快速加载速度置于视频或超级菜单等花哨功能之上。

您的移动端用户可能根本不使用这些功能，如果他们的手机加载您的网站时间过长，他们很可能会离开。这还有一个额外的好处，即提升您的搜索引擎优化 (SEO)。在比较主题时，别忘了尝试演示主题的移动端版本（最好从您的手机上查看）。

3. 添加品牌元素

选定主题后，是时候添加一些品牌元素了。以下是将品牌元素添加到 Shopify 站点的方法：

添加您的标志和品牌颜色

在 Shopify 管理后台中，选择“设置”>“常规”，然后在“品牌资产”部分下选择“管理”。您可以在此处添加您的标志和品牌颜色。它们将自动应用于您的 Shopify 主题以及任何支持 Brand API 的其他渠道。

自定义您的主题

在主题编辑器中，您可以进一步自定义您的 Shopify 商店。导航至“在线商店 > 主题”，单击要编辑的主题，然后选择“自定义”。接着单击“主题设置”齿轮图标，以自定义从排版到布局特性（如水平和垂直间距）的所有内容。

打造品牌化的结账体验

正是这些细节能彰显品牌的巨大价值。为了获得完全品牌化的体验，您需要自定义您的结账体验，包括在任何 Shopify 商店中结账后显示的感谢页面和订单状态页面。

这些元素应与网站其余部分的视觉风格保持一致。您可以通过导航至“设置”>“结账”>“自定义”，在 Shopify 管理后台中添加您的标志并更改颜色和字体。

编辑您的电子邮件模板

当客户下单时，您有机会进一步与其建立关系。不要发送通用邮件，而是在 Shopify 管理后台中创建一个品牌化的电子邮件模板。

导航至“设置”>“通知”>“客户通知”>“自定义电子邮件模板”。

添加您的标志和品牌颜色，使电子邮件立即具有辨识度。同时编辑文本，以提醒客户您的共同价值观，或通过一些产品教育帮助他们对自己的购买感到兴奋。确保将您的品牌语气和个性融入电子邮件中。

融入摄影元素

简单直观的网页不必无聊。您可以通过生活方式和产品摄影传达大量品牌个性。保持产品页面上图像的一致性——例如，在同一光线下，将每件产品拍摄在同一颜色的背景前。

高质量的产品摄影能增强顾客的购买信心，而您选择的色彩、质感和道具也能在营造氛围和确立品牌形象方面发挥重要作用。

4. 检查性能

即使您的网站是世界上最美观的，如果无法正常加载，对顾客来说也无济于事。因此，在设计 Shopify 商店和网站时，网站功能应始终是您首要考虑的重点。

衡量网络性能的标准是核心网页指标——这是 Google 用来描述用户最关心的基本功能的术语：加载速度、交互性和视觉稳定性。

如果您的核心网页指标表现不佳，网站访问者可能会在您的网站上遇到令人沮丧的体验——甚至直接离开，从而增加您的跳出率。更糟的是，他们可能根本无法找到您的网站，因为如果网络指标不符合标准，搜索引擎会在其结果中降低您网站的优先级。

您可以通过导航至“销售渠道 > 在线商店 > 主题”在 Shopify 管理后台中查看核心网页指标（Core Web Vitals）。

使用 Dawn 等极简主义主题的优势之一在于其开箱即用的高性能。（所有 Shopify 主题均已经过速度和可靠性方面的审核。）如果您从坚实的性能基线出发，将更容易观察各项更改对核心网页指标的影响。

设计 Shopify 网站的关键在于平衡。例如，视频可以是一种极具力量的叙事媒介，但其较大的文件大小可能会降低加载速度。

对于珠宝品牌 Jacquie Aiche 而言，解决方案是为网速较慢的用户显示占位图片。这样，无论加载速度如何，都不会影响用户的体验。

视频、大尺寸图像和其他视觉元素并非唯一会影响网站速度的因素。插件——即添加到您的 Shopify 网站或将其与其他平台连接以添加功能的第三方代码片段——也可能拖慢您的网站速度。

您需要权衡哪些功能的性能损耗是值得的，以及为了通过提升其他网站体验来强化品牌形象，您愿意在核心网页指标上做出哪些妥协。

5. 专注于精选策展

作为在线商店店主，你能够通过商品陈列决策来影响顾客的购买决定。精选（curated）是优质电商商品陈列的关键组成部分。行为经济学家将这种现象称为“选择架构”，该术语由理查德·塞勒和卡斯·桑斯坦在其著作《Nudge》一书中创造。

以下是选择架构的一个示例：假设您有一个“新品上市”产品集合。与其按默认顺序展示产品，不如手动重新排列它们，使外观搭配协调的产品彼此相邻。

这种深思熟虑的策展方式会产生微妙的心理效应，从而建立顾客的信任。他们可能会想：“这个品牌连‘新品上市’页面的排版都如此用心，想必也会重视我的包裹。”Shopify 的拖放式主题编辑器使得重新排列产品和图片变得轻松便捷，从而为顾客提供最佳体验。

您的集合页面并非展示您策展能力的唯一场所。Shopify 的“搜索与发现”（Search & Discovery）应用允许您在每个产品页面上展示互补产品。

例如，如果你拥有一家时尚店，当有人查看 T 恤的产品页面时，这是一个绝佳的机会去表达：“我认为这件 T 恤搭配这些裤子和这件夹克会非常好看。”推荐互补产品不仅有助于建立信任，还能带来增加平均订单金额的额外好处。

6. 跨渠道保持一致

你的 Shopify 商店可能不是顾客发现你电商业务的唯一途径。如果你使用社交媒体或其他平台，重要的是要将你的 Shopify 商店视为更大规模的多渠道销售策略的一部分。

例如，假设你在 Instagram 上开展了一场网红营销活动。将那位网红的照片直接放在你的首页上。这样，如果顾客通过 Instagram 访问你的网站，他们会感受到一种连贯性。他们的期望得以满足，你将立即开始建立信任。

在 Shopify 应用商店中，你会发现一些应用允许你将 Shopify 站点连接到其他渠道，如 Instagram 和 TikTok，从而让你能够在一个地方——即你的 Shopify 管理后台——管理所有活动。

将所有内容集中在一处，可以更轻松地一致地应用品牌变更。

何时为你的 Shopify 商店聘请设计师

随着品牌的发展，你可能会发现自行管理网站已不再合适。

如果出现以下情况，你可能需要为你的 Shopify 商店聘请一位设计师：

• 你在网站上花费的时间挤占了 Shopify 商店的关键业务活动，如产品设计、精选合集或人员管理。
• 你的 Shopify 主题不再满足需求。
• 你正在重塑品牌并希望拥有一个与之匹配的新网站。

优秀的设计师或开发人员会伴随你的品牌共同成长，每月检查你的数据分析以推荐任何更新或重新设计。他们还可以添加自定义功能，这些功能在现成模板中找不到，随着你网站需求的日益复杂而变得必要。