• Home
  • Blog
  • 22 firmy, które wdrożyły PWA — jak skorzystać z ich doświadczenia

DLA CEO, E-COMMERCE, TECHNOLOGIE

21.10.2021 - Przeczytasz w 17 min.

22 firmy, które wdrożyły PWA — jak skorzystać z ich doświadczenia

21.10.2021 - Przeczytasz w 17 min.

Przygotowałem kilkadziesiąt przykładów znanych marek, które wdrożyły PWA w swoich rozwiązaniach webowych i uzyskały fascynujące rezultaty. Więcej statystyk w artykule.

22-companies-using-pwa

Obecnie żyjemy w erze komunikacji mobilnej, stale wzrasta liczba urządzeń przenośnych wykorzystywanych w wielu branżach i nic nie zapowiada odwrócenia tego trendu. Od sektora e-commerce po komunikatory, od mediów społecznościowych przez bankowość i turystykę, aż po opiekę zdrowotną – wykonywanie czynności na odległość i z dowolnego miejsca jest ogromną zmianą w naszym życiu.

Biorąc pod uwagę rozwój Internetu satelitarnego, takiego na przykład jak Starlink firmy SpaceX, będziemy wkrótce mogli połączyć się z siecią internetową nie tylko w pobliżu zwykłych wież szerokopasmowych, ale także z najbardziej odległych miejsc na naszej planecie.

No cóż, jak widać żadna z firm nie może ignorować swojego mobilnego rozwoju jeśli chce przetrwać i być konkurencyjna. A ponieważ jestem optymistą, to wierzę, że i Ty, mój drogi czytelniku, chcesz mieć pewność, że zapewniane przez Ciebie mobile user experience, niezależnie od tego, czy jesteś właścicielem firmy, czy osobą odpowiedzialną za stronę technologiczną, są na równi z liderami branży.

Zanurzmy się zatem w świecie progresywnych aplikacji internetowych (ang. PWA), choć nie brzmi to tak epicko, jak myślałem…

Czym jest PWA?

PWA to skrót od progressive web app i, krótko mówiąc, oznacza on stronę internetową, która została stworzona przede wszystkim z myślą o urządzeniach mobilnych. Może ona pełnić funkcję aplikacji o wydajności zbliżonej do regularnej przeglądarki internetowej na tym urządzeniu.

Termin ten został po raz pierwszy wprowadzony w 2015 roku przez projektantkę Frances Berriman i inżyniera Google, Alexa Russella. W tym samym roku Google położyło duży nacisk na wprowadzenie PWA na Androida, a reszta to już historia. Technologia szybko zintegrowała się ze środowiskiem sieciowym i mobilnym.

Ponieważ tym artykułem chcę otworzyć cykl materiałów o tematyce progresywnych aplikacji internetowych, to w nadchodzących artykułach skupię się na samej technologii.

Dzisiaj przyjrzymy się liście 22 znanych marek, które wdrożyły PWA w swoich strategiach internetowych i dla których ta decyzja okazała się strzałem w dziesiątkę.

Case study Facebook’a

Facebooka raczej nie trzeba nikomu przedstawiać – każdy z nas korzystał z niego przynajmniej raz w życiu. Według Statista od lipca 2021 roku 81,8% użytkowników Facebooka korzysta z platformy tylko za pośrednictwem telefonu komórkowego, nie znając nawet jej wersji na komputery stacjonarne. Tak jest w przypadku większości firm działających na rynku mediów społecznościowych.

Facebook od dłuższego już czasu bawił się PWA, by ostatecznie, w 2019 roku, zaoferować swoim użytkownikom niezapomniane wrażenia na różnych urządzeniach.

Facebook's PWA app

W tym samym roku wydali również wersję beta swojej wcześniej wycofanej aplikacji stacjonarnej. Tym razem jest to jednak aplikacja oparta na PWA wykorzystująca możliwości Microsoft Edge i zgodnie z opiniami użytkowników – oferująca lepszą wydajność niż otwieranie Facebooka w oknie zwykłej przeglądarki.

Podsumowując, choć firma oferuje różne doświadczenia na urządzeniach przenośnych w postaci aplikacji natywnych Facebook i Facebook Lite, wyraźnie kontynuuje eksplorację możliwości, jakie daje technologia PWA.

Case study PWA Tindera

Tinder to aplikacja o mieszanej reputacji co do swojego głównego celu. Do niedawna oferowała rozwiązanie tylko na urządzenia przenośne, ale obecnie zapewnia swoim użytkownikom doświadczenie wykraczające poza ich aplikacje natywne — platformę internetową opartą na PWA.

