Airbnb PWA : un exemple parfait d'application Web progressive

Supposons que vous recherchiez une solution hautement fiable pour que votre site Web fonctionne rapidement et de manière stable tout en fonctionnant efficacement pour inciter les utilisateurs à rester plus longtemps et à participer aux activités. Dans ce cas, PWA pourrait être exactement ce dont vous avez besoin. Tant de marques ont adopté PWA et ont reçu un succès de renommée mondiale et rentable, y compris Airbnb PWA . Au lieu de gratter la surface avec des noms et des chiffres, nous décomposerons le véritable cas victorieux d'une application PWA. Levons le rideau et découvrons l'histoire d'Airbnb PWA.

Un aperçu d'Airbnb

L'idée initiale de la startup la plus prometteuse au monde était Air Bed and Breakfast, où les habitants permettent aux touristes de rester chez eux, établissant de nouvelles connexions tout en partageant une alternative peu coûteuse pour manger, se reposer et dormir.

La proposition semble scandaleuse au début d'accueillir des étrangers dans les maisons, mais Airbnb est rapidement devenue l'une des startups les plus prospères du 21e siècle.

Lancé en 2008 et dix ans plus tard, Airbnb compte déjà 150 millions d'utilisateurs, plus de sept millions d'annonces affichées, géré par 4 millions d'hôtes et est actif dans plus de 200 pays et 81 000 villes. Les rapports montrent que plus d'un milliard de voyageurs ont loué une maison Airbnb, créant environ 65 milliards de dollars pour les hôtes.

Airbnb est désormais le service de location de propriétés le plus complet pour les voyageurs du monde entier, en choisissant soit des chambres individuelles dans un lieu partagé, soit un lieu entier pour eux-mêmes et plusieurs personnes. Son modèle économique est similaire à Uber, une plate-forme d'agrégation permettant aux personnes en demande et aux fournisseurs de se connecter et de faire des affaires.

Airbnb donne aux gens un sens de la communauté, des expériences personnelles uniques et un moyen de voyager sans stress et économique.

De nombreux voyageurs adorent voyager avec Airbnb car ils sont accueillis dans les communautés par les hôtes, ont la possibilité d'explorer la culture plus en profondeur et de se faire de nouveaux amis autochtones.

Le contexte qui a conduit à l'intégration d'Airbnb PWA

L'histoire remonte à il y a quelques années, vers la fin de 2018, lorsque les navigateurs mobiles gagnaient une attention et des investissements exponentiels. Pourtant, celui d'Airbnb était toujours une version proportionnellement réactive du bureau. L'équipe a également admis qu'elle l'avait ignoré avec un minimum d'ingénierie.

Le Web mobile a été leur plate-forme la plus visitée, en particulier sur les marchés en croissance, attirant un taux de trafic croissant pour les réservations Airbnb. Pourtant, ses performances sont inférieures aux normes de l'industrie pour le plus grand moteur de recherche d'hébergement de voyage au monde.

Il s'est avéré que les utilisateurs ne trouvaient pas utile d'installer l'application native Airbnb alors qu'ils n'en avaient besoin que 3 ou 4 fois par an. Et comme ils s'appuient sur le mobile plutôt que sur tout autre appareil, la seule solution consiste à passer par le Web mobile.

Bien que le temps moyen passé sur les applications dépasse de loin le temps passé sur le navigateur, la majeure partie du temps des utilisateurs dans une journée est inégalement répartie entre 5 de leurs applications préférées, avec une clôture de 50 % sur une application. Les utilisateurs ne voient tout simplement pas l'intérêt de télécharger une autre application qu'ils n'utilisent pas fréquemment et de gaspiller leur stockage.

Les marchés sont particulièrement intéressés par une excellente expérience de navigation mobile, car le problème de connexion Internet les perturbe avec l'installation de l'application (taille de 200 Mo) et la consommation.

Voici quelques aperçus de plus près avant la transformation d'Airbnb PWA :

