30 多个 Magento PWA 示例,您可以将其用作预期性能和功能的参考

已发表: 2022-04-20

电子商务行业从不睡觉,新的解决方案会定期发布。 尽管 Progressive Web Apps (PWA) 已经推出了一段时间,但将 Magento 网站转变为 Magento + PWA 的趋势和兴趣仍在继续上升。 PWA 为其用户和商店所有者提供了许多好处,首先是无需为他们的在线商店应用程序开发本机应用程序(这可能会非常耗时和成本高昂),最后是能够在移动设备上浏览商店互联网连接不佳或根本没有互联网连接。

查找一些Magento PWA 示例可能很耗时,因此,我们列出了各个行业的页面列表,这些页面已成功将Magento PWA应用到他们的业务中。

什么是 PWA?

渐进式 Web 应用程序(PWA) 是一种 Web 标准,它采用设计原则和现代技术为消费者提供在移动和桌面平台上快速可靠的体验。 它可以在具有标准兼容浏览器的任何平台上运行,并旨在:

  • 提高客户参与度
  • 提高转化率
  • 使您的收入来源多样化。
pwa

Magento 商店为什么要集成 PWA?

改善用户购买体验和整体性能

Magento PWA 的使用可帮助您将桌面浏览世界和移动应用程序世界结合起来。 Magento PWA 结合了在线浏览的速度和原生应用程序的功能。 实际上,PWA 的使用就是将电子商务网站和电子商务本机应用程序的优势结合到不同平台上。 作为企业主,您正在减少向在线商店添加新应用程序的限制,例如时间和金钱限制。 同时,您与客户的距离越来越近,无论他们使用什么设备,都可以通过类似应用程序的体验吸引他们。

使用 Magento PWA,您不会因为客户的沮丧或糟糕的用户体验而失去客户。 相反,Magento PWA 授权企业确保零售商拥有:

  • 更快的加载速度,
  • 所有设备的完美优化,
  • 离线支持和推送通知
  • 简单、可靠的付款方式。

凭借流畅的用户友好体验,购物者将回到您身边并带上他们的朋友和家人。 因此,Magento PWA 的使用促进了口碑营销。

Magento 商店集成了 PWA

内置搜索引擎优化功能

今天,如果存在在线业务,则存在业务。 这意味着需要看到企业蓬勃发展。 大多数情况下,企业通过使用 SEO 确保他们在互联网上被看到和注意到。 SEO优化使客户可以更快地找到他们需要的商品,因此正确使用SEO可以为零售商带来更多客户。 Magento PWA 内置了 SEO 功能,这意味着企业可以获得更高的转化率。 此外,使用 Magento PWA,您获得的不仅仅是传统的 SEO 产品,而且都在同一批产品中。

现在,谷歌和其他搜索引擎已经更新了他们的搜索算法来抓取 Magento 网站,就像他们抓取其他网站一样。 因此,如果您已经在使用强大的 SEO 技术,则在切换到 Magento PWA 时无需进行任何更改。 更重要的是,Magento PWA 使您能够拥有您已经在使用的 SEO 功能的最大功能。 最重要的是确保您的 Magento PWA 设置为可索引。 当您的网站地图可抓取时,您将多次加强您的 SEO。

节约成本

Magento PWA 的主要思想是提高转化率,这是最便宜的方法之一。 使用 Magento PWA,您将投资于一个完美适用于桌面浏览和移动设备的应用程序。 企业可以让 PWA 作为他们的店面,只需为每个平台单独支付单独的本机应用程序的一部分成本。 PWA 的成本远低于投资许多本机应用程序,而 Magento PWA Studio 用户可以轻松获得相同的功能。 因此,一旦企业在一个地方获得其在线商店的店面和功能,收益就会超过初始成本。

2022 年 30 多个杰出的 Magento PWA 示例

彪马

Puma 是一家全球性公司,专门设计和制造运动鞋、服装和配饰。 但是,很少有人知道 Puma 还专注于提升客户的移动网站体验。 他们已经切换到Magento 2 PWA ,这在他们的网页设计的网络应用程序中立即产生了效果。

