결과
- 전환수 38% 증가
- 이탈률 40% 감소
- 평균 세션 시간 10% 증가
- 페이지 로드 속도 30% 향상
회사
Housing.com은 인도 최고의 스타트업 중 하나입니다. 올해 방문객이 5천만 명에 달할 정도로 인도 최고의 온라인 부동산 플랫폼 중 하나가 되었습니다. 프로그레시브 웹 앱 (PWA)인 Housing Go를 빌드한 후 모든 브라우저에서 총 전환수가 38% 증가했습니다. 또한 새로운 PWA는 가치가 더 높은 사용자를 확보했습니다. 방문자는 세션당 10% 더 오래 보내고 재방문 빈도도 더 많았습니다.
챌린지
Housing.com은 모바일 사용자가 느린 로드 시간을 용인하지 않으며 이는 전환에 큰 영향을 미친다는 것을 알고 있었습니다. 사용자의 평균 페이지 로드 시간이 미치는 영향을 측정한 결과, 1초만 개선해도 전환율이 훨씬 높아진다는 사실을 확인했습니다.
연결 상태가 좋지 않은 상황과 보급형 기기의 보급도 Housing.com의 성장을 저해했습니다. 또한 모바일 사용자가 오프라인으로 작업하고 재참여를 유도할 수 있는 네이티브 앱을 개발했습니다. 하지만 현재 고객과 잠재고객은 인터넷에 액세스하는 비용이 여전히 비싸기 때문에 데이터에 매우 민감했고 많은 소비자가 데이터나 공간의 사용을 주저했습니다.
해결 방법
Housing.com은 서비스 워커, IndexedDB, Add to Home Screen, Push Notifications와 같은 최신 웹브라우저 및 웹 애플리케이션의 향상된 기능과 기술의 발전을 토대로 빠르고 효율적이며 안정적인 PWA를 만들기 시작했습니다. 그 결과, 빠르고, 데이터 사용량이 적으며, 다양한 방식으로 사용자의 재참여를 유도하는 모바일 웹 환경이 탄생했습니다. Housing.com은 새로운 PWA를 통해 전환율이 38% 증가하고 이탈률이 40% 이상 감소했습니다.
대부분의 인도 사용자는 2G 및 3G 네트워크를 통해 인터넷에 연결하므로 빠른 사용자 환경이 필수적입니다. 로드 시간을 줄이기 위해 Housing.com은 서비스 워커를 추가하고 사이트를 간소화하여 소비자가 원하는 것을 빠르게 찾을 수 있도록 했습니다. 사용자는 오프라인 상태에서도 계속해서 숙박 시설을 탐색하고 이전 검색어를 검토할 수 있습니다. Housing.com의 CPTO인 Vivek Jain은 “고사양 스마트폰은 타겟 사용자층에서 그다지 보편적이지는 않습니다.”라고 말합니다. 새로운 PWA를 통해 저사양 기기에 앱을 다운로드하는 사용자의 망설임에서 벗어날 수 있으면서도 탁월한 경험을 선사할 수 있었습니다."
새로운 전략은 효과적이었습니다. 모든 브라우저에서 페이지 로드 성능이 30% 이상 향상되었으며 평균 세션당 시간이 10% 증가했습니다. 자인 글로벌 상무이사는 “사용자의 네트워크 제한과 훌륭한 사용자 환경의 중요성을 이해한 덕분에 PWA를 구축할 수 있었습니다. “사용자 환경은 최신 애플리케이션을 정의하는 요소입니다.”
관련 리소스
Codelab
첫 프로그레시브 웹 앱 앱 셸 모델, 서비스 워커 등을 사용하여 프로그레시브 웹 앱을 빌드하는 방법을 알아보세요.
Udacity 교육과정
프로그레시브 웹 앱 소개 이 과정에서는 최초의 프로그레시브 웹 앱 작업을 시작해 보겠습니다. 프로그레시브 웹 앱은 네이티브 애플리케이션에서 제공하는 다양한 기능을 활용할 수 있는 웹 앱입니다. 또한 서비스 워커를 사용하여 오프라인에서 작동하는 웹 앱을 만드는 경험을 더 많이 쌓을 수 있습니다. 마지막으로 웹 앱 매니페스트 파일을 사용하여 사용자의 홈 화면에 앱을 설치할 수 있도록 합니다.