Airbnb PWA: Ein perfektes Beispiel für eine progressive Web-App

Angenommen, Sie suchen nach einer äußerst zuverlässigen Lösung, damit Ihre Website schnell und stabil läuft und gleichzeitig effizient funktioniert, um die Benutzer dazu zu bringen, länger zu bleiben und sich an den Aktivitäten zu beteiligen. In diesem Fall könnte PWA genau das sein, was Sie brauchen. So viele Marken haben PWA eingeführt und weltbekannte und profitable Erfolge erzielt, einschließlich Airbnb PWA . Anstatt mit Namen und Zahlen an der Oberfläche zu kratzen, werden wir den wahren Siegesfall einer PWA-Anwendung aufschlüsseln. Lassen Sie uns den Vorhang enthüllen und die Geschichte von Airbnb PWA entdecken.

Ein Überblick über Airbnb

Die ursprüngliche Idee des vielversprechendsten Startups der Welt war Air Bed and Breakfast, bei dem Einheimische Touristen erlauben, in ihren Häusern zu übernachten, neue Kontakte zu knüpfen und gleichzeitig eine kostengünstige Alternative zum Essen, Ausruhen und Schlafen zu teilen.

Der Vorschlag erscheint zunächst unverschämt, Fremde in den Häusern willkommen zu heißen, doch Airbnb hat sich schnell zu einem der erfolgreichsten Startups des 21. Jahrhunderts entwickelt.

Airbnb wurde 2008 und zehn Jahre später gegründet und hat bereits 150 Millionen Nutzer, über sieben Millionen angezeigte Einträge, wird von 4 Millionen Gastgebern betrieben und ist in über 200 Ländern und 81.000 Städten aktiv. Berichte zeigen, dass über eine Milliarde Reisende ein Airbnb-Haus gemietet haben, wodurch etwa 65 Milliarden US-Dollar für die Gastgeber erwirtschaftet wurden.

Airbnb ist jetzt der umfassendste Immobilienvermietungsservice für Reisende weltweit, der entweder aus einzelnen Zimmern in einer gemeinsamen Unterkunft oder einer ganzen Unterkunft für sich selbst und mehrere Personen wählen kann. Sein Geschäftsmodell ähnelt Uber, einer Aggregator-Plattform, die es Nachfragern und Anbietern ermöglicht, sich zu verbinden und Geschäfte zu tätigen.

Airbnb bietet Menschen ein Gemeinschaftsgefühl, einzigartige persönliche Erfahrungen und eine stressfreie, budgetfreundliche Art, Unterkünfte zu bereisen.

Viele Gäste lieben es, mit Airbnb zu reisen, da sie von den Gastgebern in den Gemeinden willkommen geheißen werden, die Möglichkeit haben, die Kultur tiefer zu erkunden und neue einheimische Freunde zu finden.

Der Hintergrund, der zur PWA-Integration von Airbnb führte

Die Geschichte reicht bis vor ein paar Jahren zurück, etwa Ende 2018, als mobile Browser exponentiell an Aufmerksamkeit und Investitionen gewannen. Die von Airbnb war jedoch immer noch eine proportional ansprechende Version vom Desktop. Das Team gab auch zu, dass sie es mit minimalem Engineering ignoriert hatten.

Das mobile Web war ihre meistbesuchte Plattform, insbesondere in den Wachstumsmärkten, und zog Airbnb-Buchungen eine wachsende Zahl von Besucherzahlen an. Die Leistung der weltgrößten Suchmaschine für Reiseunterkünfte lag jedoch unter dem Branchenstandard.

Es stellte sich heraus, dass es für die Nutzer sinnlos ist, die native Airbnb-App zu installieren, wenn sie sie nur drei- oder viermal im Jahr benötigen. Und da sie eher auf Mobilgeräte als auf andere Geräte angewiesen sind, führt der einzige Weg zu ihnen über das mobile Internet.

Obwohl die durchschnittliche Zeit, die mit Apps verbracht wird, die Zeit im Browser bei weitem übersteigt, ist die meiste Zeit der Benutzer an einem Tag ungleichmäßig auf 5 ihrer Lieblings-Apps verteilt, mit einem Schluss von 50 % auf eine App. Benutzer sehen einfach keinen Sinn darin, eine andere App herunterzuladen, die sie nicht häufig verwenden, und ihren Speicherplatz zu verschwenden.

Die Märkte sind besonders an einem hervorragenden mobilen Surferlebnis interessiert, da das Problem mit der Internetverbindung sie mit der App-Installation (200 MB groß) und dem Verbrauch beschäftigt.