Puma 的新 PWA 在每台设备上都运行良好。 他们的用户现在可以享受比以往更好、更友好的网络应用程序。 PWA 在改善用户体验和增加消费者参与度方面表现良好。 PWA 还优先考虑网站的速度、导航的简单性、产品的可发现性和最短的购买程序。

阿迪达斯

阿迪达斯也是世界上最著名的运动公司之一,旨在通过运动改变生活。 鉴于越来越多的移动客户,阿迪达斯知道需要改变和重新发明。 换句话说,企业需要为他们的移动消费者提供更快、更可靠、更有趣的体验。

这个著名的运动品牌在向移动消费者推出 Magento PWA 时有一个完美的想法。 阿迪达斯的 PWA 结合了网站和原生应用程序的最大因素,为其客户提供更完整的体验。

苏菲·科南

sophie-cornan-magento-pwa

Sophie Conran 是一家家庭和花园灵感的互联网公司。 这是 PWA 如何用于家庭和花园市场的一个很好的例子。

Sophie Conran 希望为她的客户带来美妙的用户体验,并让购买变得尽可能容易。 这就是他们决定创建 Progressive Web App 的原因。 PWA 使 Sophie Conran 能够满足其挑剔的客户的需求和品味,同时也增加了用户的幸福感。

推特

twitter-magento-pwa-示例

Twitter 是世界上最常用的社交媒体平台之一。 Twitter 每月有 3.28 亿活跃用户阅读、创建和交换信息。 由于超过 80% 的用户是移动用户,因此该平台始终在不断发展,以为其受众提供更快、更可靠和更具吸引力的体验。

因此,结合了当前最佳 Web 和原生功能的 Twitter Lite Progressive Web App 应运而生。 自 2017 年 4 月以来,该 PWA 已在国际上使用。 下面的统计数据显示了 Twitter light 在提供更强大的体验方面的有效性,具体目标是快速加载、用户参与和减少数据使用。

  • 每个会话的页面增加 65%。
  • 发送的推文数量增加了 75%。
  • 跳出率降低 20%
  • 平均而言,每天有 250,000 名用户每天四次从主屏幕使用 Twitter Lite。
  • 在消费者浏览其时间线时将数据消耗减少 70%。

兰蔻

兰蔻是一家著名的法国奢侈香水和化妆品公司,经销全球。 2016 年,移动流量首次超过桌面流量。尽管移动网站浏览量有所增加,但移动转化率 (15%) 并不高于桌面转化率 (38%)。 这些结果表明,消费者在尝试在他们的移动设备上进行购买时遇到了困难。

兰蔻在确定移动网络是他们策略的必备升级后,学会了为他们的移动网络客户提供快速和受欢迎的体验。 为了增加流量和参与度,这家高端化妆品公司推出了 Progressive Web App (PWA) 版本,以在移动网络上提供快速、类似应用程序的体验。 获得了更好的结果:

  • 转化率增加了 17%。
  • 跳出率降低了 15%。
  • 移动会话的数量增加了 51%。

BookMyShow

预订我的节目

BookMyShow,印度最大的票务预订门户网站,每月访问量超过 4000 万。 由于 Progressive Web App,BookMyShow 能够提高其转化率,这表明访问该网站购买门票的客户数量有所增加。 BookMyShow Progressive Web App 超过 80% 的访问者已成为客户。 通过手机预订门票的客户呈指数级增长。

塔利·魏尔

Tally Weijl 是下一家在转换为 PWA 后蓬勃发展的电子商务公司中上市的公司。

当他们寻找改善购物体验的方法时,他们发现 PWA 和他们的网站是完美的结合。

PWA 使他们能够个性化购物体验、增加消费者互动并支持其产品供应的广度。 他们重新推出的网站专注于互联网客户的需求。 结果,用户幸福感和总收入增加。

大自然

Magento PWA 的顶级示例之一是 La Nature 以其华丽且独一无二的珠宝和时尚配饰系列而闻名,其中包含超过 16,000 件商品。 看到他们以前的网站的局限性,他们寻求一种可以解决所有困难的解决方案。 Magento 2 PWA 具有类似应用程序的体验,当然是正确的解决方案。

他们在切换到 PWA 后观察到的收益是完全值得的。 PWA 可以将目录的首次加载时间最多减少 1.5 秒,目录切换页面时间最多可以减少 0.1 秒。 它还统一了用户体验,从长远来看可以提高转化率。

