Airbnb PWA: 프로그레시브 웹 앱의 완벽한 예

웹 사이트를 빠르고 안정적으로 실행하는 동시에 사용자가 더 오래 머물고 활동에 참여할 수 있도록 효율적으로 작동하는 매우 안정적인 솔루션을 찾고 있다고 가정해 보겠습니다. 이 경우 PWA가 필요할 수 있습니다. Airbnb PWA 를 포함하여 많은 브랜드가 PWA를 채택하고 세계적으로 유명하고 수익성 있는 성공을 거두었습니다. 이름과 숫자로 표면을 긁는 대신 PWA 응용 프로그램의 실제 승리 사례를 분석합니다. 커튼을 열고 에어비앤비 PWA의 이야기를 만나보세요.

에어비앤비 개요

세계에서 가장 유망한 스타트업의 초기 아이디어는 지역 주민들이 관광객들이 집에 머물 수 있도록 하고 새로운 연결을 만들고 먹고, 쉬고, 잘 수 있는 저렴한 대안을 공유하는 에어 베드 앤 브렉퍼스트였습니다.

처음에는 낯선 사람을 집으로 환영하는 제안이 터무니없게 보이지만 Airbnb는 빠르게 21세기의 가장 성공적인 스타트업 중 하나로 성장했습니다.

2008년에 출시되어 10년 후인 Airbnb는 이미 1억 5천만 명의 사용자와 700만 개 이상의 목록이 표시되고 400만 명의 호스트가 운영하고 있으며 200개 이상의 국가와 81,000개 도시에서 활동하고 있습니다. 보고서에 따르면 10억 명이 넘는 여행자가 에어비앤비 집을 임대하여 호스트에게 약 650억 달러를 벌어들였습니다.

에어비앤비는 이제 전 세계 여행자를 위한 가장 광범위한 부동산 임대 서비스로, 공유 장소의 1인실 또는 자신과 여러 사람을 위한 전체 장소를 선택합니다. 비즈니스 모델은 수요가 있는 사람들과 공급자가 연결하고 비즈니스를 수행할 수 있도록 하는 집계 플랫폼인 Uber와 유사합니다.

에어비앤비는 사람들에게 공동체 의식, 독특한 개인 경험, 스트레스 해소, 예산 친화적인 여행 숙박 시설을 제공합니다.

많은 게스트가 호스트의 환영을 받아 에어비앤비와 함께하는 여행을 좋아하고, 문화를 더 깊이 탐구하고, 새로운 원주민 친구를 사귈 수 있는 기회를 얻습니다.

Airbnb PWA 통합으로 이어진 배경

이야기는 몇 년 전인 2018년 말경 모바일 브라우저가 기하급수적인 관심과 투자를 받고 있던 때로 거슬러 올라갑니다. 그러나 Airbnb의 것은 여전히 ​​데스크톱에서 비례적으로 반응하는 버전이었습니다. 팀은 또한 최소한의 엔지니어링으로 이를 무시했다고 인정했습니다.

모바일 웹은 특히 성장하는 시장에서 가장 많이 방문한 플랫폼으로 Airbnb 예약에 대한 트래픽 비율이 증가하고 있습니다. 그러나 세계 최대 여행 숙박 검색 엔진의 업계 표준에는 미치지 못했습니다.

사용자들은 에어비앤비 네이티브 앱이 1년에 3~4번만 필요할 때 설치해도 소용이 없는 것으로 나타났습니다. 그리고 다른 어떤 기기보다 모바일에 의존하기 때문에 갈 수 있는 유일한 방법은 모바일 웹입니다.

평균 앱 사용 시간이 브라우저 사용 시간을 훨씬 초과하지만 사용자의 하루 대부분의 시간은 즐겨 사용하는 앱 5개에 고르지 않게 분포되어 있으며 한 앱에서 50%에 가깝습니다. 사용자는 자주 사용하지 않는 다른 앱을 다운로드하고 저장 공간을 낭비해야 하는 이유를 알지 못합니다.

시장은 인터넷 연결 문제로 앱 설치(크기 200MB) 및 소비에 문제가 있기 때문에 우수한 모바일 브라우징 경험에 특히 관심이 있습니다.

다음은 에어비앤비 PWA 전환 전의 몇 가지 자세히 살펴보겠습니다.

