소규모 팀에서 매력적인 마켓플레이스 PWA를 만들어 어떻게 큰 성과를 거뒀는지 알아보세요.
요르단 암만에 위치한 OpenSooq는 중동 및 북아프리카의 19개 국가에서 다양한 제품과 서비스를 제공하는 모바일 중심 항목별 광고 마켓플레이스입니다.
도전과제
OpenSooq 트래픽의 85% 이상이 휴대기기에서 발생하며 이 수치는 계속 증가하고 있습니다. 이 지역의 많은 사람들이 스토리지 용량이 제한된 저가형 기기를 사용하기 때문에 OpenSooq의 모바일 사이트는 최대한 빠르고 가벼워야 합니다. 하지만 OpenSooq의 이전 모바일 사이트에서 로드 시간이 느려지면서 고객 만족도가 낮아졌고 쿠웨이트와 같은 시장에서는 이탈률이 49% 까지 상승했습니다.
모든 플랫폼에서 고객에게 더 나은 경험을 지속적으로 제공하기 위해 회사는 더 빠르고 반응성이 뛰어난 웹사이트가 필요하다는 것을 깨달았습니다. 이에 따라 2017년 6월 OpenSooq의 엔지니어링팀은 프로그레시브 웹 앱 (PWA)을 출시했습니다.
성능 및 안정성에 중점
OpenSooq의 사내 개발자 3명은 단 2개월 반만에 React와 webpack이 포함된 완전한 기능을 갖춘 PWA를 빌드할 수 있었습니다.
검색엔진에서 사이트를 빠르고 쉽게 색인 생성할 수 있도록 하기 위해 서버 측 렌더링을 구현하기로 했습니다. 사용자 중 거의 28% 가 2G 또는 3G 네트워크에서 PWA에 액세스하는 상황에서 네트워크 제약에 관계없이 사용자가 사용 환경을 신뢰할 수 있도록 하는 것이 중요했습니다. 그래서 팀은 서비스 워커와 캐시 우선 네트워크 차선 전략을 사용하여 오프라인 경험을 구현했습니다. 또한 PRPL 패턴을 사용하여 사용자에게 즉각적인 로드를 제공했습니다.
팀은 이러한 권장사항을 채택하여 평균 페이지 로드 시간 (상호작용까지의 시간)을 4초에서 2초 미만으로 단축할 수 있었습니다. 또한 Lighthouse를 사용하여 사이트가 이렇게 빠르게 유지되도록 했습니다. 이러한 노력 덕분에 OpenSooq는 월 18억 회 이상의 페이지 조회수를 달성했습니다.
사용자의 4분의 1 이상이 저중위 네트워크에서 OpenSooq PWA에 액세스하므로 사용자의 참여를 유지하기 위해서는 안정성이 필수적이었습니다. 서비스 워커와 캐싱 전략을 통해 필요한 안정적인 사용자 환경을 원활하게 구축할 수 있었습니다.
아민 쇼만, OpenSooq PWA 기술 관리자
재참여 개선
성능이 우수하고 안정적인 환경을 구축한 OpenSooq 팀은 사용자가 제품에 계속 관심을 갖도록 만들고자 했습니다. 이를 위해 사용자가 홈 화면에 PWA를 설치할 수 있도록 하고 의미 있는 알림 지원을 추가했습니다. 이를 통해 사이트에서는 구매자에게 검색어와의 판매자 상호작용에 대해, 판매자에게 광고 활성화 및 만료에 대해 알릴 수 있었습니다.
이러한 개선으로 OpenSooq 웹 환경의 월간 활성 사용자 수가 14% 증가했습니다. PWA를 설치한 사용자의 경우, 세션당 페이지 방문수가 48% 증가했고, 평균 세션 시간이 28% 증가했습니다. 또한 OpenSooq는 모든 시장에서 사용자의 페이지 평균 체류 시간이 25% 증가했고 평균 이탈률은 29% 감소했습니다.
향후 계획
OpenSooq는 단 몇 주만에 모든 플랫폼과 브라우저에서 사용자에게 일관된 경험을 제공하는 23KB의 모든 기능을 갖춘 PWA를 만들었습니다. 또한 웹에서 기능을 쉽게 업데이트할 수 있으므로 팀은 새로운 기능과 사용자 플로우를 다른 플랫폼에 출시하기 전에 PWA에서 출시하고 테스트하여 PWA를 우선시했습니다.
OpenSooq는 현재 플랫폼별 설치 메시지를 추가하고 PWA를 Accelerated Mobile Pages (AMP)와 통합하는 작업을 진행하고 있습니다. 이러한 개선사항을 통해 페이지 로드 속도를 더욱 높이고 플랫폼별 앱으로 최대한 원활하게 전환할 수 있습니다. OpenSooq 팀은 초기 개발 활동을 기반으로 삼아 계속해서 사용자에게 최고의 경험을 제공할 것입니다.
PWA 개발의 중요성은 경영진과 기술팀 모두에게 명확했습니다. 최신 웹 앱을 빌드하고 성능을 향상시킨 후, 2.5개월에 달하는 투자로 비즈니스에 어떤 영향을 미칠지 무척 기대됩니다.
람지 알크레인, OpenSooq 최고기술경영자