모바일 웹사이트를 PWA로 재구성하여 전환율을 17% 높인 Lancôme

Lancome 세부정보

럭셔리 화장품 브랜드인 Lancôme은 트래픽과 재참여를 모두 유도하기 위해 Mobify와 함께 프로그레시브 웹 앱 (PWA)을 출시하여 모바일 웹에서 앱과 같은 빠른 환경을 제공했습니다.

  • 전환수 17% 증가
  • iOS 모바일 세션 53% 증가
  • 푸시 알림을 통해 복구된 장바구니의 전환율 8% 증가

당면 과제

Lancôme의 경우, 2016년에 처음으로 모바일 트래픽이 데스크톱 트래픽을 넘어섰습니다. 모바일 사이트 방문자 수는 증가했지만 모바일 전환율은 데스크톱 전환율과 일치하지 않았습니다. 장바구니의 38% 가 데스크톱 주문으로 이어졌지만 모바일 웹 전환율은 15%에 불과했습니다. 이러한 차이는 소비자가 모바일에서 구매를 시도할 때 심각한 장애를 경험하고 있음을 알 수 있었습니다. 모바일 웹이 핵심 영역이 되면서 Lancomeme은 모바일 웹 쇼핑객을 위한 빠르고 매력적인 환경을 구축하는 데 어려움을 겪었습니다.

그런 용도로 앱을 개발하면 안 되나요?

처음에 Lancôme은 모바일용 전자상거래 앱의 구축을 고려했지만, 앱을 정기적으로 방문하는 고객에게만 적합한 앱을 만들기로 했습니다. 이 업체는 Lancôme의 모바일 사이트 쇼핑객의 행동이 다르고 매일 전자상거래는 물론 매주 전자상거래 앱을 다시 이용하지 않을 것이라는 사실을 이해했습니다. Lancôme은 자사 모든 기기에 적절한 사용자 환경 (UX)을 구축하고자 했습니다. 이 회사에는 네이티브 앱으로 달성할 수 있는 것과 유사한 빠르게 로드되고 매력적인 전자 모바일 환경이 필요했지만, 모바일 웹을 통해 모든 사람이 검색하고 액세스할 수 있는 환경을 원했습니다.

해결 방법

Lancôme은 기본 사이트를 최소한으로 업데이트하는 대신 PWA 기술을 활용해 앱과 같은 몰입형 환경을 제공했습니다. 또한 서비스 워커를 활용하여 불안정한 네트워크에서 안정적인 성능을 제공하고 재참여를 위한 푸시 알림을 제공했습니다. 이 업체의 동급 최고의 PWA는 웹페이지 품질을 개선하기 위한 자동화 도구인 Lighthouse에서 100점 만점의 성능 점수를 달성합니다.

새로운 PWA를 사용하면 페이지가 상호작용할 때까지 걸리는 시간이 이전 모바일 환경에 비해 84% 감소했으며 이에 상응하는 이탈률은 15% 감소했습니다. Lancôme의 경우 모바일 세션이 50% 이상, 전환수가 17% 증가했습니다. 새로운 전략은 여러 플랫폼에서 훨씬 더 나은 사용자 환경을 제공했습니다. Lancôme의 iOS는 매우 중요한 요소로, PWA를 사용하는 모든 사용자의 65% 가 iPhone을 사용합니다. 새로운 PWA를 사용하여 iPhone 사용자의 세션 길이가 53% 증가하고 이탈률이 10% 감소했습니다. 하지만 서비스 워커의 PWA에 대한 iOS 지원이 부족하여 '홈 화면에 추가' 메뉴 항목, 푸시 알림, 오프라인 캐싱을 사용할 수 없었지만

Lancôme의 참여율은 신규 사이트의 다운로드 속도 향상과 사용자 인터페이스 향상 덕분입니다. 또한 서비스 워커를 지원하는 Android 기기에서, Lancôme은 푸시 알림과 같은 재참여 기술도 활용했는데, 이는 사용자들 사이에서 큰 인기를 얻었습니다. 2016년 10월 사이트가 출시된 이후 18,000명이 넘는 쇼핑객이 알림을 신청했습니다. 알림은 네이티브 앱의 알림과 동일하게 표시되며 브라우저가 더 이상 실행되고 있지 않더라도 도착합니다. Lancôme은 독점 프로모션 및 제품 출시에 대해 한 달에 4~5개의 알림을 보냅니다. 푸시 알림을 탭한 소비자 중 8% 가 구매를 완료하며, 이는 데스크톱 웹사이트 전환율보다 훨씬 높습니다. 또한 Lancomeme은 푸시 알림을 사용하여 장바구니를 이탈한 쇼핑객을 다시 유치하는 데 큰 성공을 거두었습니다. 이 새로운 전략의 경우 모바일에서 확인율은 18%, 장바구니 이탈의 전환율은 8% 증가했습니다.

그 결과, PWA는 엄청난 성공을 거두어 엄청난 성공을 거뒀고, 뷰티 기업인 PWA는 모바일 웹에 큰 진전을 일으켰습니다.

결과

전체

  • 페이지가 상호작용할 수 있을 때까지 걸리는 시간 84% 감소
  • 전환수 17% 증가
  • 이탈률 15% 감소
  • 모바일 세션 51% 증가

iOS

  • iOS 모바일 세션 53% 증가
  • iOS에서 이탈률 10% 감소

Push

  • 푸시 알림을 탭하는 소비자 중 8% 는 구매합니다.
  • 푸시 알림을 통한 확인율 18%
  • 푸시 알림을 통해 복구된 장바구니의 전환율 12% 증가