소규모 팀이 매력적인 마켓플레이스 PWA를 만들어 큰 성공을 거둔 방법을 알아보세요.
요르단 암만을 기반으로 하는 OpenSooq은 중동 및 북아프리카 19개 국가에서 다양한 제품과 서비스를 제공하는 모바일 우선 등록정보 마켓플레이스입니다.
도전과제
OpenSooq의 트래픽 중 85% 이상이 휴대기기에서 발생하며 이 수치는 계속 증가하고 있습니다. 이 지역의 많은 사용자가 저장용량이 제한된 저가형 기기를 사용하고 있으므로 OpenSooq의 모바일 사이트는 최대한 빠르고 가벼워야 합니다. 그러나 OpenSooq의 기존 모바일 사이트의 느린 로드 속도가 고객 만족도에 영향을 미치고 쿠웨이트와 같은 시장에서 최대 49% 의 이탈률을 초래했습니다.
이 회사는 모든 플랫폼에서 고객에게 일관되게 더 나은 경험을 제공하기 위해 더 빠르고 반응이 더 빠른 웹사이트가 필요하다는 것을 깨달았습니다. 이에 따라 2017년 6월 OpenSooq 엔지니어링팀은 프로그레시브 웹 앱 (PWA)을 출시했습니다.
성능 및 안정성에 중점
OpenSooq의 사내 개발자 3명이 React 및 webpack을 사용하여 2개월 반 만에 모든 기능을 갖춘 PWA를 빌드할 수 있었습니다.
팀은 검색엔진에서 사이트를 빠르고 쉽게 색인화할 수 있도록 서버 측 렌더링을 구현하기로 했습니다. 사용자의 거의 28% 가 불안정한 2G 또는 3G 네트워크에서 PWA에 액세스하므로 네트워크 제약사항과 관계없이 사용자가 환경이 작동한다고 신뢰하는 것이 중요했습니다. 이에 따라 팀은 서비스 워커와 캐시 우선 다음 네트워크 전략을 사용하여 오프라인 환경을 구현했습니다. 또한 PRPL 패턴을 사용하여 사용자에게 즉시 로드되도록 했습니다.
이러한 권장사항을 채택하여 평균 페이지 로드 시간 (상호작용 시작 시간)을 4초에서 2초 미만으로 단축할 수 있었습니다. 또한 Lighthouse를 사용하여 사이트가 계속 빠른 속도를 유지하도록 했습니다. 이러한 노력으로 OpenSooq은 월 18억 회 이상의 페이지 조회수를 기록했습니다.
사용자의 25% 이상이 중저급 네트워크에서 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 최고 기술 책임자