2022 年 15 个无头商务的最佳示例

已发表: 2022-01-03

目录

作为对电子商务世界感兴趣的人,您可能对“无头商务”一词太熟悉了。 毕竟,这些天似乎每个人都没有头绪了。 考虑到顶级品牌的结果非常积极,这不足为奇。

出于演示目的,今天我们将列出一些比较突出的 Headless Commerce 示例,以及这种新兴方法如何帮助他们的品牌。

ReactJS 和无头商务

ReactJS 相结合,Headless Commerce 网站能够以渐进式 Web 应用程序 (PWA) 和/或单页应用程序 (SPA) 的形式提供类似应用程序、无缝且流线型的体验,不会对用户旅程造成干扰。

正是由于这些原因,ReactJS 和 Headless 在电子商务世界中经常齐头并进,为购物者提供响应式和移动优先的体验,这对于电子商务商店的成功至关重要。

基于 ReactJS 的 Headless Commerce 网站示例

注意:我们将在下面列出的许多网站要么部分或完全无头,这意味着上述无头商务的好处只能在某些设备(例如移动设备)上看到。 每个网站支持哪种设备的详细信息可以在图像的描述中找到。

1.耐克

反应SPA | Node.js BFF | Headless 仅适用于移动设备

每个人都听说过耐克——世界著名的鞋类零售商,但并不是每个人都知道耐克也已经没头没脑了。 该公司想要一种移动优先的方法,该方法最适合他们在移动客户上获得更多销售额的整体战略。 React SPA 与 Node.js 前端后端 (BFF) 相结合,在当时似乎是他们合乎逻辑的下一步; 它肯定没有让人失望。 逐渐地,耐克开始从他们的阿迪达斯竞争对手那里获得更多的市场份额,这使得他们的 Headless 活动比最初想象的更成功。

2. 金星

金星网站店面
反应 PWA | Node.js BFF | Headless 仅适用于移动设备

Venus Headless,现在听起来很熟悉。 是的,Venus Fashion 不仅是古希腊的著名雕像,还是以提供女装而闻名的领先零售商。

最初,该网站的加载时间很慢,15.25% 的网站页面加载不到一秒。 然而,随着 Venus 采用 Headless Commerce 方法并将其店面转换为 React Progressive Web App,将其基础架构转换为 BFF(前端后端),情况发生了变化。 Venus的这些激进的、高风险的高回报举措确实带来了激进的积极成果,例如上述一秒内加载的sie页面百分比从15.25%跃升至72.75% ,增幅超过50%。 由于加载时间的这些变化,Venus 的转化率提高了 24%,这使得 Headless 方法非常值得。

3. 感觉独特

感受独特的店面
反应 PWA | Node.js BFF | Headless 仅适用于移动设备

欧洲领先的美容产品零售商 Feel Unique 每月有数百万访客,他们明白他们需要提升客户体验以增加收入,尤其是对于他们这样规模的品牌而言。 借助 React Progressive Web App,Feel Unique 的用户购物体验通过使购物旅程中的重要阶段(例如产品搜索、浏览、购买)更快、更流畅而得到极大改善。

4.红盒

redbox 网站店面
反应SPA | 在桌面和移动设备上都可以使用 Headless

在所有示例中,我们想不出一个比 rexbox 更适合 Headless Commerce 方法的示例。 与其他专注于视觉内容的零售商一样,redbox 面临着一个挑战,即需要一个能够吸引用户并吸引用户的主页以推动转化,这就是为什么单页应用程序似乎是他们的完美选择。 确实如此。 在将他们的店面重新推出为单页应用程序后,rebox 能够提供更吸引人且响应速度更快的内容,同时保持相同甚至更高的性能。

5. 积压

积压网站店面
反应SPA | Headless 仅适用于移动设备

Overstock 在 2017 年的一次演讲“网络体验的新酒吧”中被提及,是 Headless Commerce 方法的典范零售商。 通过将他们的产品研究和产品浏览页面重建为交互式 SPA 页面,Overstock 的收入增加了 36%,转化率又增加了 8%。 事情并不止于此。 该品牌不断壮大,最终成为销售行业领先的、价值数十亿美元的在线零售商,最近被评为全球最值得信赖的 100 家公司之一。

6. 目标

目标网站店面
反应SPA | 在桌面和移动设备上都可以使用 Headless

尽管 Target 很受欢迎,但他们仍然面临来自亚马逊和沃尔玛的激烈竞争,他们的客户很容易从一个品牌切换到另一个品牌。 通过分析,该品牌意识到,他们的大部分客户 (80%) 从一台设备开始购买之旅,并可能在其他设备上完成。 看到设备之间的这种差距可能是增长的机会,该品牌寻找可以最好地解决这个问题的解决方案,自然而然,一个统一不同设备的客户体验的无头商务方法就是答案。

7.安妮·塞尔克

Annie Selke 网站店面
反应 PWA | 放大器 | Node.js BFF | Headless 仅适用于移动设备

每月有超过 17 万访客,您的优质家居装饰供应商 – Annie Selke 转向 Headless Commerce 方法,以获得更快、更具吸引力的体验,他们认为这是每个电子商务业务的关键。 通过将 PWA 和 AMP 技术与服务器端渲染相结合,Annie Selke 在提高网站性能方面取得了巨大成功,因为它已将跨流量源的平均首页加载时间缩短至仅 0.74 秒。 由于加载时间的改善,该品牌的自然流量客户突然涌入,增幅高达 40.41%。