运动场

Sportland 是一家不断发展的运动服装企业,拥有 50 多种商品和三个实体店。 在看到需要进行转换以改善用户体验后,他们选择将其网站转换为 Magento 2 PWA。

他们的新 PWA 快速、响应迅速且易于设置。 用户可以利用 PWA 快速发现他们想要的项目或在离线时浏览。 此外,客户可以通过各种标准缩小搜索范围,以便更轻松地发现项目。

扎迪格和伏尔泰

Zadig & Voltaire 以二十多年来作为时尚界的偶像而闻名。 认识到性能是影响任何在线业务成功的最重要方面,他们选择使用 PWA 将他们的在线网站提升到一个新的水平。

流畅的用户体验和网站加载速度是时尚界最关心的问题。 等待页面加载缓慢是非常不方便的,并且会降低购物的乐趣。

但是,构建 Magento PWA 帮助他们解决了所有这些问题。 转换为 PWA 不仅可以确保更快的网站加载时间,还可以让 Zadig & Voltaire 为移动和桌面访问者提供最佳的用户体验。

Zadig & Voltaire 并没有着手大规模生产 PWA。 相反,他们选择最初尝试各种 PWA 设计概念和功能。 他们所做的对于任何不确定某项服务是否适合他们的互联网企业来说都是一种极好的方法。 结果绝对让他们满意,并证实了 PWA 的价值。

舒尔

自 1935 年成立以来,舒尔一直是提供高品质产品的主要音频产品供应商。他们寻求一种解决方案来实现网站现代化,以便在竞争中获得技术优势。

幸运的是,他们发现了 Magento PWA 开发,这被证明是改善用户体验和缩短客户购买行程的绝佳方法。

技术

Technodom 是全球最大的家用电器和电子产品销售商之一,多年来进行了相当大的商业发展和扩张。

尽管取得了市场成功,但他们的在线商店缺乏参与度和业绩,这最终成为了一个限制性问题。 他们不想落后,他们需要一个能够提供更好体验的解决方案,同时也支持他们未来的发展。

PWA 是首先想到的。 客户对通过 PWA 访问其网站时获得的性能和购买体验感到满意。 毕竟,这个项目对于 Magento 2 PWA 示例来说是一个巨大的成功。

马利安塔

与许多其他新兴时装公司一样,Malianta 将互联网业务放在首位。 Malianta 是一家总部位于意大利的公司,专门生产皮包和小皮具。 他们花了一年时间测试网络行业,以便为经营在线时尚业务做好最好的准备。

最后,为了确保最佳性能,他们决定使用 PWA 启动一个新的在线商店。

他们曾经有一个 Magento 2 网站,但是由于登陆页面的加载速度,它运行缓慢并且跳出率很高。 PWA 帮助 Malianta 感觉他们正在为客户做一些非常有益的事情,因为它消除了他们的所有限制。

拉夫兹

Lafz 是 Believe Cosmetics Singapore 旗下的一个品牌,它是世界上最大的清真认证个人护理品牌。 与大多数电子商务公司一样,他们的关键问题是网站速度,而他们之前的网站并不是很擅长。

在考虑了许多选项后,他们决定为 Magento 使用 PWA。 换句话说,他们使用 PWA 来改善他们的在线购买体验。

他们创建 PWA 的目的是吸引客户花更多时间探索应用程序。 实施 PWA 后,Lafz 的用户参与度和转化率显着提高。

多贝尔

英国最大的正装品牌 Dobell 需要一种解决方案,以便在竞争中获得技术优势。 他们的目标是为全球任何地方的每个人提供设计师正装。 此外,Dobell 希望在在线购买时超越客户的期望,因此实施 PWA 是理想的答案。

目前,他们的网站加载时间不到 3 秒。 此外,在寻找某种产品时,他们的用户可能会真正欣赏该应用程序的使用便利性。

天气频道