Hier sind einige nähere Betrachtungen vor der Airbnb-PWA-Transformation:

• Langsam : Benutzer auf mobilen Browsern warteten über 10 Sekunden lang auf einer irritierenden leeren Seite, bevor Bilder angezeigt wurden. Ein 4G-Netzwerk brauchte durchschnittlich 13 Sekunden, um eine ganze Seite zu laden. Nicht beeindruckend.
• Schlechtes Design : Einige Komponenten wurden schrecklich implementiert und verlegt, was zu fehlenden Wörtern und verwirrenden Anweisungen führte. Die Karte ist für Touristen unerlässlich, um die Entfernung von Airbnb zu nahe gelegenen Orten zu verstehen, aber sie war langsam interaktiv und fast unmöglich, die Worte zu lesen. Und all die überlappenden Elemente und den überlaufenden Text auf Fotos zu zählen, was die Bedeutung der Schnappschüsse und der Randnotizen entgleist.
• Schwer zu bedienen : Mobile Browser schienen damals aus ihrem Gedächtnis zu rutschen, als viele Interaktionspunkte nicht auf Finger, sondern nur auf Maus reagierten. Alles ergab keinen Sinn. Es war wie eine verwirrende Umleitung für einen armen Wanderer. Aber die Überlegenheit der Navigationschancen war, als sie auf die Schaltfläche klickten, um die nativen Apps zu installieren. Sie wurden gebeten, ihre Telefonnummer einzugeben, damit sie eine SMS mit einem Link zum App Store erhalten.

Es wäre nicht schlimmer, wenn der mobile Browser nicht der erste Eindruck der Nutzer von Airbnb wäre. Leider zeigten die Daten, dass 65 % ihrer Neuankömmlinge aus dem mobilen Internet stammten. Deshalb mussten sie diese Situation auf den Kopf stellen.

Wie kann der Wechsel zu PWA die Anfrage von Airbnb lösen?

Um zu beschreiben, wie heftig die Landschaft des mobilen Surfens ist, hier sind die Branchenstatistiken:

• 53 % der Besucher springen ab, wenn sie länger als 3 Sekunden warten müssen.
• 57 % der Befragten gaben an, dass eine unattraktive mobile Website ihre Empfehlungen nicht erhalten würde.
• 85 % der Befragten erwarteten, dass das mobile Web die aktualisierte Version des Desktops sein würde und nicht umgekehrt.

Benutzer möchten, dass die mobile Version schnell, bequem, schön gestaltet und so ansprechend ist wie native mobile Apps. Mithilfe von PWA konnte Airbnb ein mobiles Web erstellen, das blitzschnell läuft, sicher und stabil ist und gleichzeitig einige der besten Funktionen der nativen App bietet.

Airbnb PWA ermöglicht es Benutzern, die 12-MB-Version zu ihrem Startbildschirm hinzuzufügen, anstatt eine übermäßig verbrauchende 200-MB-App. Gäste und Gastgeber können Popup-Nachrichten von ihrem Benachrichtigungsfeld erhalten.

Nicht nur das, sondern um Airbnb-Nutzern auf der ganzen Welt auch bei schwacher Internetverbindung bei der Auswahl einer Unterkunft zu helfen, bringt PWA das sofortige Laden und den Offline-Modus ins Geschäft.

Die Airbnb-PWA-Resolution

Die Idee

Airbnbs Augen waren auf ein klares Ziel gerichtet: ein erstklassiges mobiles Surferlebnis zu schaffen, das auf das weltbeste Unternehmen für Gastfamilien und andere Ferienvermietungen zugeschnitten ist. Nachdem sie die Online-Revolution aufgeholt hatten, erkannten sie, dass es nicht länger ein Vorteil, sondern eine Notwendigkeit war, mobilfreundlich zu bleiben.

Ihre Strategie war der Wechsel zu Mobile-First, also Mobile Web First. Viele der neuen Besucher von Airbnb kamen aus dem mobilen Web, und sie würden etwas erwarten, das der nativen App-Reise ähnelt. Und sie würden den Benutzern geben, was sie wollten.

Die Hinrichtung

Native Apps waren berühmt für ihr praktisches Folienmenü und die untere Navigation. Airbnb hat sich für den Klassiker entschieden, mit dem Hamburger-Menü-Upgrade und einer Log-Tab-Leiste für die Kontoregistrierung. Als nächstes war die Karte ein großer Teil der Neugestaltung, da sie das wichtigste Element für die Listenauswahl ist.