有了这些结果,事实证明,该品牌最初认为的毕竟是真实的,通过 Headless 方法获得的更快、更吸引人的体验确实为他们带来了成功。

8. 安德玛

Under Armour 英国网站店面
反应 PWA | 没有好朋友 | Headless 仅适用于移动设备

作为首批拥有 Mobify 渐进式 Web 应用程序的品牌之一, Under Armour对他们的目标有一个大致的了解,但由于 Headless 方法,特别是无头商务的渐进式 Web 应用程序方法,相对较新,因此几乎没有什么进展当时。 然而,凭借奉献精神和充满活力的心态,他们逐渐将自己的网站调整为英国领先的运动服装零售商的运作、盈利和榜样。

从他们进入的那一刻起,整个消费者的旅程客观上更好、更快,而且他们可以更快、更无缝地完成整个旅程。 从产品页面导航到类别几乎没有痛苦。 我们有两位数的收入增长,3 倍的回报率,65% 的预反弹。

安德玛高级产品经理 Patrick Grissinger (来源:Mobify)

9.柯克兰的

柯克兰的网站店面
反应 PWA | Node.js BFF | Headless 仅适用于移动设备

没有多少美国人不知道 Kirkland's,因为这个品牌在他们的美国家中很流行,在 37 个州拥有超过 431 家商店,数量令人印象深刻。 和大多数大品牌一样,柯克兰主要关心的是速度。

借助新兴的无头电子商务方法,该品牌得到了他们想要的东西以及更多。 Kirkland's 现在是最快的零售网站之一,并且拥有电子商务世界其他独特、前沿和实验性的功能,例如指纹结账、一键登录等。

10. 纯配方

Pure Formulas 网站店面
反应 PWA | 没有好朋友 | Headless 仅适用于移动设备

最初面临高购物车放弃率和低转化率的问题,Pure Formulas(美国增长最快的电子商务零售商之一)被激励成为其在线健康和补充剂行业中第一个采用无头商务并将 PWA 实施到其业务中的公司.

11.兰蔻

兰蔻网站店面
反应 PWA | 放大器 | 没有好朋友 | Headless 仅适用于移动设备

作为 2019 年全球最有价值的品牌之一,法国奢侈香水和化妆品品牌兰蔻也看到了 Headless Commerce 的潜力,并与其他大品牌一起通过 Progressive Web Applications 提升用户体验。 自从采用 Headless 方法后,兰蔻的转化率提高了 17%,虽然不算太大,但对于这么大的品牌来说仍然值得考虑。

12. 嘉年华游轮

嘉年华邮轮网站店面
反应 PWA | 没有好朋友 | Headless 仅适用于移动设备

对于依赖跨不同设备的一致性和可用性的公司来说,嘉年华邮轮公司——世界上最大的旅游休闲机构之一,认为无头方法自然是预订管理的更好选择。 通过 PWA 无头化,该公司不仅能够改善他们的预订流程,还能够通过推送通知提高用户参与度。

13. 美国联合航空公司

美国联合航空公司网站店面
反应 PWA | No BFF } Headless 在桌面和移动设备上都可用

对于依赖预订体验的行业,United Airlines 选择了 React Progressive Web App 以获得最佳的类似应用程序的体验。 通过这种方法,联合航空公司能够看到用户流的巨大改善,使其成为从着陆到预订的即时体验。

14. 德本汉姆

Debenhams 网站店面
反应 PWA | 没有好朋友 | Headless 仅适用于移动设备

同样来自英国的还有英国跨国零售商 Debenhams。 Debenhams 属于英国首批使用 React PWA 作为他们选择的初始解决方案的零售商之一。 他们的基础设施突然发生变化的原因预计不是自发的,而是由于他们与客户跳出率的持续斗争。 通过深入分析,Debenhams 意识到他们的客户,特别是他们的移动客户,往往会在购物过程中的不同时间点下车,这损害了他们的业务。

借助渐进式网络应用,Debenhams 的移动收入增长了 40%,转化率又增长了 20%,这反过来又推动了他们的在线增长高于市场。

15. 礼来普利策

礼来普利策网站店面
反应 PWA | 没有好朋友 | Headless 仅适用于移动设备

虽然服装零售商品牌 Lilly Pulitzer 并不以其规模而闻名,但它在 Headless Commerce 方面的成功不容忽视。 由于零售商网站的主要流量主要来自移动设备,因此该品牌决定通过重新启动 PWA 来优化其网站,以统一桌面用户和移动用户之间的体验。 与这里的许多其他示例一样,结果非常出色。 与上一年相比,该品牌的移动流量增长了80%,移动收入增长了33%。

 推荐阅读:2022 年移动商务:移动商务万物指南

换行

毫无疑问,为了满足移动购物者的需求,网络正在变得越来越敏感。 从上面的示例中可以看出, Headless Commerce与 ReactJS 相结合,能够提供在桌面和移动设备上完美运行的类似应用程序的体验。 随着采用无头方法的持续成功,可以预期像这样的购买体验将成为未来的常态。
如果您想要赶上电子商务世界中当前最佳且具有成本效益的做法并将其纳入您的 Magento 商店,SimiCart 有合适的专家团队来帮助您。

在 SimiCart,我们专注于构建无缝的、由 ReactJS 驱动的渐进式 Web 应用程序,具有非常积极的客户满意度。

开发您的无头 Magento PWA