顾名思义,天气频道自 1980 年代以来一直提供天气预报。 该网站现在在各种平台上为世界各地的观众提供服务。 该网站接待来自世界各地的访问者,在美国排名前 20 位。 Weather Channel 选择采用 Progressive Web App 来提高移动网站的性能,在 178 个国家/地区以 62 种语言首次亮相。 您可以在智能手机上测试网络,看看情况发生了怎样的变化。 总共有:

  • 加载时间减少了 80%。
  • 根据这次成功的全球测试结果,该团队计划在 2017 年将 PWA 推广到其美国站点。

我的网

Mynet 的网站每月访问量超过 3400 万。 他们在其网站上提供新闻、游戏、视频、金融、娱乐和信息材料和服务。 据发现,移动网络占其移动流量的 85%。 因此,Mynet 的移动网站是其业务战略的重要组成部分。 然而,他们确实发现,访问者在移动网站上花费的时间是他们在本地应用程序上花费的时间的两倍。

很明显,他们的移动网络体验过于缓慢。 Mynet 试图创建一个既快速又有趣的移动网站,类似于他们可以使用本地应用程序做的事情。 他们对 PWA 的结果感到满意。

  • 每篇文章浏览量的收入增加 25%
  • 平均页面加载速度快 4 倍。
  • 在现场花费的平均时间增加了 43%。
  • 每个会话的页面访问量增加了 34%。
  • 跳出率降低了 24%。

塞尔科

selco-magento-pwa

Selco 是其业务中最知名和最著名的建筑商仓库之一,拥有超过 15,000 种商品可供建筑承包商和商人挑选。

Selco 在大量投资于他们的网络存在之后看到了电子商务的成功。 他们意识到,为了发展业务,他们需要更多地关注移动消费者。 这就是他们选择 Magento 2 PWA 作为改进游戏的解决方案的原因。

他们的消费者现在可以用他们的 PWA 做任何事情。 尤其是商人和承包商,他们可以随时随地使用该应用程序来计划和执行工作,即使他们处于离线状态。

客户还可以在应用程序中发现和添加他们需要的商品,并完成他们的购买。

PWA 的引入对公司的成功产生了直接影响,因为客户提供的项目列表线索增加了 50%。

TruClothing

TruClothing 是 Magento 2 PWA 的顶级示例之一。 该公司于 2010 年进入电子商务行业,此后稳步扩张。 认识到移动购买体验的重要性,他们在他们的网站中实施了 Progressive Web App。

在将他们的标准网站转换为 PWA 后,出现了一些良好的发展。 它的新 PWA 为他们的商店带来了全新的外观和感觉。 TruClothing 现在拥有漂亮而现代的外观和出色的功能,同时保留了网站以前的所有功能。

根对象

magento-pwa-examples22

Rooted Objects 是一个印度在线市场。 他们将客户与关心人和环境的公司联系起来。 他们注意到他们的客户大多通过移动设备访问他们的网站,而糟糕的移动网络性能将对转化率产生重大影响。 结果,他们很快意识到 PWA 是他们问题的理想答案。

启动 PWA 帮助 Rooted Objects 提高了网站速度,减少了页面加载时间和跳出率,并提高了电子商务转化率。 Magento 2 PWA 完全消除了结帐缓慢和结帐失败的问题。

埃莱甘萨

Eleganza 是一家位于荷兰的知名高端服装店。 他们以零售 Versace、Michael Kors、Valentino 和其他高端品牌而闻名。 除了在线业务外,Eleganza 在全国还经营着五个实体店。

然而,他们确实看到了提高利润和提供更好购物体验的潜力,因为 90% 的客户通过手机访问他们的网站。 他们选择 Magento 2 PWA 是为了获得更像应用程序的外观并减少服务加载时间。

结账体验是 Eleganza PWA 的关键部分。 此外,他们正在努力为客户提供额外的安全支付方式。

特别米兰

magento-pwa-examples21

Special Milano 是一个专注于街头时尚的意大利品牌。 这家公司销售来自耐克、阿迪达斯、范斯和锐步等知名品牌的精美鞋履、服装和配饰。 他们在米兰有一家商店,但他们也想打入互联网市场并在他们的网站上提供更加个性化的客户体验。

因此,Special Milano PWA 的推出旨在为其客户提供一个美观的网站,其中包括世界上最时尚的鞋子和服装。

威士忌酒桶

The Whisky Barrel 拥有自己的装瓶和卓越的高品质威士忌和朗姆酒系列,是爱丁堡的在线威士忌专家。

