Shopify网站设计策略

Shopify网站设计策略

想象一下,如果您和您的朋友想在线销售一些单板滑雪设备。您不喜欢任何可用的电子商务平台,因此您创建了自己的电子商务平台。现在想象一下,您的新电子商务平台比您的滑雪装备卖得更好。简而言之,这就是 Shopify 的诞生方式。

如今,Shopify 是全球第三大最受欢迎的电子商务平台。它占全球所有在线商店的 4%2016 年的收入为 3.893 亿美元

但撇开数字不谈,Shopify 提供了其竞争对手尚未完全掌握的电子商务平台的独特之处:便利。虽然并非适用于所有在线商店,但 Shopify 是快速简单网站的最佳平台。这并不是说网站本身不够健壮,而是设计过程本身很简单并且花费的时间更少。问题在于有限的自定义选项和更严格和线性的设计方法——但这正是吸引许多网站管理员的地方。

简而言之,如果您想采用更加亲力亲为和可控的设计方法,付出更多的努力来换取更多的选择,那么您最好使用MagentoWooCommerce等平台。但是,如果您正在寻找快速简便的平台——一个摆脱技术细节困扰并让您专注于业务管理的平台—Shopify 最适合您。

但不要将“简单”误认为是“无脑”。您仍然需要付出一些努力来构建您想要的站点,这就是本文的主题。下面,您会发现成功的 Shopify 店主认为对初学者和成熟商店最有用的 7 个关键设计策略。

1.为您的网站选择最好的主

首先,您需要选择正确的主题。您的主题是网站的支柱,将直接影响网站的氛围、用户体验和整体感觉

Shopify 网站设计

Shopify 主题商店是一个很好的浏览场所,它带有筛选器,可帮助您找到所需的内容。

Shopify 提供了几十个主题,每个主题都有多种样式变化以供进一步定制。虽然有些主题可以免费使用,但大多数主题的价格在 140 至 180 美元之间。

这个非常重要的决定也可能是最令人难以抗拒的决定之一,尤其是如果这是您第一次接触 Shopify 或一般的主题商店。这就是为什么 Tucker Schreiber(为 Shopify 博客撰稿)建议缩小您的选择范围,将重点放在您希望主题实现的确切目标上。搜索主题时,请记住以下问题:

  • 我想为我的客户创造什么样的体验?– 布局、图像大小、文本位置等都将有助于营造氛围,最终塑造整体用户体验。
  • 我希望我的商店具备哪些功能?– 您想要普通图像显示还是大图像显示?您需要广泛的 Instagram 提要吗?无限滚动?不同的主题提供不同的功能,因此请确保您知道自己想要什么,或者您愿意牺牲什么。
  • 我的竞争对手在做什么?– 注意您的竞争对手正在做什么,这不仅是为了效仿有效的做法,也是为了了解您可以做些什么不同的事情……以及做得更好。
  • 我希望如何展示我的产品?– 您的产品如何展示是电子商务的主要考虑因素,因为它对用户体验有很大贡献。考虑一下你有什么样的产品:主要依赖规格的科技产品不需要大图像,而时尚产品则相反。
  • 我的网站设计预算是多少?– 额外的插件和应用程序也可能会花费更多的钱,因此您应该在选择昂贵的主题之前计划好您的总体预算。使用免费主题然后使用付费应用程序扩充它可能更经济。

选择主题时的最后一个考虑因素是不要过分担心版式和配色方案。大多数时候这些可以在以后定制。

2. 避免混乱(认知超载)

根据Icee Social 的创始人 Mark Perini 的说法,电子商务设计中最常见的问题是您的网站信息过多。

“你会很想展示你在武器库中拥有的一切,无论是过多的信息还是你曾经制作的每一种产品的积压。虽然确实会有客户想要查看您品牌的整个历史,但这些人很少见。弄清楚你的顶级产品是什么,并在你的网站上给它们一个荣誉的位置。”

Shopify网站设计服务
Shopify 网站Caravan Coffee Roasters的主页没有混乱。事实上,该公司只选择了首屏的两个选项—谈论不让用户思考。

在设计界,过多的信息被称为“认知超载”。在他的 Steve Krug 的 Don’t Make Me Think 中,他解释说用户希望网站体验尽可能流畅运行;当他们决定去哪里时,太多的选择会让他们费尽心思。

正如佩里尼建议的那样,在任何时候都只关注少数几种专业产品。这些可能是畅销书、促销产品或您要卸载的产品。

也不要害怕减少脂肪。学会分辨必备品和想要的东西之间的区别。

3. 缩短加载时间

即使您没有使用 Shopify网站,如果加载时间过长,加载时间也会毁掉您的整个业务。页面加载时间每多一秒,转化率就会降低 7%,页面浏览量就会降低 11%。即使在客户体验之外,更快的网站在 Google 上的排名也会更高,因此缩短加载时间对您的用户体验和搜索引擎优化都有帮助。

虽然有很多不同的因素会影响您的加载时间,但有一些技术通常可以帮助减少加载时间:

  • 压缩图片——当然,您想要高质量的产品图片来帮助销售您的商品,但缺点是这些图片需要更长的加载时间。通过压缩图像来吃蛋糕和吃蛋糕。Compressor.io等免费在线工具可以将文件大小减小约 50%,而不会明显影响图像质量。
  • 删除不必要的小部件——小部件、应用程序和其他插件等站点附件过多会缩短加载时间。消除除必需品以外的所有内容以简化您的网站。
  • 避免使用第三方主题——虽然情况并非总是如此,但有时第三方主题可能会有意想不到的添加,从而减慢整个网站的加载时间。如果您的模版不是由 Shopify 直接制作的,请联系开发人员以了解如何缩短加载时间。
  • 跳过轮播– 喜欢或讨厌它们作为设计选择,轮播往往会锚定您的加载时间。这并不是说你永远不应该使用它们(它们有它们的优势),但如果你正在努力让你的网站更轻便,轮播是最好的减负。

