10 个最佳 Magento PWA 示例

已发表: 2020-12-25

目录

随着最近 Magento PWA Studio 的出现，更多的 Magento PWA 进入电子商务领域是很自然的，为在线客户带来了更好的购物体验。 在这些新的 Magento PWA 中，有一些很有前途的新面孔，我们迫不及待地想与您分享：

什么是 Magento PWA？

Magento PWA 是一个带有 Magento 后端的渐进式 Web 应用程序，这意味着 Magento PWA 应该就像您的典型原生应用程序一样——功能和外观。 使这项技术成为广受欢迎的新方法的原因在于它能够将店面转变为性能更高的版本，具有更快的加载速度和更连接、更流畅的体验。

Siminia 主题是一个 Magento PWA

此外，由于 Magento PWA 本质上是无头的，因此您可以通过 Magento PWA 获得更大的灵活性和可定制性，因为无头架构意味着您不再局限于特定的前端技术，并且可以自由选择升级路径。

Magento PWA通常使用 Magento PWA Studio 构建，这是 Magento 自己制作的一组工具，用于帮助推动 PWA 的采用。 借助 Magento PWA Studio 项目，开发人员可以在 Magento 后端之上开发、部署和维护 PWA 店面，创建更快、更安全、响应更快并遵守 Magento 可扩展性和模块化原则的网站。

 相关文章：将 Magento 主题与 PWA 店面进行比较

10 个最佳 Magento PWA 示例，激发您的灵感

以下是 Magento PWA 的各种示例，您可以将其用作预期性能和功能的参考：

1. 优雅

埃莱甘萨

Eleganza 总部位于荷兰，是著名的高端时装零售商，以销售 Valentino、Versace、Michael Kors 等品牌而闻名。 该品牌在全国拥有五家实体店以及自己的网店，但由于 90% 的客户使用手机访问其在线商店，该品牌看到了提供更好体验的机会，因此，产生更多的收入。

Eleganza 之前经营着一家支持四种语言的 Magento 1 商店，并且看到 Magento 1 的生命周期即将结束，他们依靠 Magento 2 和 PWA 来改变其移动购物体验。 他们新的 Magento PWA 网站是由 Team Experius 开发的，它确实没有让人失望。

“我们期待在未来实现额外的价值，因为 PWA 不仅将我们带到了我们市场的前沿，而且让我们在未来几年保持在那里。”

Guus van der Staak，Eleganza 电子商务经理

2.彼得杰克逊

彼得杰克逊

珠宝商 Peter Jackson 发现自己陷入了与 Eleganza 类似的难题，因为他们也有一家传统的 Magento 1 商店，该商店在吸引更多客户方面表现不佳。

和当时的其他品牌一样，速度是彼得杰克逊的主要关注点。 他们的网站过去平均加载时间为 8 秒，这确实损害了他们的业务，因为这会导致用户沮丧和整体不受欢迎的体验。 此外，他们网站上的寻路并不是最好的。 客户缺乏真正易于使用的过滤选项和更简单的导航路径，从而导致更多的销售损失，因为客户难以找到合适的产品。

有了every1 开发的新Magento PWA 站点，这一切都不再是问题。 新网站易于浏览，这要归功于它巧妙的过滤方法，以及帮助客户更快获得所需产品的新方法。 一切都在几毫秒内呈现，这会带来更多的参与度、更多的转化，并显着降低跳出率。

3. 贝内科斯

贝内科斯

Benecos 将最好的迷人“传统”化妆品与经过认证的资源节约型有机化妆品相结合，如果您喜欢有机化妆品，Benecos 就是您的首选品牌。 与当时许多将有机材料和客户信任放在首位的新兴品牌类似，该品牌需要有一种欢迎和引人入胜的购物体验，以展示其品牌个性。

所有这一切都是通过 SimiCart 定制的 Magento PWA 实现的。 他们新的 PWA 支持的店面现在提供了类似应用程序的新外观和功能，并集成了自定义功能（查找最近的库存商、通过颜色选项从列表中将产品添加到购物车/愿望清单），以赋予品牌更多竞争优势。 该品牌对其网站的全新重新设计特别满意，因为它带来了与他们的产品完美融合的整体和感觉，为他们的绿色爱好者观众创造了一种温馨的体验。

4.香料

香料 Magento PWA

Spice 是一家拥有 200 多家商店的购物中心，它决定在 Covid19 激增期间采取 PWA，当时封锁阻止了顾客前往公共场所。

他们基于 PWA 的新 UX 设计将所有商店及其产品统一在同一屋檐下，这为他们的商家提供了新的销售渠道以获得额外收入。

转型是他们新品牌愿景的一部分，旨在在数字空间中创建更易于访问的业务。 作为其中的一部分，引入了一个新的口号——“比以往任何时候都更接近”。 PWA 闪电般的性能，同时帮助他们更快更好地与客户建立联系，完美地补充了这一座右铭。

5. 威士忌酒桶

威士忌酒桶

The Whisky Barrel 是一家总部位于爱丁堡的威士忌专家，以其独家装瓶和麦芽混合威士忌的质量而闻名。 由于需求增加，该品牌面临对用户体验的担忧，因为他们认为这与他们提供的产品质量不符。

这对解决方案提供商（数字六）来说是一个挑战——而且这不是一件容易的事。 他们需要创建一个不仅能提供最佳体验，还能承受高峰需求流量的网站； 并且该网站还需要设计精美且足够灵活，以确保 The Whiskey Barrel 继续成为uisge beatha分销的先驱。