• Lent : les utilisateurs de navigateurs mobiles ont attendu plus de 10 s sur une page blanche irritante avant que les images ne commencent à apparaître. Un réseau 4G met en moyenne 13 secondes pour charger une page entière. Pas impressionnant.
• Mal conçu : certains composants ont été mal implémentés et mal placés, entraînant des mots manquants et des instructions confuses. La carte est essentielle pour qu'un touriste comprenne la distance entre Airbnb et les lieux proches, mais elle était lentement interactive et presque impossible à lire les mots. Et en comptant tous les éléments qui se chevauchent et le passage sur le texte sur les photos, faisant dérailler le sens des instantanés et des notes annexes.
• Difficile à utiliser : les navigateurs mobiles semblaient leur échapper à l'époque où de nombreux points d'interaction ne répondaient pas aux doigts mais uniquement aux souris. Tout n'avait pas de sens. C'était comme une déroute déroutante pour un pauvre vagabond. Mais la suprématie des cotes de navigation était lorsqu'ils ont cliqué sur le bouton pour installer les applications natives. On leur a demandé de renseigner leur numéro de téléphone afin qu'ils puissent recevoir un SMS avec un lien vers l'App Store.

Ce ne serait pas si pire si le navigateur mobile n'était pas la première impression des utilisateurs d'Airbnb. Malheureusement, les données indiquaient que 65 % de leurs nouveaux arrivants provenaient du Web mobile. Par conséquent, ils ont dû renverser cette situation.

Comment le passage à PWA peut-il résoudre la demande d'Airbnb ?

Pour décrire à quel point le paysage de la navigation mobile est féroce, voici les statistiques de l'industrie :

• 53% des visiteurs rebondissent s'ils doivent attendre plus de 3s.
• 57 % des répondants ont déclaré qu'un site mobile peu attrayant n'obtiendrait pas leurs recommandations.
• 85 % des répondants s'attendaient à ce que le Web mobile soit la version mise à jour du bureau et non l'inverse.

Les utilisateurs veulent que la version mobile soit rapide, pratique, magnifiquement conçue et aussi attrayante que les applications mobiles natives. Avec l'aide de PWA, Airbnb a pu créer un Web mobile qui fonctionne à la vitesse de l'éclair, est sécurisé et stable tout en exécutant certaines des meilleures fonctionnalités de l'application native.

Airbnb PWA permet aux utilisateurs d'ajouter la version 12 Mo à leur écran d'accueil au lieu d'une application 200 Mo trop gourmande. Les invités et les hôtes peuvent recevoir des messages contextuels à partir de leur panneau de notification.

Non seulement cela, mais pour aider les utilisateurs d'Airbnb du monde entier à choisir facilement un lieu de séjour même lorsque leur connexion est faible, PWA introduit le chargement instantané et le mode hors ligne dans les affaires.

La résolution Airbnb PWA

L'idée

Les yeux d'Airbnb étaient fixés sur un objectif précis : créer une expérience de navigation mobile de classe mondiale adaptée à la meilleure société de séjours chez l'habitant et autres locations de vacances au monde. Après avoir rattrapé la révolution en ligne, ils ont réalisé que rester compatible avec les mobiles n'était plus un avantage mais une nécessité.

Leur stratégie consistait à passer au mobile-first, c'est-à-dire à être le Web mobile d'abord. Beaucoup de nouveaux visiteurs d'Airbnb venaient du Web mobile et ils s'attendraient à quelque chose qui ressemble au parcours de l'application native. Et ils allaient donner aux utilisateurs ce qu'ils voulaient.

L'exécution

Les applications natives étaient célèbres pour leur menu coulissant pratique et leur navigation inférieure. Airbnb a décidé de suivre le classique, avec la mise à niveau du menu hamburger et une barre d'onglets de journalisation pour l'enregistrement du compte. Ensuite, la carte a été une grande partie de la refonte car c'est l'élément le plus important pour la sélection de la liste.