• 느림 : 모바일 브라우저의 사용자는 이미지가 나타나기 시작하기 전에 짜증나는 빈 페이지를 10초 이상 기다렸습니다. 4G 네트워크는 전체 페이지를 로드하는 데 평균 13초가 걸렸습니다. 인상적이지 않습니다.
• 잘못 설계됨 : 일부 구성 요소가 심하게 구현되고 잘못 배치되어 단어가 누락되고 지침이 혼란스러워졌습니다. 지도는 관광객이 에어비앤비에서 가까운 위치까지의 거리를 이해하는 데 필수적이지만 천천히 상호 작용하고 단어를 읽는 것이 거의 불가능했습니다. 그리고 겹치는 모든 요소를 ​​세고 사진의 텍스트 위로 뛰어서 스냅샷과 사이드 노트의 의미를 탈선시킵니다.
• 사용하기 어려움 : 많은 상호 작용 지점이 손가락이 아니라 마우스에만 반응하던 당시 모바일 브라우저는 정신을 차린 것 같았습니다. 모든 것이 이해가 되지 않았습니다. 그것은 가난한 방랑자에게 혼란스러운 우회로와 같았습니다. 그러나 탐색 확률의 우위는 기본 앱을 설치하기 위해 버튼을 클릭했을 때였습니다. 그들은 앱 스토어 링크가 포함된 문자를 받을 수 있도록 전화번호를 입력하라는 요청을 받았습니다.

모바일 브라우저가 Airbnb 사용자의 첫인상이 아니었다면 그렇게 나쁘지 않았을 것입니다. 불행히도 데이터에 따르면 신규 사용자의 65%가 모바일 웹에서 온 것으로 나타났습니다. 따라서 그들은 이 상황을 뒤집어야 했습니다.

PWA로 전환하면 Airbnb의 요청을 어떻게 해결할 수 있습니까?

모바일 브라우징 환경이 얼마나 치열한지 설명하기 위해 다음은 업계 통계입니다.

• 방문자의 53%는 3초 이상 기다려야 하는 경우 이탈합니다.
• 응답자의 57%는 매력적이지 않은 모바일 사이트가 추천을 받지 못할 것이라고 말했습니다.
• 응답자의 85%는 모바일 웹이 데스크톱의 업데이트 버전이 될 것이라고 예상했으며 그 반대는 아닙니다.

사용자는 모바일 버전이 모바일 네이티브 앱만큼 빠르고, 편리하고, 아름답게 디자인되고 매력적이기를 원합니다. PWA의 도움으로 Airbnb는 기본 앱의 일부 최고의 기능을 수행하면서 번개처럼 빠르게 실행되고 안전하고 안정적인 모바일 웹을 만들 수 있었습니다.

Airbnb PWA를 사용하면 사용자가 200MB 앱을 과도하게 사용하는 대신 홈 화면에 12MB 버전을 추가할 수 있습니다. 게스트와 호스트는 알림 패널에서 팝업 메시지를 받을 수 있습니다.

뿐만 아니라 전 세계의 에어비앤비 사용자들이 인터넷 연결이 약한 경우에도 쉽게 숙소를 선택할 수 있도록 PWA는 즉시 로딩과 오프라인 모드를 비즈니스에 도입했습니다.

에어비앤비 PWA 해상도

아이디어

Airbnb의 눈은 세계 최고의 홈스테이 및 기타 휴가용 렌탈 회사에 맞는 세계적 수준의 모바일 검색 경험을 만드는 하나의 분명한 목표에 고정되어 있었습니다. 온라인 혁명을 따라잡은 후 그들은 모바일 친화성을 유지하는 것이 더 이상 장점이 ​​아니라 필수라는 것을 깨달았습니다.

그들의 전략은 모바일 우선, 즉 모바일 웹 우선으로 전환하는 것이었습니다. Airbnb의 신규 방문자 중 다수는 모바일 웹에서 왔으며 기본 앱 여정과 유사한 것을 기대할 것입니다. 그리고 그들은 사용자가 원하는 것을 제공하려고 했습니다.

처형

기본 앱은 편리한 슬라이드 메뉴와 하단 탐색으로 유명했습니다. Airbnb는 햄버거 메뉴 업그레이드와 계정 등록을 위한 로깅 탭 표시줄과 함께 클래식과 함께하기로 결정했습니다. 다음으로 지도는 리스팅 선택에 있어 가장 중요한 항목으로 리디자인의 큰 부분을 차지했습니다.

