trivago_logo

프로그레시브 웹 앱 (PWA, Progressive Web Apps ) 도입사례(3) : Trivago

다음 10억 명의 사용자를 위해, 트리바고는 모바일의 미래로 점진적인 웹 앱(progressive web apps)을 수용합니다.

(The next billion users: trivago embrace progressive web apps as the future of mobile)

 

2017 년 9 월 앱, 모바일, 여행

 

요약

Trivago 는 PWA를 도입하여, 홈화면 추가하는 사람들의 숫자가 150%중가하는 것을 보았습니다. 참여도가 높아짐에 따라 호텔 쿠폰에 대한 클릭수는 97% 증가하였습니다.

탐색하는 동안 오프라인 상태가 되었던 사용자도 계속 사이트에 액세스 할 수 있으며 67%는 온라인 상태가 되면 사이트를 계속 탐색하는 결과를 얻었습니다. 

 

상세

트리바고는 호텔, 호스텔 등 다양한 숙박시설의 요금을 비교하는 독일의 메타서치엔진이다. 트리바고에서는 250개 이상의 호텔예약사이트 를 바탕으로 전 세계 250만개 이상의 호텔요금을 비교하며 월 평균 1억 2천만명의 방문자가 웹사이트를 이용한다.( 출처 :  위키백과 )

스마트 폰이 앞으로 수년 내에 10 억 명의 사용자를 온라인으로 끌어들여 올 것이므로 trivago는 더 좋고 안정적인 모바일 환경을 만들기 위해 Progressive Web Apps에 투자하였습니다.  (With smartphones set to bring another billion users online in the next few years, trivago invest in Progressive Web Apps to create a better, more stable mobile experience.)

세계 최고의 호텔 검색 엔진 중 하나 인 trivago는 오랜 혁신의 역사를 가지고 있습니다. 2005년 독일에서 설립 된 이 브랜드는 이후 1000 명 이상의 직원이 근무하는 회사로 성장하여 2016 년 12 월 NASDAQ 증권 거래소에 상장되었습니다. “우리는 기술 회사이며 우리는 최신 방법과 도구를 사용하여 서비스 를 향상시키는 것에 열정적입니다. “라고 trivago의 PWA 및 프론트 엔드 개발자이며 프로젝트 리더인인 Tom Dwyer는 말합니다. 

“우리는 사용자가 여행할 이유가 무엇이든간에 머물 장소를 찾을 필요가 있을 때마다 사용자의 곁에 있고 싶습니다.  따라서 모든 중요한 장치와 플랫폼에서 그것이 가능하도록 우선 순위를 두는 것이 중요합니다.

동영상 재생여행 가이드 – 차세대 모바일 웹 구축

여행은 지난 20 년 동안 인터넷의 부상으로 심한 혼란을 겪은 산업입니다. 이것은 앞으로 나아갈 수 있도록 신기술을 고수하는 것이 중요하다는 사실을 깨닫게 해줍니다. 최근 몇 년 동안 모바일 기기와 관련하여 전 세계적으로 가장 인기있는 온라인 수단인 스마트 폰의 등장보다 더 의미있는 변화는 없었습니다. 이미 데스크톱 및 랩톱 컴퓨터보다 모바일 장치를 통해 서비스에 액세스하는 사용자가 늘어나고 신흥 시장에서 스마트 폰을 사용하여 온라인으로 접속하는 사용자 수가 10 억을 넘으면서 비즈니스에서 지속적인 성공은 모바일에서의 성공을 의미합니다. 

모바일 기기의 보편화는 성장잠재력을 가지고 있는 트리바고라는 브랜들를 제공하지만, 기회는 도전없이 존재하지 않습니다. 모바일 데이터는 종종 비싸기 때문에 필요한 서비스를 제공하는지 여부를 알기 위해 사용자가 네이티브 앱(native app)을 다운로드하는 데 드는 비용을 항상 수락하지는 않습니다. 사용자 경험은 종종 활성 데이터와의 연결에 의존하는데 이것들은 신뢰할 수없는 네트워크로 인해 쉽게 손상 될 수 있습니다. 견고한 4G 국가에서도 사용자는 엘리베이터에서 또는 지하 여행시 신호를 잃어 연결세션이 끊어지거나 검색 실패 및 트랜잭션 중단이 발생할 수 있습니다. 이 모든 것이 잠재적인 사용자 좌절을 불러 일으키고 좌절한 사용자는 충성도가 높은 고객으로 전환하기가 어렵습니다. 

