Trivago PWA: 모바일 경험의 미래

집에서 쉽게 여행 계획을 세울 수 있는 새로운 시대의 서비스 비즈니스인 트리바고와 함께라면 여행은 예전 같지 않을 것입니다. 최고의 웹사이트 기반 회사인 Trivago는 기술 발전과 혁신에 너무나 익숙합니다. 따라서 Trivago PWA가 등장했을 때 우리는 디지털 비즈니스를 따라가는 기업이 경험하고 배울 수 있는 사례 연구의 가치가 있는 것임에 틀림없다는 것을 알았습니다.

Trivago PWA는 뛰어난 구현으로 PWA 채택의 또 다른 큰 성공을 거두어 모바일 브라우징의 표준을 한 단계 끌어올렸습니다.

트리바고 개요

여행 업계에서 가장 빠르게 성장하는 예약 서비스 중 하나인 Trivago는 2005년에 설립되었습니다. Trivago는 가상 행성의 300개 이상의 웹사이트에서 가져온 세계에서 가장 광범위한 호텔 목록을 위한 메타 검색 엔진이 되었습니다.

메타 검색 엔진은 Trivago가 다른 웹사이트의 콘텐츠를 스크랩하여 해당 페이지의 목록을 컴파일하는 플랫폼임을 의미합니다. 여기에서 이러한 데이터는 가격, 장소 등의 측면에서 비교됩니다.

결과적으로 사용자는 Trivago 웹사이트를 통해 직접 예약할 수 없습니다. 대신, 독일어는 당신이 머물고 싶은 숙박 유형에 대한 모든 예약 사이트를 소개합니다.

Trivago의 주요 수입원은 추천 수수료입니다. Trivago의 목록 사이트에 등록되기를 원하는 호텔은 Trivago 아웃바운드 요금, 구독료(수익이라고 함) 및 사용 가능한 특별 거래에 대한 방문자 클릭률에 대한 추가 요금과 같은 특정 비율을 지불합니다.

현재까지 Trivago는 190개국에서 500만 개 이상의 호텔 및 기타 환대 서비스를 유치했습니다.

2016년 12월, Trivago는 1000명 이상의 직원과 함께 TRVG의 NASDAQ 증권 거래소에 등장했습니다. 2022년 2월, 세계 호텔 메타 검색 엔진은 2021년 12월의 820만에서 증가하여 전 세계적으로 840만 고유 방문자에 도달했습니다.

Trivago PWA가 탄생하게 된 배경

여행 산업이 파괴되고 있는 온라인 환경의 엄청난 변화와 함께 최근 20년과 같은 시기는 없었습니다.

새로운 기술은 끊임없이 진화합니다. 따라서 Trivago는 경쟁 우위가 진화보다 앞서 있기 때문에 모든 새로운 기술을 인식해야 합니다.

모바일 장치를 통해 청중에게 도달하는 것보다 더 좋은 방법은 없습니다. 스마트폰의 부상은 모바일 채택의 대부분을 먼저 소유한 사람이 먼저 얻는 디지털 제품을 소비하기 위해 엄청나게 중요해졌습니다.

데이터에 따르면 더 많은 Trivago 사용자가 다른 화면 크기보다 모바일을 통해 사이트에 액세스합니다. 사용자는 모바일 제품에 더 익숙하므로 Trivago에 대한 수백만의 잠재적인 잠재 고객 지원으로 이어집니다.

PWA로 전환하면 Trivago의 문제를 어떻게 해결할 수 있습니까?

성능 문제

모바일 데이터는 가격이 비싸기 때문에 투자를 했다면 수익률은 문제가 되지 않았을 것이다. 새로운 앱을 다운로드할 때 사용자는 앱을 찾는 번거로움, 대기, 변경 사항에 대한 적응 및 저장과 같은 여러 비용을 인지할 수 있습니다. 또한 새로운 앱이 어떤 것인지 확인하기 위해 새로운 앱을 사용해 보라고 요청하는 것도 어렵습니다. 기본 앱을 통해 새로운 잠재고객을 유치한다는 아이디어는 다소 까다로워 보였습니다.