Co ciekawe, po uruchomieniu swojej aplikacji webowej, która waży zaledwie jedną dziesiątą tego, co aplikacja natywna, co typowe dla PWA, zauważono, że nowe rozwiązanie generuje lepsze wyniki:

  • użytkownicy Tinder’a przesuwają profile częściej w swojej aplikacji internetowej;
  • wysyłają więcej wiadomości;
  • częściej edytują swoje profile;
  • czasy trwania sesji online są dłuższe.

Pokazuje to, że nie należy przeceniać znaczenia aplikacji natywnych, odrzucając jednocześnie potencjał aplikacji webowych PWA. Tylko 3 miesiące zajęło Tinderowi zbudowanie MVP opartego na React, które przewyższa ich aplikacje natywne.

Jeśli chciałbyś dowiedzieć się więcej o technicznych szczegółach tego, jak dokładnie podeszli do tematu opracowania swojego MVP, odsyłam Cię do bardzo interesującego artykułu autorstwa Addy Osmani.

Case study PWA Flipkart

Świetne wyniki nie kończą się na przykładzie Tindera. Flipkart — jedna z największych indyjskich platform e-commerce — zdecydowała się w 2015 roku oprzeć swoją interakcję z użytkownikami wyłącznie na aplikacjach, zamykając mobilną wersję swojej witryny i przekierowując wszystkich do swoich aplikacji mobilnych. Coraz trudniej było im zapewnić użytkownikom nienaganne doświadczenie w mobilnej wersji internetowej ich platformy, zwłaszcza w porównaniu z tym, co może zaoferować natywna aplikacja mobilna.

Wkrótce decyzja została cofnięta, ponieważ ich uwagę przykuło nowe podejście do tworzenia aplikacji internetowych — progresywna aplikacja internetowa. Ostatecznie doprowadziło to do wprowadzenia aplikacji Flipkart Lite oferującej wrażenia charakterystyczne dla rozwiązań natywnych w przeglądarkach internetowych użytkowników.

W rezultacie nowo stworzona aplikacja PWA Flipkart z łatwością przewyższała parametry wersji mobilnej poprzedniej strony:

  • 3-krotny wzrost czasu spędzanego na stronie
  • o 40% wyższy wskaźnik aktywności
  • o 70% wyższy współczynnik konwersji wśród użytkowników korzystających z opcji „dodaj do ekranu głównego”
  • 3x mniejsze zużycie danych

„Wiemy, że każdy musi tworzyć doświadczenia z myślą o urządzeniach mobilnych. Dzięki Flipkart Lite opracowaliśmy potężną, zaawansowaną technicznie aplikację internetową, która działa równie dobrze jak nasza aplikacja natywna. Teraz czujemy, że czerpiemy to, co najlepsze z obu światów.”

Amar Nagaram, dyrektor techniczny Flipkart

Case study PWA Forbesa

W 2016 roku Forbes, ogólnoświatowa spółka medialna i międzynarodowy magazyn, znany był z dość kiepskiego doświadczenia użytkownika w obrębie całej swojej platformy internetowej, a oprócz tego został oznaczony przez Google i umieszczony na liście witryn z „awaryjnymi” reklamami.

Wprowadzenie nowych rozwiązań opartych na PWA doprowadziło do tego, że w styczniu 2017 roku Forbes zaprezentował swoją opartą na nowym rozwiązaniu witrynę wąskiemu gronu swoich globalnych użytkowników.

Według Salaha Zalatimo, dyrektora do spraw zarządzania produktem i technologią w Forbes, przejście na PWA przyniosło firmie wydłużenie czasu na sesji do 40%, pozwoliło zwiększyć o 15% liczbę przeglądanych stron na sesję oraz zmniejszyć o 20% liczbę użytkowników, którzy przeczytaliby jedynie ćwierć artykułu i opuścili stronę. Liczba wyświetleń na sesję wzrosła o 10%, a szybkość ładowania spadła z 6,5 do zaledwie 2,5 sekundy, co daje skrócenie czasu na załadowanie strony o 160%.

Case study PWA Pinterest

Pinterest to popularna platforma społecznościowa do udostępniania zdjęć. Według danych z marca 2021 roku, liczba aktywnych użytkowników Pinteresta na całym świecie wynosiła każdego miesiąca 478 milionów. Zgodnie z oczekiwaniami, ponad 80% tych osób uzyskuje dostęp do platformy ze swoich urządzeń przenośnych, co byłoby niemożliwe do osiągnięcia, gdyby firma zignorowała potencjał tkwiący w aplikacji opartej na PWA.

W 2017 roku, po tym, jak zespół Pinteresta zdecydował się na przeanalizowanie nieuwierzytelnionych użytkowników mobilnych platformy, odkryli z przerażeniem, że z powodu przestarzałego mobilnego środowiska internetowego zaledwie 1% ich użytkowników zarejestrował się w serwisie, zalogował w nim lub zainstalował aplikację natywną.