Ils ont également veillé à ce que la PWA puisse fonctionner au mieux sur n'importe quelle taille d'écran et n'importe quel appareil. Un petit effort supplémentaire fait toute la différence.

Enfin, les anciens flux d'utilisateurs déroutants et difficiles à utiliser ont été complètement inscrits à la liste de redésignation, où tous les bourrages de contenu et les erreurs de mise en page seraient collectés et corrigés.

Les résultats

PWA a donné à Airbnb la possibilité d'être optimisé pour la mini-version, avec des temps de chargement réduits de 11,9 s à 4,69 s. Lorsqu'il devient plus rapide, il devient plus fluide, plus réactif et plus pratique, ce qui conduit à une plus grande implication des utilisateurs, leur nombre de bons moments de balayage a atteint son niveau record.

Et avant même qu'ils aient eu la chance de terminer le projet PWA, des résultats et des réalisations considérables ont été collectés :

• Malgré les difficultés et les obstacles, l'équipe Airbnb a réussi à réussir la refonte et le redéveloppement du Web mobile en moins d'un an.
• Le taux de conversion avait connu une hausse de 25 %.
• Et une amélioration de 2,5 fois des performances avec un temps de chargement d'environ 5,5 secondes en moyenne.

Comment créer une PWA comme Airbnb ?

Airbnb PWA est le niveau de classe mondiale d'une plate-forme Web mobile dans la pratique. Clarifions la norme là-bas. Airbnb PWA est l'endroit où la liste de milliards de logements chez l'habitant et de locations de vacances a lieu, semblable à un site Web de commerce électronique avec un portefeuille de produits à long terme.

Avec une immense base de données, le processus de chargement peut prendre beaucoup de temps pour gérer le code et répondre à la requête. Ainsi, une version optimisée à plus petite échelle est indispensable pour qu'une boutique en ligne démarre et reste rapide.

C'est pourquoi PWA est célèbre dans le commerce électronique. Ceci est pour vous si vous êtes un propriétaire d'entreprise en ligne qui souhaite transformer votre magasin lent et mal exécuté.

Pourquoi Tigren PWA ?

Nous savons que vous pouvez facilement contacter des tonnes de services de développement de commerce électronique, mais cela vous ferait perdre beaucoup de temps à rechercher et à vérifier chaque agence la plus appropriée dont vous avez besoin.

Tigren est l'une des principales agences d'externalisation au monde dans le développement de PWA. Nous avions tâtonné pour maîtriser la technologie PWA depuis sa première sortie. À ce jour, nous avons travaillé avec près de 1 000 clients dans le monde et les avons aidés à tirer parti de leur retour sur investissement.

Solutions premium Tigren PWA

Nous pouvons vous aider avec :

• Créer un site PWA à partir de zéro
• Créez et intégrez des parties de PWA sur mesure
• Optimiser et mettre à niveau une PWA existante
• Thème TigrenPWA premium prêt à l'emploi

Vous recevrez une consultation gratuite lorsque vous nous contactez, et vous pouvez même demander un devis avant de décider si nous sommes un bon match. En fonction de la complexité des projets, nous pouvons offrir 3 à 12 mois d'assistance gratuite, en étant avec vous du crépuscule à l'aube pour garantir que le résultat corresponde exactement à ce pour quoi vous êtes venu.

Points clés à retenir

Airbnb PWA a été un grand succès, rendant les responsables derrière fiers lorsqu'ils regardent en arrière, et les utilisateurs ont souri chaque fois qu'ils ont commencé à préparer leur prochain voyage.

Airbnb est rapide, fiable, stable, conçu de manière captivante et attrayante, en plus de la classe mondiale que leur équipe offre depuis un certain temps ; que peuvent-ils demander de plus ?

Avec l'anticipation prometteuse de PWA en tant que futur futur standard dominant le paysage en ligne, quel est votre verdict sur l'invitation pour les premiers utilisateurs ?