대부분의 경우 사용자는 요청을 처리하기 위해 활성 연결이 필요합니다. 그러나 특히 검색, 체크아웃 또는 그 사이의 세션 중간에 이동해야 하는 경우 강력한 4G가 있는 영역에서도 네트워크가 신뢰할 수 없는 경우가 있습니다.

바쁜 생활을 할수록 필요한 인터넷 중단이 줄어듭니다. 수요를 인식한 Trivago는 눈에 띄는 솔루션을 찾기 시작했습니다. 결국 모든 단서가 그들을 PWA로 이끌었습니다.

그들은 PWA가 홈 화면 바로 가기, 전체 화면 보기, 스플래시 페이지, 푸시 알림 및 오프라인 액세스와 같은 기본 앱의 기능으로 오래된 모바일 웹에 새로운 분위기를 불어넣을 수 있다는 것을 알고 있었습니다.

그러나 그들은 백그라운드 동기화 API의 빌드 덕분에 PWA가 중단되는 네트워크를 통해서도 사용자에 대한 완벽한 A/B 테스트를 시작할 수 있다는 것을 처음에는 몰랐습니다. 따라서 그들은 통합을 거의 거부했습니다.

PWA의 한 가지 특별한 점은 부분적으로 개발이 가능하고 필수 조건이 뒤따를 수 있다는 것입니다. PWA의 전체 아이디어는 최신 웹 앱 기술을 채택하여 판매자와 사용자 모두에게 이익이 되는 것을 만드는 것입니다.

Trivago를 사용하여 사용자에게 가장 도움이 되는 성능 영역을 사용하기로 결정했습니다. 먼저 네트워크 외부 액세스에 초점을 맞춘 다음 팝업 메시지와 홈 화면 바로 가기에 중점을 둡니다.

디자인 문제

사이트를 재구성할 때 가장 어려운 점은 점유된 기존 패턴과 기능적으로나 시각적으로 일치하면서도 동시에 더 잘 사용할 수 있도록 끌어올리는 사용자 인터페이스를 만들어야 한다는 것입니다. 모바일에서 새 사이트가 불가지론적으로 실행되고 혼동되지 않도록 하는 데 또 다른 문제가 발생합니다.

Trivago 디자이너인 Laura Oades는 PWA를 통해 PWA가 획득한 "디자인의 미개척 영역"을 해결하고 아직 발견되지 않은 새로운 표준에 도달하기 위해 크리에이티브가 스스로 도전할 수 있는 "진정한 기회"라고 말했습니다.

트리바고 PWA의 영향

Trivago PWA는 현재 55개국에서 33개 언어로 제공됩니다. 50만 명이 넘는 사람들이 홈 화면에 Trivago 아이콘을 사용했고 많은 사람들이 이러한 변화에 깊은 인상을 받았습니다.

홈 화면에 Trivago를 추가한 사람들의 참여 수준은 150% 증가했으며 사용자의 반복 방문은 PWA에서 두 배로 증가했습니다.

Google Lighthouse는 Trivago PWA에 상당히 좋은 점수를 주었습니다. First Contentful Paint와 First meaningful Paint는 모두 빠르며 2.12초만에 로드됩니다. 그러나 Trivago PWA는 11.58초라는 견고한 시간이 걸렸습니다. 페이지가 사용자와 상호작용하기에는 너무 길었습니다.

오프라인 액세스는 아직 채택자의 3%로 제한적으로 사용되었습니다. 그러나 두 사용자가 이 기능을 기대하기 시작하면서 시간이 지남에 따라 성장률이 크게 바뀌었고 Trivago 팀에서 이 기능을 잘 홍보했습니다.

특히 세션이 중단된 경우 연결이 끊어진 상태에서 저장된 진행률의 가치로 충분합니다. 데이터에 따르면 오프라인 모드에 액세스한 사용자의 67%는 인터넷이 다시 등장했을 때 사이트를 다시 방문했습니다.

모든 성과와 문제를 재고해야 하는 상황에서 Trivago PWA는 호텔 제안에 대한 클릭을 97% 증가시켰습니다. 주요 전환이 발생하면 성공적인 전환이 아니라고 말할 수 없습니다.

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