Sytuacja była zła. A przez sformułowanie „zła” mam na myśli „naprawdę zła”.
Odwiedzający Pinterest często musieli czekać 23 sekundy, zanim jakikolwiek interfejs w ogóle zadziałał, a to prawie pół minuty!

Addy Osmani porównał zmiany w wydajności platformy po wprowadzeniu PWA.

Aby uzyskać więcej informacji technicznych, zapoznaj się z jego szczegółową analizą.

Case study PWA AliExpress

To, co zaczęło się jako platforma e-commerce B2B, stało się jedną z najpopularniejszych platform sprzedaży detalicznej B2C na świecie. Decyzja o zapewnieniu klientowi przyjaznego mobile user experience była dla firmy tylko kwestią czasu. Biorąc pod uwagę, że m-commerce rozwija się szybciej niż jego odpowiednik dostosowany do urządzeń stacjonarnych, AliExpress zbudowało zarówno aplikacje mobilne, jak i mobilną wersję strony internetowej.

Dla AliExpress wyzwaniem stało się, by ich witryna mobilna była tak szybka i wciągająca, jak ich aplikacje mobilne.

Aby temu zaradzić, AliExpress postanowiło opracować wieloplatformową aplikację PWA, która oferowałaby typową dla rozwiązań natywnych wydajność aplikacji mobilnych w przeglądarkach, a także by była w pełni zgrana z ich platformą internetową.

W rezultacie:

  • o 104% wzrost konwersji dla nowych użytkowników we wszystkich przeglądarkach;
  • o 82% wzrost współczynnika konwersji na iOS;
  • 2 razy więcej odwiedzanych stron na sesję na użytkownika we wszystkich przeglądarkach;
  • o 74% dłuższy czas spędzony na sesji we wszystkich przeglądarkach.

„Jednym z powodów, dla których zbudowaliśmy progresywną aplikację internetową, była możliwość inwestowania w środowisko internetowe we wszystkich przeglądarkach. Nie tylko zauważyliśmy ogromne korzyści w przeglądarkach obsługujących najnowsze funkcje, ale także zauważyliśmy poprawę we wszystkich obszarach naszej działalności. To znak świetnej inwestycji, zyski z której będą współmierne do tempa rozwoju przeglądarek.”

— Lijun Chen, dyrektor Mobile w AliExpress

Case study PWA Google Maps Go

Google Maps Go to próba dostosowania przez Google jednej z kluczowych usług na urządzenia z niższej półki, które również miały otrzymać lżejszą wersję systemu operacyjnego Android — Android Go.

Według statystyk ze Sklepu Play, Google Maps Go zostało już pobrane ponad 500 milionów razy i zawiera wszystkie funkcje, których można oczekiwać od usług Google Maps. Dla mnie wygląda to jak sukces.

Krótko podsumowując, PWA Google, wygląda na to, że opracowało wersję Go prawie wszystkich swoich produktów, w tym Gmail Go, YouTube Go, Assistant Go, itd.

Case study PWA Ubera

Światowa ekspansja to swoista wizytówka Ubera. Według Angusa Crolla, inżyniera z zespołu Uber Web Platform Team, firma musiała zbudować mobilną wersję internetową swojej platformy, aby zapewnić przyzwoite wrażenia użytkownikom zarówno na urządzeniach z niższej półki, jak i w miejscach ze słabym połączeniem internetowym, gdzie dominuje sieć 2G.

Z oczywistych powodów ich natywne aplikacje nie chciały współpracować, więc opracowali m.uber, znany też pod nazwą Moo-ber.

Aby działała w sieciach 2G, aplikacja musiała być super lekka. Właśnie to oferuje PWA. W rezultacie, gdy zespół zakończył opracowywanie aplikacji PWA, rozmiar jej podstawowych pakietów „zamów przejazd” wynosił tylko 50 kB, co oznaczało tylko 3 sekundy czasu ładowania przy przeciętnej łączności sieciowej 2G. Bardziej szczegółowy opis techniczny znajdziesz na blogu Moo-ber’a.

Case study PWA Trivago

„Chcemy być do dyspozycji naszych użytkowników zawsze wtedy, gdy szukają noclegu, niezależnie od celu podróży. Dlatego naszym priorytetem jest obecność na wszystkich urządzeniach i platformach, które mają znaczenie.”

— Tom Dwyer, kierownik projektu dla PWA i Frontend Developer w Trivago

Twórcy jednej z największych na świecie wyszukiwarek hoteli, Trivago, zauważyli w 2017 roku, że użytkownicy urządzeń mobilnych generują większy ruch niż użytkownicy laptopów czy komputerów stacjonarnych.