如果您不确定加载时间如何累积或如何改善缓慢的加载时间,请查看 Google 免费的PageSpeed Insights 工具。它不仅会分析您的网站速度,还会为您提供有关如何改进网站的直接建议。

4. 与合适的网站设计公司合作

有时,它只是归结为了解您的局限性。如果您觉得网站设计是一项超出您能力范围的技能,那么聘请专业人士提供帮助并不可耻。即使您以前设计过网站,专业设计师的经验也可以引导您获得一些新的见解。

与任何其他行业一样,设计师专注于某些领域和平台。您可以聘请一位专门从事 Shopify的设计公司,他已经熟悉所有不同的主题、插件和功能。这也可以节省大量时间,因此您不必在 Shopify 商店中费力寻找您想要的细节。

设计师的另一个好处是他们拥有丰富的经验和预算。

5. 你做你:体现你的个性

当您使用模板网站构建器时,您冒着创建一个看起来像所有其他网站的网站的风险。幸运的是,通过一些额外的计划可以避免这种情况。是的,您的网站有可能从人群中脱颖而出,即使在使用相同主题的网站中也是如此。

以下是三个主要领域,您可以在这些领域让您的小光闪耀:

  • 网站摄影—总的来说,您的摄影风格甚至比一般主题更能决定您网站的外观。您对产品照片和宣传照片进行风格化的方式可以展示您的独特个性。例如,对于传统的专业网站来说,纯白色背景看起来更好,而在上下文中拍摄的产品照片(即在公园拍摄)可以添加一种古怪的风格,这可能很适合您的网站。
  • 复制—在视觉效果之后,你使用的文字是展示你个性的下一个最佳策略。年轻时尚的品牌将使用更随意的行话,甚至可能是表情符号,而旨在提高消费者信任度或描绘成熟的品牌可能会使用更正式的语言。文案的基调不仅适用于主页和关于页面,还适用于您使用文字的所有地方,包括产品描述。
  • Shopify设置– Shopify 初学者可能不知道这一点,但大多数主题都允许您自定义设置以实现额外的个性化。通过上传您自己的徽标、自定义您的配色方案和排版以及选择每行显示的项目数量来充分利用这些选项。有时您甚至可以决定如何展示您的社交媒体按钮。

许多 Shopify 评论家会说 Shopify 最大的缺点是缺乏多样性,但如果你对这个系统进行了足够的探索,你会发现很多方法来构建一个属于你自己的网站。

6. 大声喊出你的价值主张

对于任何企业、电子商务或其他企业来说,一个好的策略是清晰明确地展示您的价值主张。您的品牌如何帮助潜在客户的生活?他们为什么要首先访问您的网站?通常,您只有几分钟的时间来说服访问者不要跳转,因此您希望您的价值主张处于领先地位。

通常情况下,这是通过主页上快速、简洁的标题来实现的。文本本身通常比其他文本大,颜色或字体会立即引起注意。

与您网站上的其他副本一样,您的语气会充分说明您的品牌。简单明了的标题遵循更传统的准则,而更随意的品牌可能会使用巧妙的文字游戏或笑话。

设计大师 Peep Laja 提供了有关撰写价值主张的额外建议。通常,网站会在价值主张标题之后加上副标题和/或要点,以进一步阐述价值主张的要点。这为您的主要标题提供了更大的灵活性,因为您可以专注于一个中心利益,但也可以提及次要利益。可以在副标题或要点中提及“免费送货”或折扣等额外信息。

请记住,价值主张不是口号。两者服务于不同的目的:价值主张传达您的品牌如何改善购物者的生活;口号旨在以影响人们态度的方式吸引人并令人难忘。

7. 专注于转化

站点管理员的工作永远不会结束。即使您的网站是按照您的喜好构建的,它也可能不会根据您的目标购物者的喜好进行优化。如果您只是在黑暗中摸索,根据您独特的目标市场的特定偏好定制您的网站可能会令人沮丧;利用用户测试来优化转化要有效得多。

正如 Shopify自己的内容创建者 Kevin Donnelly 所解释的那样,A/B 测试是优化转化率的最有效的用户测试之一。也称为“拆分测试”,A/B 测试采用同一屏幕的两个版本,并监控人们在每个版本上的行为。所有条件都相同,即时间和流量,测试屏幕的每个版本以查看哪些变量产生更有利的结果。

A/B 测试可帮助您根据客户的需求手工定制您的网站。您可以微调网站的所有细节,例如:

  • CTA、广告、小部件等的位置。
  • 特定按钮的颜色
  • 导航选项
  • 微文案、标签、CTA 等的措辞
  • 社交媒体按钮的设计
  • 最能促进转化的图片

每个因素的最佳实践因客户群而异,因此永远没有一个正确的答案。无论您或您的设计师多么有经验,根据确凿的证据而不是仅凭原始直觉做出决定总是更好。“现在就打电话!”的日子早已一去不复返了!接线员待命!” 但是,尽管技术在不断发展,精神却始终如一。按照上述步骤为现代数字市场带来同样的热情、热情和影响力。