对独一无二的装瓶的需求不断增加,他们想要一个能够提供最佳客户体验的网站。 而 PWA——他们寻求独特的解决方案。

PWA 是 The Whiskey Barrel 的绝佳选择,因为它不仅极大地改善了用户体验,而且还能承受旺季的高流量。 此外,Progressive Web App 的优势提高了网站性能和外观,使 Whiskey Barrel 脱颖而出。

一片开阔的天空

丹麦公司 One Open Sky 是水上和雪上运动的知名经销商。 他们拥有超过 10.000 种商品,为各种活动提供多种运动器材选择。

他们很快发现了他们网站的缺陷,并希望改善他们的移动网站的用户体验。 他们试图为消费者提供类似应用程序的体验,而 PWA 已被证明是 One Open Sky 的最佳选择。 您可以在智能手机上访问他们的网站,亲眼目睹令人难以置信的成果。

纽约电子烟店

NY Vape Shop 是纽约市的一家大型 vape 商店,提供各种型号、颜色、配件和可能性。 他们始终优先考虑客户的乐趣,这就是他们转换为 Magento PWA 的原因。 由于精心设计的 PWA,越来越多的电子烟消费者对在 NY Vape Shop 浏览他们的新电子烟感兴趣。

保健储蓄

Medisave 是一家提供多样化产品的医疗和护理设备供应商。 他们之前的网站未能达到他们的预期,促使他们改用 PWA。

Medisave 与其他 Magento 2 PWA 示例一样,可以将其用户体验提升到一个新的水平。 此外,它还帮助他们管理大量产品库存,并使消费者更容易购买他们的商品。 PWA 带来的重大改进表明这是一项明智的投资。

英国医学

magento-pwa-examples5

UK Meds 是一家家庭经营的医疗保健服务机构,为客户提供各种药物。 然而,他们之前的电子商务网站无法跟上在线消费者快速增长的流量和订单。 他们还打算使在线获取医疗用品并将其运送到您家中变得更加容易。

因此,他们需要一个新的解决方案,因此选择了 PWA。 因此,他们的新 PWA 是快速、现代的,并且能够如他们预期的那样处理峰值需求。

久保田

久保田是一家著名的波兰鞋业公司,已经经营了 25 年。 在过去的 25 年中,他们经历了许多重大变化,从主要在当地商店销售转变为主要在网上提供。

Kubota 在意识到在线消费者的潜力并且不想浪费任何机会之后,率先采用 Magento Progressive Web App。 但他们为什么选择 PWA?

PWA 超出了他们的所有期望,这也是他们爱上它的原因。 Kubota 一直在寻找一种与所有移动设备兼容且独立于用户操作系统的解决方案。 此外,他们需要快速、安全且易于更新的新站点。

洛克尔

magento-pwa-examples3

家族拥有的服装公司 Roeckl 发现了他们网站中的缺陷,因为它缺乏完全响应的体验。 然后他们决定通过集成 Magento 2 PWA 来彻底改造他们的业务。

使用 PWA,他们的网站可以为客户提供最好的性能。 即使网络连接不可靠,它也能提供材料。 此外,在 PWA 的帮助下,他们的网站变得更具吸引力和响应能力。

汽车伯纳德

auto-bernard-magento-pwa 示例

Auto Bernard 是一家拥有大量库存的法国汽车分销公司。 他们希望将自己与该领域的众多竞争对手区分开来,因此他们着手为客户提供直接通过其网站预订和购买汽车的能力。

Auto Bernard 是最具视觉吸引力的 Magento PWA 示例之一。 它满足了 Auto Bernard 提出的所有要求,使客户能够比较三辆汽车、预约并在其网站上获取价格。

包起来

简而言之,我们已经向您介绍了最好的 Magento PWA 示例。 这些尖端的网络应用程序也帮助组织提高了转化率和客户参与度。 如果您对 PWA 有其他疑问,请联系我们

Magesolution是全球最好的渐进式 Web 应用程序开发之一。 在 Magesolution,我们拥有经验丰富的专家,他们可以为您提供完全满足您要求的最佳Magento PWA 解决方案

现在就联系我们,我们随时为您解答任何问题。