Wśród niektórych bardziej ogólnych problemów, takich jak utrata sygnału w windach lub metrze, które skutkowały przerwaniem sesji i brakiem wyników wyszukiwania, co z kolei prowadziło do frustracji użytkowników, zespół Trivago zdawał sobie sprawę z tego, że czymś nierealnym byłoby oczekiwanie od nowych użytkowników, że natychmiast pobiorą ich aplikacje natywne, bez możliwości wcześniejszego przetestowania ich usług. Wtedy podjęto decyzję o wypróbowaniu PWA.

W konsekwencji:

  • aplikacja internetowa Trivago PWA została wydana w 2017 roku w 33 językach i w 55 krajach;
  • ponad 500 000 użytkowników dodało PWA do swoich ekranów głównych;
  • aktywność użytkowników, którzy dodali aplikację do swoich ekranów głównych, wzrosła o 150% — z średnio zaledwie 0,8 ponownych odwiedzin w przypadku użytkowników starej wersji witryny mobilnej do 2 ponownych odwiedzin w przypadku użytkowników PWA;
  • o 97% wzrost liczby kliknięć w oferty;
  • spośród 3% użytkowników, którzy w danym czasie korzystali z funkcji offline, 67% kontynuowało przeglądanie platformy

Case study PWA The Washington Post

W 2015 roku The Washington Post dołączył do trendu i wraz z innymi wydawcami i firmami technologicznymi rozpoczął pracę nad projektem Accelerated Mobile Pages Project (ang.: projekt przyspieszonych stron mobilnych), czyli po prostu AMP. The Washington Post był jednym z pierwszych dużych serwisów informacyjnych, które przekształciły swoją witrynę w progresywną aplikację internetową (PWA).

Dla The Post było oczywistym, że użytkownikom mobilnym należało zapewnić doskonałe doświadczenie czytania online, ponieważ prawie 55% ruchu na platformie było już generowane przez urządzenia mobilne, a nie komputery stacjonarne.

Wdrożenie PWA pozwoliło im osiągnąć wyniki, które mówią same za siebie:

  • o 23% wzrost liczby użytkowników wyszukiwarki mobilnej, którzy powrócili do The Washington Post w ciągu 7 dni;
  • średni czas ładowania – 400 milisekund, czyli o 88% szybszy niż ich stara mobilna wersja strony internetowej.

Case study PWA Twittera

Twitter to prawdopodobnie najszybsza platforma na rynku mediów społecznościowych. Ich decyzja o przejściu na PWA zapadła w 2017 roku. Zespół Twittera szukał wówczas sposobów na integrację funkcji internetowych z natywnymi aplikacjami mobilnymi w znacznie lepszym środowisku mobilnym, gdyż ponad 80% ich użytkowników i tak korzystało z urządzeń przenośnych, by połączyć się z platformą.

Tak powstała aplikacja Twitter Lite.

„Twitter Lite jest teraz najszybszym, najtańszym i najbardziej niezawodnym sposobem korzystania z Twittera. Aplikacja internetowa dorównuje wydajnością naszym natywnym aplikacjom, ale wymaga mniej niż 3% miejsca na urządzeniu w porównaniu z Twitterem na Androida.”

— Nicolas Gallagher, kierownik ds. inżynierii Twitter Lite

Na wyniki nie trzeba było długo czekać:

  • o 65% wzrost liczby stron na sesję;
  • o 75% wzrost liczby wysyłanych tweetów;
  • o 20% spadek współczynnika odrzuceń;
  • 250 000 indywidualnych użytkowników uruchamiało Twitter Lite ze swoich ekranów głównych średnio 4 razy dziennie;
  • o 70% spadek zużycia danych;
  • 10 mln codziennych powiadomień w trybie push;
  • aplikacja wymagała tylko 600 kB pobranych danych, zamiast 23,5 MB potrzebnych do zainstalowania natywnej aplikacji Twitter’a;
  • czas ładowania poniżej 5 sekund przy połączeniu z siecią 3G;
  • ładowanie strony poniżej 3 sekund po powrocie użytkownika do PWA, nawet na wolnych urządzeniach mobilnych lub sieciach;
  • 99% użytkowników Twitter Lite zauważyło, że opóźnienie zmniejszyło się o połowę;
  • czas wczytywania strony u zalogowanych użytkowników skrócił się o 30%.

Case study PWA Lancôme

Oto kolejny świetny przykład z sektora e-commerce. Lancôme – francuski dom luksusowych perfum i kosmetyków – odnotował w 2016 roku ruch mobilny, który przewyższył ruch na komputerach, co niestety oznaczało dla Lancôme znaczny spadek konwersji.

