JD.ID가 전체 모바일 전환율 (mCVR)을 53%, 설치한 사용자의 mCVR을 200%, 일일 활성 사용자를 26% 높인 방법을 소개합니다.
JD.ID는 인도네시아의 전자상거래 플랫폼으로, 전자 기기, 가정용품, 의류, 패션 액세서리, 스포츠 제품 등 다양한 제품의 배송 서비스를 제공합니다. 현재 인도네시아 350개가 넘는 도시에서 서비스를 제공하고 있는 JD.ID는 프로그레시브 웹 앱 (PWA)의 성능과 강력한 네트워크 독립적 경험에 중점을 두고 온라인 활동을 확대하고자 했습니다. 이러한 향상된 환경을 통해 JD.ID는 전체 모바일 전환율 (mCVR)은 53%, 설치된 사용자의 mCVR은 200%, 일일 활성 사용자는 26% 증가하여 미국에서 가장 인기 있고 신뢰할 수 있는 전자상거래 회사로 자리매김할 수 있었습니다.
기회 강조
수많은 사업자로 인해 인도네시아의 불안정한 모바일 네트워크를 극복하기 위해 JD.ID는 웹사이트와 사용자 환경을 항상 원활하게 유지하고 로컬 캐싱 문제도 해결할 수 있는 솔루션을 찾고 있었습니다. 웹사이트를 방문했지만 iOS/Android 앱을 다운로드하지 않은 사용자로부터 엄청난 획득 잠재력을 확인했습니다. 이러한 기회를 포착하기 위해 PWA 권장사항을 사용하여 웹사이트에 앱과 유사한 UX를 구축하여 참여도를 높이고 신뢰성을 위한 네트워크 복원력에 중점을 두었습니다.
접근 방식
캐싱 전략
네트워크 문제를 완화하고 사용자 환경을 개선하기 위해 JD.ID팀은 Workbox를 사용하여 사용자가 오프라인 상태이거나 네트워크 상태가 좋지 않은 상태에서도 PWA가 정상적으로 작동하도록 했습니다. Workbox에서는 다음과 같은 세 부분으로 구성된 PWA 캐싱 전략을 더 쉽게 실행할 수 있었습니다.
- 네트워크 우선, 캐시로 대체: 이 전략은 먼저 네트워크에서 응답을 받는 것을 목표로 합니다. 응답을 수신하면 브라우저로 전달하고 캐시에 저장합니다. 네트워크 요청이 실패하면 마지막으로 캐시된 응답이 사용됩니다. JD.ID는 이 전략을 홈페이지에 적용하여 사용자가 오프라인일 때도 홈페이지에 액세스할 수 있도록 했습니다.
- 캐시 우선, 네트워크로 대체: 이 전략은 먼저 캐시에서 응답을 확인하고 사용 가능한 경우 응답을 사용합니다. 그렇지 않으면 JD.ID 웹사이트가 네트워크로 이동하여 응답을 캐시한 다음 브라우저에 전달합니다. 서비스 워커가 설치되면 홈페이지의 정적 리소스, 오프라인 대체 페이지 (아래 설명 참조), 카테고리 페이지, 제품 페이지, 장바구니, 결제 페이지의 정적 리소스가 미리 사용자의 캐시에 캐시됩니다. 사용자가 이러한 페이지로 라우팅하면 이 캐싱 전략을 통해 브라우저가 캐시에서 정적 리소스 파일을 직접 가져올 수 있으므로 중요한 페이지의 로드 속도가 개선됩니다.
- 네트워크 전용: 이 전략은 네트워크에서만 응답을 가져오도록 강제합니다. 장바구니 및 결제 페이지에 매우 높은 데이터 정확도가 필요하므로 JD.ID는 이 전략을 사용합니다.
또한 Workbox를 사용하면 JD.ID에서 라우팅 규칙, 요청 제한 시간의 기본 기간, 캐시에 저장할 수 있는 응답 수, 응답을 캐시해야 하는 기간을 구성할 수 있습니다.
오프라인 대체 페이지
JD.ID팀은 사용자에게 일관된 환경을 제공하고 웹사이트 브랜딩을 강화하기 위해 오프라인 대체 페이지를 제작했습니다. 또한 사용자가 휴대기기에 웹 앱을 쉽게 설치할 수 있도록 하는 웹 앱 매니페스트도 추가했습니다.
푸시 알림
또한 JD.ID는 재참여를 유도하기 위해 웹용 Firebase 클라우드 메시징으로 푸시 알림을 구현하여 특히 제품 할인 프로모션 이벤트 기간에 적용했습니다.
전반적인 비즈니스 실적
- 전체 모바일 전환율 (mCVR) 53% 개선
- JD.ID PWA를 설치한 사용자의 mCVR이 200% 향상됨
- 푸시 알림을 통한 재참여가 증가하면서 모바일 플랫폼의 일일 활성 사용자가 26% 증가했습니다.
비즈니스가 빠르게 성장하고 있으며 Google은 사용자 환경을 개선하는 데 더 많은 중점을 두고 있습니다. 당사는 인도네시아의 모든 사용자와 고객에게 서비스와 다양한 제품을 제공하기 위해 끊임없이 노력하여 가장 인기 있고 신뢰할 수 있는 전자상거래 회사가 되는 것을 목표로 합니다. 웹 성능과 PWA는 UX 및 전반적인 전략에서 중요한 부분이며 Google은 계속해서 이러한 영역에 투자할 예정입니다.
펭시안 리우, JD.ID 웹 엔지니어링 관리자
웹으로 확장하기 우수사례 페이지에서 인도 및 동남아시아의 더 많은 성공사례를 확인하세요.