Sie stellten auch sicher, dass die PWA auf jeder Bildschirmgröße und jedem Gerät ihre beste Leistung erbringen konnte. Ein wenig Mehraufwand macht den Unterschied.

Schließlich wurden die alten verwirrenden, schwer zu verwendenden Benutzerabläufe vollständig für die Umbenennungsliste registriert, in der alle Inhaltsstaus und Layoutfehler gesammelt und behoben würden.

Die Ergebnisse

PWA gab Airbnb die Option, für die Mini-Version optimiert zu werden, mit minimierten Ladezeiten von 11,9 Sekunden auf 4,69 Sekunden. Wenn es schneller wird, wird es flüssiger, reaktionsschneller und bequemer, was zu einer höheren Benutzerbeteiligung führt, und die Anzahl der richtigen Wischmomente hat ein Allzeithoch erreicht.

Und bevor sie überhaupt die Chance hatten, das PWA-Projekt abzuschließen, wurden beachtliche Ergebnisse und Errungenschaften gesammelt:

• Trotz Schwierigkeiten und Widrigkeiten gelang es dem Airbnb-Team, die Neugestaltung und Neuentwicklung des mobilen Webs in weniger als einem Jahr auf den Punkt zu bringen.
• Die Umwandlungsrate war um 25 % gestiegen.
• Und eine 2,5-fache Leistungssteigerung bei einer durchschnittlichen Ladezeit von etwa 5,5 Sekunden.

Wie können Sie eine PWA wie Airbnb erstellen?

Airbnb PWA ist das Weltklasse-Niveau einer mobilen Webplattform in der Praxis. Lassen Sie uns den Standard dort klären. Airbnb PWA ist der Ort, an dem Milliarden von Gastfamilien und Ferienwohnungen aufgelistet werden, ähnlich wie auf einer E-Commerce-Website mit einem langen Produktportfolio.

Bei einer riesigen Datenbank kann der Ladevorgang längere Zeit in Anspruch nehmen, um den Code zu verarbeiten und auf die Anfrage zu antworten. Daher ist eine optimierte Version in kleinerem Maßstab dringend erforderlich, damit ein Online-Shop starten und schnell bleiben kann.

Aus diesem Grund ist PWA im E-Commerce-Geschäft berühmt. Dies ist für Sie, wenn Sie ein Online-Geschäftsinhaber sind, der Ihren langsamen und schlecht funktionierenden Shop umgestalten möchte.

Warum Tigren PWA?

Wir wissen, dass Sie problemlos auf unzählige E-Commerce-Entwicklungsdienste zugreifen können, aber es würde viel Zeit verschwenden, jede Agentur zu suchen und zu überprüfen, die für Sie am besten geeignet ist.

Tigren ist eine der weltweit führenden Outsourcing-Agenturen in der PWA-Entwicklung. Seit ihrem Erscheinen haben wir uns an die Beherrschung der PWA-Technologie herantastet. Bis heute haben wir mit fast 1000 Kunden weltweit zusammengearbeitet und ihnen geholfen, ihren ROI zu steigern.

Premium Tigren PWA-Lösungen

Wir können Ihnen helfen bei:

• Erstellen Sie eine PWA-Site von Grund auf neu
• Benutzerdefiniertes Erstellen und Integrieren von Teilen von PWA
• Optimieren und aktualisieren Sie eine vorhandene PWA
• Erstklassiges, gebrauchsfertiges TigrenPWA-Design

Sie erhalten eine kostenlose Beratung, wenn Sie uns kontaktieren, und Sie können sogar ein Angebot anfordern, bevor Sie entscheiden, ob wir zusammenpassen. Abhängig von der Komplexität der Projekte bieten wir möglicherweise 3-12 Monate kostenlosen Support an und sind von der Dämmerung bis zum Morgengrauen bei Ihnen, um sicherzustellen, dass das Ergebnis genau das ist, wonach Sie gesucht haben.

Die zentralen Thesen

Airbnb PWA war ein großer Erfolg, der die Verantwortlichen stolz zurückblicken ließ und die Benutzer lächelte, wenn sie mit der Vorbereitung ihrer nächsten Reise begannen.

Airbnb ist schnell, zuverlässig, stabil, fesselnd gestaltet und attraktiv ansprechend, plus die Weltklasse, die ihr Team seit einiger Zeit bietet; was können sie noch verlangen?

Angesichts der vielversprechenden Erwartung von PWA als Future-Next-Standard, der die Online-Landschaft dominiert, wie lautet Ihr Urteil über die Einladung für Early Adopters?