Po zbadaniu sprawy przez Lancôme okazało się, że gdy 38% koszyków na komputerach stacjonarnych sfinalizowało zakup, współczynniki konwersji mobilnej wynosiły tylko 15%. Po dokładniejszej analizie wyszło na jaw, że korzystanie z urządzeń mobilnych dostarczała problemów, z którymi większość potencjalnych klientów po prostu nie chciała się borykać.

Po namyśle i poszukiwaniu możliwych rozwiązań, Lancôme zdecydowało się nie tworzyć natywnej aplikacji mobilnej (zakładając, że tylko stali klienci pobiorą kolejną taką aplikację) a po prostu wprowadzić jedynie kosmetyczne (czyżby przypadkowa gra słów?) poprawki do tego, co już mieli. Okazało się to wyjściem z sytuacji. Stąd decyzja o przejściu na PWA.

Oto, co zyskali z tej decyzji:

  • o 4% krótszy czasu do momentu, gdy strona stanie się interaktywna;
  • o 17% więcej konwersji;
  • o 15% spadek współczynnika odrzuceń;
  • o 51% więcej sesji mobilnych;
  • o 53% więcej sesji mobilnych na iOS;
  • o 10% mniej odrzuceń na iOS;
  • 8% konsumentów, którzy kliknęli powiadomienie push, dokonuje zakupu;
  • 18% otwarć z powiadomień push;
  • o 12% więcej konwersji dzięki koszykom odzyskanym za pośrednictwem powiadomień push.

Case study PWA Starbucks

Starbucksa nikomu nie trzeba przedstawiać. W 2015 roku firma wypuściła aplikację do składania zamówień mobilnych na iOS, a z upływem czasu planowała rozszerzyć funkcjonalność swojej strony internetowej w tym samym celu. Starbucks zaczął rozważać wdrożenie progresywnej technologii aplikacji internetowych i zastosować ją na każdym polu działalności.


Jednym z czynników, nad którym pracowali, był uniwersalny dostęp do ich usług zarówno na rynkach wschodzących, gdzie łączność internetowa może być ograniczona w przypadku zwykłego przeglądania stron internetowych, jak i dla osób podróżujących do pracy, w szczególności w miejscach takich jak metro, gdzie istnieje ryzyko utraty połączenia internetowego.

Potrzebowali funkcji offline, a PWA to najlepszy jej przyjaciel.

Po ukończeniu prac nad aplikacją, PWA Starbucks’a była:

  • o 99,84% lżejsza od natywnej aplikacji na iOS (233 kB w porównaniu do 148 MB);
  • dostępna na platformach Android i iOS.

Case study PWA BookMyShow

BookMyShow — największa indyjska firma sprzedająca bilety, z ponad 50 milionami odwiedzających miesięcznie w 2017 roku, odnotowuje stały wzrost liczby odbiorców mobilnych, która ostatecznie prześcignęła regularny ruch na komputerach stacjonarnych. I podczas gdy tak się działo, podobnie jak w przypadku Lancôme, współczynniki odrzuceń nie były dla BookMyShow niczym przyjemnym, ponieważ ich mobile user experience i czas ładowania strony były dalekie od zadowalających.

Co więcej, ich istniejące aplikacje natywne wymagały dużej ilości danych i pamięci.

„Ludzie korzystali z natywnej aplikacji i byli z niej zadowoleni, ale ich głównym problemem było zużycie danych i zajmowana przez nią pamięć, a jeśli odinstalowali aplikację i próbowali korzystać z przeglądarki mobilnej, nie działało to w ten sam sposób.”

— Anish Tripathi, wiceprezes ds. projektowania w BookMyShow

Na szczęście z pomocą przyszła technologia. Po wprowadzeniu PWA, aplikacja BookMyShow:

  • zanotowała wykładniczy wzrost liczby rozmów mobilnych sięgający aż 80%;
  • ładowała się w mniej niż 3 sekundy;
  • umożliwiała realizację transakcji w zaledwie 30 sekund;
  • była 54-krotnie mniejsza w porównaniu z aplikacją natywną na Androida i aż 180-krotnie mniejsza niż aplikacja na iOS.

Case study PWA Debenhams

Debenhams to marka brytyjskiego sklepu internetowego , który podobnie jak w poprzednim przypadku napotkał wzmożony ruch w swojej witrynie mobilnej i spadające współczynniki konwersji mobilnych. Stało się oczywistym, że zmiana mobile user experience było dla Debenhams najwyższym priorytetem. Co ciekawe, firma posiadała już natywne aplikacje mobilne, ale nie cieszyły się one tak dużą popularnością jak jej strona mobilna.

Połączenie tych czynników przechyliło szalę na korzyść progresywnej aplikacji mobilnej, która byłaby w stanie zarówno poprawić ogólne wrażenia z przeglądania mobilnego, a także służyć jako aplikacja dla najbardziej lojalnych klientów.

