兰蔻将其移动网站改造成 PWA,将转化次数提高了 17%

Lancome 详情

为了同时提高流量和再互动度,奢侈化妆品品牌 Lancôme 利用 Mobify 推出了渐进式 Web 应用 (PWA),以便在移动网站上提供类似应用的快速体验。

  • 转化次数增加了 17%
  • iOS 设备上的移动会话数增加了 53%
  • 通过推送通知,已恢复购物车的转化率提高了 8%

挑战

2016 年,Lancôme 首次发现移动设备流量超过桌面设备流量。 尽管移动网站访问者的数量越来越多,但移动转化率与桌面设备相比却不如移动转化率。虽然 38% 的购物车促成了桌面设备上的订单,但移动网站的转化率仅为 15%。这一差异表明,消费者在尝试在移动设备上进行购买时遇到了巨大的障碍。随着移动网络成为一个核心关注领域,Lancôme 努力为其移动网络买家打造快速且引人入胜的体验。

我们不能为此构建一款应用吗?

起初,Lancôme 考虑打造一款适用于移动设备的电子商务应用,但后来认定,这款应用只适合经常访问的用户。他们了解,兰柯移动网站上的购物者的行为有所不同,他们不会每周(更不用说每天)都会使用某款电子商务应用。Lancôme 希望在其所有设备上打造理想的用户体验 (UX)。该公司需要一种加载迅速、引人入胜的电子移动体验,类似于原生应用能够实现的目标,同时还要让用户能够通过移动网络轻松发现和访问这种体验。

解决方案

Lancôme 希望采用 PWA 技术来提供类似应用的沉浸式体验,而不是几乎不需要更新其底层网站。他们利用 Service Worker 在不稳定的网络上提供可靠的性能,并通过推送通知实现再互动。他们一流的 PWA 在 Lighthouse(一种用于提升网页质量的自动化工具)上获得了 94 分(满分为 100 分)的性能。

与之前的移动体验相比,借助新版 PWA,页面进入可互动状态所需的时间缩短了 84%,跳出率也相应降低了 15%。Lancôme 的移动会话数增加了 50% 以上,转化次数增加了 17%。这一新策略还在各个平台上提供了更好的用户体验。iOS 对于 Lancôme 来说极为重要 - 访问 PWA 的所有用户中,有 65% 是 iPhone。借助新的 PWA,Lancôme 的 iPhone 用户会话时长延长了 53%,跳出率下降了 10%(尽管由于 iOS 不支持 Service Worker 的 PWA,“添加到主屏幕”菜单项、推送通知和离线缓存不可用)。

新网站的下载速度加快了,用户界面也得到了改进,使得兰高公司的互动率更高。在支持 Service Worker 的 Android 设备上,Lancôme 还利用了推送通知等再互动技术,这种技术变得非常受用户欢迎:自 2016 年 10 月网站发布以来,已有超过 18,000 名买家订阅了提醒。这些通知与原生应用中的通知看起来一样,即使浏览器不再运行,也会到达。Lancôme 每月会发送四到五条提醒,让您了解独家促销活动和产品发布。在点按推送通知的消费者中,有 8% 的人完成了购买,这一比例远远高于桌面版网站的转化率。此外,Lacôme 在使用推送通知来与放弃购物车的买家重新建立联系方面也大获成功。新策略在移动设备上的打开率提高了 18%,放弃购物车的转化率提高了 8%。

总而言之,PWA 取得了巨大的成功,帮助这家美容巨头大步进军移动网络。

成果

总体

  • 网页进入互动状态所需的时间缩短了 84%
  • 转化次数增加了 17%
  • 跳出率降低了 15%
  • 移动会话数增加了 51%

iOS

  • iOS 设备上的移动会话数增加了 53%
  • iOS 设备上的跳出率降低了 10%

推送

  • 在点按推送通知的消费者中,有 8% 的人完成了购买
  • 推送通知带来了 18% 的打开率
  • 通过推送通知,已恢复购物车的转化率提高了 12%