Blibli의 PWA는 이전 모바일 웹사이트에 비해 사용자당 10배 더 많은 수익을 창출했습니다.

Blibli를 통해 이탈률은 42% 감소하고 모바일 전환율은 8배 향상되었으며 세션당 페이지 수는 2.5배 증가했습니다.

Collin Dion Agata
Collin Dion Agata
Swetha Gopalakrishnan
Swetha Gopalakrishnan

Blibli는 인도네시아의 유명한 전자상거래 마켓입니다. 2019년 이 회사의 월 평균 웹사이트 방문 수는 2,900만 회를 넘었습니다. 최근 연구에서 Blibli의 웹팀은 모바일 웹 플랫폼이 중요한 방문자 및 사용자 획득 플랫폼으로서, 웹 사용자의 70% 가 모바일에, 웹 사용자의 30% 가 데스크톱을 이용하는 것으로 나타났습니다.

Blibli는 이러한 정보를 바탕으로 더 나은 웹 환경을 개발하고 전환율을 개선하기 위한 여정에 나섰습니다. 그 결과 다음과 같은 놀라운 결과를 얻을 수 있었습니다.

42%

이탈률 감소

8x

브라우저 모바일 웹 대비 설치된 PWA에서 더 나은 mCVR

2.5x

설치된 PWA의 페이지/세션 더보기

기회 강조

Blibli는 다음과 같은 기회 영역을 확인했습니다.

  • Blibli에게 모바일 웹 플랫폼은 중간에서 낮은 계층의 기기 사용자를 많이 확보하는 데 중요한 역할을 했습니다.
  • 인도네시아의 인터넷 경제는 1단계 도시를 넘어 빠르게 확장하고 있었습니다. 따라서 PWA와 빠른 페이지는 제한된 저장소 및 느린 네트워크와 같은 사용자 요구사항을 지원하기 위한 좋은 투자였습니다.
  • Blibli 웹 플랫폼을 이용하는 사용자의 50% 는 재방문자입니다.

사용한 접근 방식

팀은 모바일 웹 플랫폼을 단기 및 중기적으로 개선하기 위한 단계적 전략을 수립했습니다. 여기에는 다음이 포함됩니다.

  • UX가 개선된 홈페이지를 포함하여 성능에 최적화된 웹사이트
  • 서비스 워커를 사용하는 신규 사용자가 후속 탐색을 위해 중요 애셋을 캐시할 수 있는 라이트 버전의 홈페이지입니다.
  • 재방문 사용자를 위한 프로그레시브 웹 앱 (PWA)

사용자 흐름

신규 방문자에게는 이전 홈페이지보다 3배 더 빠른 간단한 페이지가 표시됩니다.

이전 페이지보다 3배 빠른, 가벼운 페이지입니다.
이전 페이지보다 3배 빠른 가벼운 페이지로,

이후 페이지에서 Blibli는 홈 화면에 PWA 바로가기를 추가하라는 메시지를 표시합니다.

'홈 화면에 추가' 프롬프트입니다.

사용자가 네트워크 연결이 끊어지면 우아한 오프라인 대체 페이지가 표시됩니다.

적절한 오프라인 대체 페이지입니다.
원하는 오프라인 대체 페이지입니다.

Blibli의 라이트 페이지는 Blibli.com이 빠르고 반응이 빠른다는 첫인상을 주었습니다. 또한 라이트 페이지는 Blibli의 가치 제안을 전달하는 기능에만 초점을 맞춰 기능의 수를 줄였습니다.

간소화 전후의 로드 시간 비교

Blibli의 PWA는 설치가 가능하므로 앱과 같은 모양과 느낌을 줍니다. 또한 서비스 워커 캐싱과 원활한 오프라인 대체를 사용하여 빠르고 안정적입니다.

오프라인 대체
오프라인 대체입니다.

대다수가 미드티어 기기를 사용하는 웹 사용자에게 만족감을 선사합니다. Blibli의 PWA는 크기가 1MB 미만 (Android 앱보다 무려 24배 더 가벼움)이므로 사용자가 PWA를 설치하는 데 어려움이 훨씬 적습니다. 또한 Blibli는 앱과 같은 원활한 환경을 제공하면서 사용자를 더 쉽게 유지할 수 있습니다.

성능 예산 설정

Blibli는 기술 개발 및 관리 내에서 성능 예산을 성능 표준으로 만들었으며, 이 과정에서 표준을 정기적으로 검토했습니다. 모든 사용자에게 최고의 플랫폼을 제공할 수 있도록 최고 경영진의 지침에 따라 내부 기술 개발 KPI로 설정됩니다.

전반적인 비즈니스 실적

  • 페이지 로드 시간 3배 감소
  • 이탈률 42% 감소
  • 설치된 PWA에서 브라우저 모바일 웹 대비 8배 높은 모바일 전환율
  • 설치된 PWA에서 페이지/세션이 2.5배 더 많습니다.
  • 사용자당 수익이 이전 모바일 웹사이트에 비해 10배 증가했습니다.

"속도와 PWA는 최고의 모바일 환경을 제공하고 사용자를 위한 최고의 플랫폼을 제공하겠다는 우리의 사명을 대변하는 데 있어 귀중한 투자였습니다." — 콜린 디온 아가타, Blibli 수석 제품 관리자

사진: 크리스티안 에스코바르, Unsplash