W ciągu 4 miesięcy nowa aplikacja była gotowa do pełnienia swojej funkcji, a wyniki były następujące:

  • przychody generowane przez urządzenia przenośne wzrosły o 40%;
  • współczynniki konwersji wzrosły o 20%;
  • gwałtowny wzrost liczby zakupów dokonywanych w godzinach szczytu;
  • zakupów, od momentu przeglądania, dokonywano 2-4 razy szybciej.

Sukces ten dowiódł, jak dobrą decyzją było zainwestowanie w PWA. I to do tego stopnia, że zarząd Debenhams, szybko rozszerzył dostępność PWA na tablety i przeszedł do budowania ujednoliconego interfejsu, przekształcając swój pulpit w witrynę zasilaną przez PWA.

Case study PWA Alibaba

Alibaba – największa na świecie platforma handlowa B2B szukała sposobu na ulepszenie korzystania ze swojej witryny mobilnej. Niestety konwencjonalne metody nie przynosiły rezultatów, na które liczyli.

Klienci korzystali z mobilnej sieci Alibaba do odkrywania produktów i nie byli zbyt chętni do zostania natywnymi użytkownikami aplikacji. Pozostawali w swoich przeglądarkach

Aby zmienić to status quo, Alibaba zdecydowała się zbudować PWA, które zastąpiłoby zwykłą witrynę mobilną i zakładało ułatwienie użytkownikom mobilnym ponowne nawiązanie kontaktu z platformą, między innymi dzięki funkcji “Dodaj do ekranu głównego”.

Jak należy się do tej pory spodziewać, wyniki nie były najgorsze.

  • o 76% wzrost łącznej liczby konwersji w różnych przeglądarkach (przyjęta definicja konwersji: „konwersja odpowiada wizytom, które skutkują bezpośrednim kontaktem z dostawcą”);
  • o 14% więcej aktywnych użytkowników na iOS w miesiącu;
  • o 30% więcej aktywnych użytkowników na Androidzie w miesiącu;
  • 4x wyższe wskaźniki zaangażowania tych użytkowników, którzy dodali skrót do aplikacji Alibaba korzystając z opcji „dodaj do ekranu głównego”;
  • wskaźniki otwarć powiadomień push na stronie mobilnej PWA były takie same jak w natywnej aplikacji mobilnej.

Case study PWA BMW

W 2018 roku BMW zdecydowało się przebudować swoją witrynę mobilną, skupiając się na przyciągnięciu nowych entuzjastów motoryzacji za pomocą nowoczesnych rozwiązań mobilnych, napędzanych przez wysokowydajne technologie i oferujących doświadczenie użytkownika dorównujące temu, jakie gwarantują samochody BMW.

Aby osiągnąć wyznaczone cele, BMW wybrało ciekawy duet — AMP i PWA.

Przyjrzyjmy się najpierw AMP. Wspomniałem już o tej technologii pisząc o The Washington Post, ale tych, którzy chcieliby dowiedzieć się o niej więcej, przekieruję na ich oficjalną stronę. Wróćmy jednak do bieżącej sprawy.

Ponieważ czas ładowania strony miał kluczowe znaczenie dla zespołu BMW, potencjał AMP do skrócenia czasu ładowania strony do mniej niż pół sekundy był raczej pożądany. AMP został wykorzystany do zachęcenia odwiedzających (poprzez dostarczanie przydatnych i angażujących treści) w głąb ich witryny, która została następnie bezproblemowo przejęta przez platformę zasilaną PWA ze wszystkimi istotnymi korzyściami, takimi jak „dodaj do ekranu głównego”, powiadomienia push, itp. Duet sprawdził się i zapewnił BMW dobre wyniki:

  • czterokrotnie zwiększyła się liczba osób przechodzących z BMW.com na stronę sprzedaży BMW;
  • 4x szybsze ładowanie strony;
  • o 50% wzrost ruchu mobilnego;
  • podejście mobile-first prowadzi do wzrostu ruchu opartego na SEO o 49%.

Case study PWA MakeMyTrip

MakeMyTrip — wiodąca indyjska firma turystyczna. W 2017 roku zanotowała ponad 23 miliony pobrań aplikacji natywnych, co wygenerowało połowę wszystkich rezerwacji firmy.