Magento PWA 自然是他们品牌的下一步，而且这最终是正确的一步。 PWA 的本质为品牌提供了新的用户旅程、网站速度和性能，以及新的超流畅用户体验，即使是最难取悦的客户也应该满意。

6.塞尔科

塞尔科

Selco 是建筑商的仓库，是业内最知名的品牌之一，在全国拥有超过 68 个分支机构。 然而，Selco 发现自己的在线业务有限，并认为他们需要通过采用更现代、更先进的店面来提升自己的水平，自然而然地，Magento PWA 就是这样。

通过利用 Magento Commerce Edition 2.3 和 Magento PWA Studio，WeAreJH 能够将 Selco 店面重建为高性能、响应迅速且高效的 Magento PWA。 新的 Selco 网站号称是有史以来第一个在 Magento Commerce 平台上为 B2B 商家部署的渐进式 Web 应用程序，并附带各种功能，包括：

  • 点击并收集
  • 建筑材料计算器
  • 实时库存检查
  • 项目列表功能

7. 购买涡流

商店涡流

ShopEddies 的商店提供超过 260,000 种汽车、卡车、房车和动力运动的零部件和配件，因此 ShopEddies 迫切需要一种解决方案来帮助他们有效地管理商店，同时仍然提供引人入胜的购物体验。

Tigren 建议将 Magento PWA 作为 Shop Eddies 过去问题的最终解决方案，并且 Magento PWA 确实做到了。 2020 年初发布的新 PWA 店面发展迅速，拥有全新的外观和感觉来展示品牌的身份，并且对结账流程进行了更多优化，以帮助提高转化率。 最重要的是，使用 Magento PWA 解决方案还意味着 Shop Eddies 现在可以通过推送通知和添加到主屏幕等类似应用程序的功能更好地为移动客户服务。

8.汽车伯纳德

汽车伯纳德 PWA

法国汽车分销公司 Auto Bernard 想要一种全渠道战略，使他们能够在竞争中脱颖而出。 他们的主要目标是为购物者提供一种直接在线预订和购买车辆的方式，并使每个在线订单与 Magento 后端实时同步。

WEBQAM 接受了这一挑战，并为该品牌开发了一个全新的 Magento PWA 网站。 这个新网站提供了 Auto Bernerd 所要求的一切，甚至在某些方面超出了预期，因为新网站功能丰富，客户能够同时比较多达三辆汽车的特性、预约、申请报价——一切在网站上是可以的。

9. 洛克勒

洛克勒

家族经营的传统时尚品牌 ROECKL 需要一种解决方案，既能带来最佳性能，又能提供直观的内容创作体验。 此外，由于他们之前的网站缺乏真正的响应式体验，因此该品牌需要在其业务的彻底改造中将其置于更高的优先级。

Mothership 意识到了这一挑战，并建议将 Magento PWA 作为解决方案。 使用 Magento PWA，网站的前端独立于 Magento 后端，因此可以减少服务器负载并加快功能开发。 新网站的前端是基于 ReactJS 的 PWA，即使在用户连接不稳定的情况下也能够交付内容。

10.多铃

Dobells Magento PWA

在 Covid19 大流行期间努力生存是每个品牌都可以与之相关的事情。 对于英国男装零售商 Dobells 来说，疫情促使他们对网站进行了更好的改造。

旧的 Magento 1 网站已被证明已经过时，因此，必须迁移到 Magento 2 才能吸引和转换客户。 此外，还引入了“高级产品变体”功能，让客户可以在一个订单中混合搭配任何商品的细节和配件。

由于添加新功能可能会降低网站速度，因此另一个挑战是保持流畅的用户体验和快速的性能，而 PWA 是要走的路。 结果，该品牌的总点击量增加了 11.8%，平均点击率增加了 14.3%，平均排名下降了 10.2%。

 推荐阅读：为 Magento 构建 PWA 需要多少成本

11. G-SP

Magento 的全球网站有两个不同的网站，分别面向 B2B 和 B2C 访问者，每个网站都有 100 多个类别和子类别，保持流畅的网站滚动体验是 G-SP 面临的一大挑战。

销售手机配件和备件的 G-SP 网站的所有者早就意识到了这个问题，PWA 似乎是一个明显的解决方案。

虽然 PWA 通常被标记为提高 Magento 网站速度的有效解决方案，但重要的是要知道，并非所有网站都能在实施 PWA 后立即达到惊人的速度性能。 网站的加载方式取决于许多因素，包括其大小和技术配置。

但是，如果定制得当，PWA 比普通 Web 应用程序更具有超快的潜力。 G-SP 的 PWA 站点经过我们团队的速度优化后，成功将移动速度提高了三倍，桌面速度提高了一倍。

 推荐阅读：G-SP 案例研究：PWA 转换前后。

结论

随着越来越多的商家开始接受这项新技术并使其成为新的电子商务体验，Magento PWA 无疑将成为新的抢手购物体验。 采用 Magento PWA 方法的商家已经取得了令人印象深刻的成果，而且您​​等待实施的时间越长，您可能遭受的收入损失就越大。

如果您正在寻找优质的 Magento PWA 提供商，在 SimiCart，我们是一个由 Google 认可的 PWA 开发人员组成的团队，能够为您的业务提供具有成本效益的解决方案。

构建您的 Magento PWA