또한 PWA가 모든 화면 크기와 장치에서 최상의 성능을 발휘할 수 있도록 했습니다. 약간의 추가 노력이 모든 차이를 만듭니다.

마지막으로, 기존의 혼란스럽고 사용하기 어려운 사용자 흐름은 모든 콘텐츠 걸림 및 레이아웃 오류를 수집하고 수정하는 재지정 목록에 완전히 등록되었습니다.

결과

PWA는 에어비앤비에게 미니 버전에 최적화된 옵션을 제공하여 로딩 시간을 11.9초에서 4.69초로 최소화했습니다. 속도가 빨라지면 더 부드럽고 반응이 빨라지고 편리해지며 사용자 참여도가 높아지고 올바른 스와이프 횟수가 사상 최고치를 기록했습니다.

그리고 PWA 프로젝트를 완료하기도 전에 상당한 결과와 성과가 수집되었습니다.

• 어려움과 역경에도 불구하고 Airbnb 팀은 1년도 채 되지 않아 모바일 웹 재설계 및 재개발에 성공했습니다.
• 전환율은 25%의 상승을 목격했습니다.
• 평균적으로 약 5.5초의 로딩 시간으로 성능이 2.5배 향상되었습니다.

Airbnb와 같은 PWA를 어떻게 구축할 수 있습니까?

Airbnb PWA는 실제로 세계 최고 수준의 모바일 웹 플랫폼입니다. 거기에 대한 기준을 정리합시다. Airbnb PWA는 수십억 개의 홈스테이 및 휴가 렌탈 서비스 목록이 생성되는 곳으로, 제품 포트폴리오가 긴 전자상거래 웹사이트와 유사합니다.

방대한 데이터베이스를 사용하면 로드 프로세스에서 코드를 처리하고 요청에 응답하는 데 오랜 시간이 걸릴 수 있습니다. 따라서 온라인 상점을 시작하고 빠르게 유지하려면 더 작은 규모로 최적화된 버전이 많이 필요합니다.

전자상거래 업계에서 PWA가 유명한 이유다. 이것은 느리고 실적이 저조한 상점을 변화시키고자 하는 온라인 비즈니스 소유자인 경우에 적합합니다.

왜 타이그렌 PWA인가?

우리는 당신이 수많은 전자상거래 개발 서비스에 쉽게 접근할 수 있다는 것을 알고 있지만, 당신이 필요로 하는 가장 적합한 모든 에이전시를 검색하고 확인하는 것은 많은 시간을 낭비할 것입니다.

Tigren은 PWA 개발 분야에서 세계 최고의 아웃소싱 기관 중 하나입니다. PWA 기술이 처음 나왔을 때부터 우리는 PWA 기술을 마스터하기 위해 더 노력했습니다. 오늘날까지 우리는 전 세계적으로 거의 1000명의 고객과 협력하여 ROI를 활용하도록 도왔습니다.

프리미엄 Tigren PWA 솔루션

다음과 같이 도와드릴 수 있습니다.

• 처음부터 PWA 사이트 구축
• PWA의 일부를 사용자 정의 빌드 및 통합
• 기존 PWA 최적화 및 업그레이드
• 즉시 사용 가능한 프리미엄 TigrenPWA 테마

연락하시면 무료 상담을 받으실 수 있으며, 잘 맞는지 판단하기 전에 견적을 요청하실 수도 있습니다. 프로젝트의 복잡성에 따라 3~12개월의 무료 지원을 제공할 수 있으며, 황혼에서 새벽까지 귀하와 함께 하여 원하는 결과를 정확히 얻을 수 있습니다.

주요 내용

에어비앤비 PWA는 대성공을 거두며 뒤를 돌아보면 뒷담화 담당자들이 자랑스러워했고, 이용자들은 다음 여행을 준비할 때마다 미소를 지었다.

Airbnb는 빠르고, 안정적이며, 안정적이고, 매력적으로 디자인되었으며, 매력적으로 매력적일 뿐만 아니라 팀이 한동안 제공해온 세계적 수준입니다. 그들은 또 무엇을 요청할 수 있습니까?

PWA가 온라인 환경을 지배하는 미래의 표준이 될 것이라는 희망적인 기대와 함께 얼리 어답터를 위한 초대에 대한 귀하의 평은 무엇입니까?