Nie obyło się bez kilku problemów, z którymi należało się zmierzyć, a które wkrótce przekonałyby MakeMyTrip do wstąpienia w szeregi firm napędzanych PWA:

  • wielu indyjskich użytkowników telefonów komórkowych nie miało stałej łączności z Internetem, korzystało z telefonów z niższej półki i napotkało ograniczenia w transmisji danych;
  • koszt przyciągnięcia nowych klientów do strony mobilnej był znacznie niższy niż koszt wygenerowania większej liczby pobrań aplikacji;
  • zespół MakeMyTrip miał trudności z zaangażowaniem użytkowników mobilnych i podobnie jak zespół Alibaba, uważał swoją witrynę mobilną za bramę, którą użytkownicy spoza aplikacji przejdą do ich natywnych aplikacji mobilnych.

Wiemy już, że PWA bez problemu poradzi sobie z problemami, które napotkała firma. Oto wynik po jej zastosowaniu:

  • 3x wyższe współczynniki konwersji;
  • o 38% krótszy czas ładowania strony;
  • o 160% więcej sesji zakupowych;
  • o 30% więcej kupujących w ostatniej chwili;
  • o 24% zwiększyła się liczba miast, w których odnotowaliśmy aktywność użytkowników;
  • o 20% mniej odrzuceń;
  • 3x wyższy współczynnik konwersji wśród kupujących po raz pierwszy w porównaniu z aplikacją natywną.

Case study PWA Housing.com

Inny indyjski przykład dotyczy Housing.com – jednego z najlepszych indyjskich startupów. Jeśli miałeś okazję przeczytać mój poprzedni artykuł na temat znaczenia podejścia mobile-first, być może pamiętasz badanie Google dotyczące skutków wolnego ładowania strony. Housing.com to kolejny dowód na słuszność werdyktu Google.

Kiedy zespół Housing.com zmierzył średni czas ładowania strony i porównał go ze współczynnikami konwersji, okazało się, że skrócenie czasu ładowania choćby o 1 sekundę doprowadziło do znacznej poprawy współczynników konwersji.

I podobnie jak w przypadku MakeMyTrip, urządzenia z niższej półki, łączność 2G lub w ogóle sporadyczna łączność z Internetem, ograniczenia związane z danymi i inne przypadki o podobnym charakterze, uniemożliwiły wprowadzenie prostych ulepszeń do zwykłej witryny mobilnej. Na szczęście technologia PWA przyszła z pomocą i zapewniła wyniki, które pomogły zarówno zabezpieczyć ich witrynę na potrzeby ery mobile-first, jak i szybko wygenerować poniższe wyniki:

  • o 38% wzrost współczynników konwersji;
  • o 40% spadek współczynnika odrzuceń;
  • wydłużenie o 10% trwania przeciętnej sesji użytkownika;
  • o 30% szybszy czas ładowania strony.

Case study PWA Wego

Wego, wcześniej znane jako Bezurk, jest singapurską wyszukiwarką lotów i noclegów, a zarazem największą platformą turystyczną na Bliskim Wschodzie oraz w regionie Azji i Pacyfiku.

Internet mobilny miał zawsze kluczowe znaczenie dla Wego, ponieważ ich główne rynki borykały się z tymi samymi problemami, co MakeMyTrips, Housing.com czy Alibaba. Korzystanie z wolno ładującymi się stronami internetowymi jest frustrujące nawet na komputerach stacjonarnych, ale długi czas ładowania strony na urządzeniach mobilnych to koszmar.

Rozwiązaniem dla Webo było przekształcenie ich mobilnej strony internetowej w PWA z obsługą AMP. Czy poszło im dobrze?

Co to za pytanie?! Oczywiście.

  • Średni czas wczytywania strony skrócił się z 11 sekund do poniżej 1 sekundy;
  • współczynniki konwersji partnerów wzrosły o 95%;
  • współczynnik przejścia z wyszukiwania do konwersji wzrósł o 49%;
  • wskaźniki klikalności wzrosły trzykrotnie.

Case study PWA Jumii

Czas przenieść się do Afryki i rzucić okiem na Jumia — wiodącą w Afryce witrynę e-commerce.

Główny rynek firmy, Afryka Subsaharyjska, według stanu na 2016 rok nie był regionem najlepiej połączonym z Internetem. 75% użytkowników łączących się z urządzeń mobilnych korzystało sieci 2G. Jako punkt odniesienia przyjmujemy, że maksymalna prędkość sieci 2G to 5 kB/s, transmisja danych nie jest tania, dlatego dostarczenie lekkiego i przyjaznego dla danych rozwiązania mobilnego, takiego jak to oparte na technologii PWA, było niezmiernie ważne. Dodaj do tego opcję offline, a otrzymasz idealne rozwiązanie.

Wyniki:

  • o 33% wzrost współczynników konwersji;
  • o 50% spadek współczynników odrzuceń;
  • 12 razy więcej użytkowników w porównaniu z ich natywnymi aplikacjami na Androida i iOS;
  • 5-krotny spadek zużycia danych;
  • o 80% mniejsze zapotrzebowanie na dane w celu zakończenia pierwszej transakcji w porównaniu z ich aplikacjami natywnymi;
  • 25x mniejszy rozmiar aplikacji

