BookMyShow는 인도 최대의 티켓 판매업체로, 월 방문자가 5,000만 명 이상입니다. 또한 프로그레시브 웹 앱 (PWA)을 사용하여 개선된 버전의 모바일 웹사이트를 개발하여 전환율이 80% 이상 증가하여 더 많은 사용자가 티켓을 구매했습니다.
PWA를 출시한 이후 모바일 전환율이 기하급수적으로 증가했습니다. PWA를 통해 모바일에서 더 많은 사람들과 소통할 수 있었고, 전체 잠재고객의 대다수를 차지하는 것은 모바일 사용자입니다.
사힐 테와리, 모바일 및 웹 총괄 책임자
- BookMyShow PWA에서는 전환율이 80%이상 증가했습니다.
- PWA의 크기는 Android 앱보다 54배 작고, iOS 앱보다 180배 더 작습니다.
- PWA를 로드하는 데 2.94초도 걸리지 않으며 30초 이내에 결제가 가능합니다.
챌린지
BookMyShow 모바일 사용자가 증가하고 있습니다. 거래의 85% 이상이 모바일에서 발생하며, 회사의 모바일 웹 트래픽이 최근 데스크톱 웹 트래픽을 추월했습니다. 이러한 트래픽 증가에도 불구하고 모바일 웹사이트의 로드 속도와 사용자 환경이 최적화되지 않아 회사의 이탈률이 여전히 높은 편입니다.
네이티브 앱은 효과적인 데 데이터 및 메모리 사용량이 많았기 때문에 문제도 있었습니다. 디자인 담당 부사장인 Anish Tripathi는 다음과 같이 말합니다. "사람들은 네이티브 앱을 사용하고 만족스러워했지만, 가장 우려되는 점은 데이터 사용량과 앱에서 사용하는 메모리였습니다."라고 말하며 다음과 같이 덧붙입니다. 앱을 제거하고 모바일 브라우저를 사용해보면 같은 방식으로 작동하지 않았어요."라고 말합니다.
해결 방법
우수한 티켓 구매 경험의 핵심은 속도와 효율성이라는 사실을 알고 있던 BookMyShow에서는 대부분의 사용자에게 최상의 모바일 웹 환경을 제공하기 위해 PWA를 출시했습니다. PWA는 사용자 환경을 저해하지 않으면서 속도를 최적화하고 기존 고객의 데이터 제약 조건을 제거하는 원활하고 원활한 영화 예약 환경을 제공합니다.
또한 BookMyShow는 PWA로 전환하면서 PHP 백엔드 스택에서 동시에 이전할 수 있게 되었고 일부 핵심 개발 작업을 다시 실행해야 했습니다. 최신 솔루션을 도입하고 사용자에게 네이티브 앱처럼 빠르고 안정적이며 매력적인 환경을 제공하는 진정으로 강력하고 기술적으로 뛰어난 웹 앱을 빌드했습니다.
PWA는 속도에 최적화되어 있습니다. 앱의 목표(빌드하는 데 10개월만 걸림)는 30초 이내에 결제를 사용 설정하도록 만들어졌습니다. 또한 '홈 화면에 추가' 기능을 사용하여 네이티브 앱과 같은 환경을 제공할 수도 있었습니다. PWA 애플리케이션은 Android 앱보다 54배 작으며 iOS 앱보다 180배 더 작은 약 440KB에 불과합니다. BookMyShow는 서비스 워커를 활용하여 느리거나 불안정한 네트워크에서 안정적인 성능을 제공했습니다. 최적화 덕분에 데이터 소비도 크게 줄었습니다. 사용자가 특정 페이지를 요청하면 해당 페이지에 필요한 애셋만 로드되어 데이터가 절약됩니다. 2G 네트워크의 초기 로드 시간은 단 4초입니다. 맞춤형 영화 추천의 경우에도 PWA는 후속 로드에서 2.94초 미만이 걸립니다. 이러한 모든 변화로 인해 전환율이 80% 이상 증가했으며, 이는 BookMyShow의 수익 증대에 큰 차이가 있습니다.