이러한 새로운 파동의 물결에 앞서 갈 필요가 있음을 의식한 trivago는 해결책을 찾기 시작했습니다. 일반 모바일 브라우저을 이용하여 검색을 하면서도, 프로그레시브 웹 앱 (Progressive Web Apps (PWAs)은 모바일 웹 사이트에 오프라인에서도 액세스 가능, 푸시 알림 및 홈 화면 바로 가기와 같은 기본 앱의 기능 대부분을 제공 할 수 있습니다.  

Dwyer는 “이 새로운 모바일 사이트 표준은 Google Maps와 같은 Web 2.0 사이트의 상호 작용을 하는 AJAX (Asynchronous JavaScript and XML)가 수행하는 모바일 사용자 경험을 위해 설정되었습니다. “우리가 새로운 콘텐츠를 검색하는 동안 웹 사이트를 계속 새로 고침해야 하는 것을 더 이상 받아들이지 않는 것처럼 PWA의 완벽한 기능을 경험하는 모바일 사용자는 불안정한 무선 수신이나 불량한 모바일 수신에 관계없이 신속하게 이미 방문했던 사이트가 정상적으로 작동되기를 기대합니다.”

처음으로 프로그레시브 웹 앱을 알게되었을 때 그들은 중단된 모바일 연결을 사용하는 사용자에 대해 효과적인 A / B 테스트를 실행할 수 없었기 때문에 처음에는 이 기술을 추구하지 않았습니다. 그러나 Background Sync API가 개발됨에 따라이 문제는 해결되었으며 개발자와 함께 소규모 팀이 PWA 기능의 첫 번째 부분을 구현하기 시작했습니다. Trivago는 하나의 릴리스에서 전체 기능 세트 모두를 구축하는 대신 오프라인 액세스, 푸시 알림 및 홈 화면에 추가하기와 같은 기능들(이러한 기능들이 사용자에게 가장 가치있는 기능이라고 생각합니다.)을 추가하는데 촛점을 맞추었습니다.  “이것들을 배치해보면, 기존에 것들과의 충돌을 빨리 볼 수 있었습니다. “라고 Hotelsearch Tech의 책임자 인 Klaus Kolitz가 말했습니다.

디자인 관점에서 볼 때 PWA 디자이너 인 Laura Oades는 팀이 직면한 가장 큰 도전은 향상된 기능은 직관적으로 알아볼 수 있으면서도 쉽게 찾을[검색할] 수 있도록 만들면서도, 기존의 모바일 사이트의 전통적인 방식과 일치하는 사용자 사용환경을 만드는 것이었습니다. 

“모바일에서는 플랫폼에 무관심하고 혼란스럽지 않은 UI(사용자 사용환경)를 만드는 문제가 추가됩니다.”라고 Oades는 덧붙였습니다. “PWA는 디자인 분야에서 대부분 비판적인 영역이며 창조적인 문제 해결자를 위한 기회는  새로운 표준을 정의하기 위해 스스로를 확장 할 수 있는 기회라는 점입니다.”

 

결과

trivago의 PWA 웹 사이트는 현재 55 개국 33 개 언어로 제공됩니다. 새로운 기능의 도입은 인상적이었습니다. 50 만 명이 넘는 사람들이 (스마트폰)홈 화면에 trivago 사이트를 추가했습니다. 홈 화면 homescreen 을 추가하는 사용자의 참여도는 이전 모바일 사이트 사용자의 경우 평균 0.8 회 방문에서 PWA 사용자의 방문에서는 150 % 증가했습니다. 새롭고 진화된 사이트 이전에는 이메일을 통한 방법이 사용자를 재 참여시키는 유일한 방법 이었지만 푸시 알림 가입으로 이메일 구독이 줄어들었지만 브랜드에는 새로운 가치있는 홍보 수단이 되있습니다. 이와 같이 강화된 참여로 인해 전환율이 향상되어 PWA 사용자를 위한 호텔 제안에 대한 클릭 수가 97 % 증가했습니다.

오프라인 액세스는 상대적으로 (크기·가격·중요성 등이) 그다지 대단하지는 않습니다. 현재 개발중인 시장에서의 Trivago의 존재감이 커지고 있고 사용자가 이 기능을 기대하면서 시간이 지남에 따라 성장할 것으로 예상되지만,  현재 이 기능을 사용하는 사용자는 약 3 %에 불과합니다. 세션 중에 오프라인 상태가 되는 방문자에게 사이트에 계속 액세스 할 수 있는 기능은 분명히 매우 중요합니다. 오프라인으로 세션(연결)이 중단된 사용자 중 온라인이 되면, 다시 방문하는 사용자 67 %는 사이트 탐색을 계속합니다.

Rolf Schrömgens 공동 창업자 겸 전무 이사가 말했습니다. “우리는 언제나 우리가 얼마나 빨리 성장하고 있으며 얼마나 빨리 배우고 있는지 자랑스럽게 생각합니다. 그리고 이러한 모든 신기술이 진화하면서, 우리는 그것들의 잠재력을 최대한으로 활용하고 더 많은 사람들에게 우리의 사명을 전하고자합니다. “

 

 

참고자료  : 1. The next billion users: trivago embrace progressive web apps as the future of mobile