Case study PWA Airbnb

Airbnb jest jedną z niewielu firm technologicznych, które dzielą się swoimi technologicznymi rozwiązaniami na swoim blogu Medium. Co więcej, opracowali dogłębne studium przypadku, w ramach którego wyjaśnili, dlaczego i jak odeszli od mobilnego środowiska internetowego na rzecz rozwoju technologii aplikacji internetowych. Znajdziesz je tutaj, a ja podsumuję tylko najważniejsze wnioski przedstawione przez Airbnb.

Zacznijmy od problemu.

Oto, co odkryli po przeprowadzeniu wielu ankiet w aplikacji i przeanalizowaniu bezpośrednich opinii na temat tego, dlaczego ich użytkownicy unikali pobierania aplikacji natywnych, zamiast tego korzystając z witryny mobilnej:

  • większość ludzi podróżuje nieregularnie, dlatego pobieranie aplikacji, z której będą korzystać tylko dwa lub trzy razy w roku, jest raczej bezcelowe;
  • na wielu rynkach korzystanie z Internetu mobilnego i urządzeń o niskich parametrach technicznych nadal stanowi poważny problem;
  • nawet w bardziej rozwiniętych krajach ludzie rzadko pobierają aplikację natywną o rozmiarze 200 MB, i jeśli już, to zrobiliby to tylko przez sieć Wi-Fi, co najprawdopodobniej oznaczałoby, że i tak są w domu, więc po co mieliby to robić?;
  • witryna mobilna Airbnb działała wolno. Bardzo wolno. W przypadku połączenia 4G (sic!) załadowanie strony głównej zajęło 13 sekund;
  • została słabo zaprojektowana i opracowana.

Biorąc pod uwagę fakt, że 65% odwiedzających po raz pierwszy korzystało z urządzeń mobilnych – była to katastrofa. Firma postanowiła więc przejść na PWA.

Wyniki:

  • zmniejszenie rozmiaru aplikacji do 12 MB w porównaniu z aplikacją natywną o rozmiarze 200 MB;
  • w niecałych 12 miesięcy zespołowi udało się całkowicie przeprojektować i odbudować środowisko mobilne;
  • o 25% wzrost współczynników konwersji;
  • średni czas ładowania 5,5 sekundy w porównaniu do 13 sekund w przypadku starej witryny mobilnej;
  • ujednolicona obsługa mobilna na każdym urządzeniu, niezależnie od tego, czy jest to urządzenie wysokiej czy niskiej klasy

Podsumowanie

Jak widać, PWA to sprawdzona w praktyce technologia, z której może skorzystać każda branża, od motoryzacji po turystykę, serwisy informacyjne, media społecznościowe, czy serwisy randkowe..

Wszystkie powyższe przypadki pokazują, że nie tylko poprawia ona komfort korzystania z urządzeń mobilnych, ale w wielu przypadkach przekształca całą strategię frontendową, gwarantując jednakowe user experience wszystkim użytkownikom, na wszystkich urządzeniach, niezależnie od jakości połączenia internetowego, lokalizacji i tego, czy jest się offline w trakcie podróży lub dlatego, że akurat jest się poza zasięgiem stabilnego połączenia.

PWA może pochwalić się również garścią korzyści technologicznych dla samej organizacji, o których opowiem w kolejnych moich artykułach w ramach cyklu o PWA.

Zasubskrybuj nasz newsletter, aby być na bieżąco. Pamiętaj, że jeśli potrzebujesz mojej bezpośredniej pomocy lub porady, możesz skontaktować się ze mną pod adresem mailowym ross@rst.software.

Do następnego razu!

Tagi:

Ocena artykułu

Udostępnij

Ross Krawczyk

Ross Krawczyk

Marketing Generalist

Marketing generalist zorientowany na biznes z nastawieniem skoncentrowanym na wykonywaniu zadań w jak najkrótszym czasie z możliwie jak najlepszą jakością. Prywatnie ostatnią dekadę spędził zajmując się współczesnym gentlemaństwem. Zahipnotyzowany przemysłem kosmicznym i bawiący się ludzkimi umysłami poprzez zagmatwane i przepełnione zagadkami wydarzenia o tematyce Sherlock’a Holmesa.

Nasz serwis internetowy używa plików cookies do prawidłowego działania strony. Korzystanie z serwisu bez zmiany ustawień dla plików cookies oznacza, że będą one zapisywane w pamięci urządzenia. Ustawienia te można zmieniać w przeglądarce internetowej. Więcej informacji udostępniamy w Polityce plików cookies.