PWA 활용을 위한 Trivago 전략

Trivago는 그들이 무엇을 찾고 있는지 알고 있었습니다. 첫째, PWA는 여러 기능이 문제에 대한 완벽한 솔루션인 것처럼 보였을 때 그들의 눈을 사로 잡았습니다.

그들은 오프라인 모드를 주도할 새로운 기술을 찾고 있었습니다. 그런 다음 그들은 좋은 첫인상이 없으면 사용자가 일년에 여러 번 사용하는 앱을 설치하는 데 신경 쓰지 않을 것이라는 것을 깨달았습니다.

네이티브 앱의 동작을 모방할 수 있지만 검색 가능성과 더 높은 가시성으로 더 나은 브라우저를 개발하려는 아이디어가 바로 그때였습니다. Trivago는 모든 장치에서 동일한 경험을 보장하기 위해 표준 모바일 브라우저를 통한 접근성 요소를 진지하게 고려했습니다.

마지막으로 Trivago와 같은 기술 기반 회사는 시간에 민감하기 때문에 오프라인 사용, 푸시 알림 및 홈 화면 프롬프트에 추가와 같은 가장 중요한 기능을 먼저 구축하고 출시하기 위해 모든 노력을 기울입니다.

전반적으로 이 전략을 통해 PWA와 같은 일상적인 웹 앱 기술에 대한 막대한 투자와 인적 자원 수집의 부담을 덜고 더 빠르게 혁신할 수 있었습니다.

프리미엄 타이그렌 PWA 서비스

타이그렌 PWA 솔루션

PWA로 고품질 사용자 경험을 만들기 위해 프리미엄 PWA 서비스를 고려합니다. 프리미엄 리그를 언급할 때 서비스 가격만 언급하는 것은 절대 아닙니다. 대신, 우리는 군중에서 눈에 띄는 데 도움이되는 독점적 인 기능에 대해 이야기하고 있습니다.

Tigren은 다른 PWA 개발 회사보다 약간 높은 비용을 청구하지만 우리의 견적은 비싸거나 불합리한 것과는 거리가 멉니다. 그것은 당신이 대가로 받게 될 것보다 훨씬 적은 가치가 있습니다. 우리는 고객과 장기적인 관계를 유지하고 고객이 성장함에 따라 성장하는 것을 목표로 합니다.

전체 프로그레시브 웹 앱 개발, 부분적 사용자 정의 개발, 최적화 및 유지 관리 또는 즉시 사용 가능한 프리미엄 프리미엄 PWA 솔루션에 대한 도움을 요청할 수 있습니다.

Tigren PWA를 선택하는 이유

역동적인 베트남 국가에 기반을 둔 Tigren은 10년 이상 글로벌 중소기업에 고품질 전자 상거래 솔루션을 제공하기 위해 노력해 왔습니다. Tigren은 Magento 플랫폼을 전문으로 합니다. 우리는 PWA의 잠재력을 인식하고 2015년부터 기술을 연구하고 잘 갖추고 있습니다.

우리는 잘 훈련되고 경험이 풍부한 젊은 인재들로 구성된 팀으로 다양한 시간대에 걸쳐 일하면서 우리 안의 최고를 발견하고 활용합니다.

그렇기 때문에 우리는 모든 프로젝트에서 항상 최선을 다하고 있으며 프로젝트에 따라 최소 3~12개월의 무료 지원을 받을 수 있습니다.

주요 내용

대부분의 활동이 온라인으로 이루어지고 웹사이트가 사치품이 아닌 상품이 되는 미래에 PWA는 판매자와 사용자의 가치를 위한 경제적인 솔루션이기 때문에 필수적인 것으로 밝혀졌습니다. Trivago PWA의 혁신 사례를 보면 얼리 어답터가 얼마나 중요한지 알 수 있습니다.

이러한 모든 새로운 기술이 발전함에 따라 우리는 귀하가 그 잠재력을 가장 먼저 사용하고 더 많은 사람들에게 우리의 사명을 전달하기를 바랍니다.