Airbnb PWA: un ejemplo perfecto de aplicación web progresiva

Suponga que está buscando una solución altamente confiable para mantener su sitio web funcionando de manera rápida y estable mientras funciona de manera eficiente para enganchar a los usuarios para que permanezcan más tiempo y participen en las actividades. En ese caso, PWA podría ser justo lo que necesita. Muchas marcas han adoptado PWA y han obtenido un éxito rentable y de renombre mundial, incluida la PWA de Airbnb . En lugar de arañar la superficie con nombres y números, desglosaremos el caso real victorioso de una aplicación PWA. Abramos el telón y descubramos la historia de Airbnb PWA.

Una descripción general de Airbnb

La idea inicial de la startup más prometedora del mundo fue Air Bed and Breakfast, donde los lugareños permiten que los turistas se queden en sus casas, haciendo nuevas conexiones mientras comparten una forma alternativa de bajo costo para comer, descansar y dormir.

La propuesta parece escandalosa al principio para dar la bienvenida a extraños a las casas, pero Airbnb se ha convertido rápidamente en una de las empresas emergentes más exitosas del siglo XXI.

Lanzado en 2008 y diez años después, Airbnb ya cuenta con 150 millones de usuarios, más de siete millones de listados en exhibición, administrado por 4 millones de anfitriones y está activo en más de 200 países y 81,000 ciudades. Los informes muestran que más de mil millones de viajeros han alquilado una casa de Airbnb, generando aproximadamente $65 mil millones para los anfitriones.

Airbnb ahora sirve como el servicio de alquiler de propiedades más extenso para viajeros de todo el mundo, eligiendo entre habitaciones individuales en un lugar compartido o un lugar completo para ellos y varias personas. Su modelo de negocios es similar a Uber, una plataforma agregadora que permite a las personas en demanda y a los proveedores conectarse y hacer negocios.

Airbnb brinda a las personas un sentido de comunidad, experiencias personales únicas y una forma de alojamiento de viaje sin estrés y económica.

A muchos huéspedes les encanta viajar con Airbnb, ya que los anfitriones les dan la bienvenida a las comunidades, tienen la oportunidad de explorar la cultura en profundidad y hacer nuevos amigos nativos.

Los antecedentes que llevaron a la integración de Airbnb PWA

La historia se remonta a hace unos años, a fines de 2018, cuando los navegadores móviles ganaban atención e inversión de manera exponencial. Sin embargo, la de Airbnb seguía siendo una versión proporcionalmente receptiva desde el escritorio. El equipo también admitió que lo habían ignorado con una ingeniería mínima.

La web móvil fue su plataforma más visitada, especialmente en los mercados en crecimiento, atrayendo una tasa de tráfico creciente a las reservas de Airbnb. Sin embargo, se desempeñó por debajo del estándar de la industria para el motor de búsqueda de alojamiento de viaje más grande del mundo.

Resultó que a los usuarios no les resulta útil instalar la aplicación nativa de Airbnb cuando solo la necesitan 3 o 4 veces al año. Y como dependen de los dispositivos móviles en lugar de cualquier otro dispositivo, la única forma de hacerlo es a través de la web móvil.

Aunque el tiempo promedio dedicado a las aplicaciones supera con creces el tiempo en el navegador, la mayor parte del tiempo de los usuarios en un día se distribuye de manera desigual a 5 de sus aplicaciones favoritas, con un cierre del 50% en una aplicación. Los usuarios simplemente no ven el sentido de descargar otra aplicación que no usan con frecuencia y desperdiciar su almacenamiento.

Los mercados están particularmente interesados ​​en una excelente experiencia de navegación móvil, ya que el problema con la conexión a Internet les preocupa con la instalación de la aplicación (200 MB de tamaño) y el consumo.

Aquí hay algunas miradas más de cerca antes de la transformación de Airbnb PWA:

• Lento : los usuarios de los navegadores móviles esperaron en una irritante página en blanco durante más de 10 segundos antes de que comenzaran a aparecer las imágenes. Una red 4G tardó un promedio de 13 segundos en cargar una página completa. No es impresionante.
• Diseño deficiente : algunos componentes se implementaron de forma deficiente y se extraviaron, lo que provocó que faltaran palabras e instrucciones confusas. El mapa es esencial para que un turista comprenda la distancia entre Airbnb y los lugares cercanos; sin embargo, era lentamente interactivo y casi imposible leer las palabras. Y contando todos los elementos superpuestos y el texto atropellado en las fotos, descarrilando el significado de las instantáneas y las notas al margen.
• Difícil de usar : los navegadores móviles parecían olvidarse en ese entonces cuando muchos puntos de interacción no respondían a los dedos sino solo al mouse. Todo no tenía sentido. Era como un desvío confuso para un pobre vagabundo. Pero la supremacía de las probabilidades de navegación fue cuando hicieron clic en el botón para instalar las aplicaciones nativas. Se les pidió que completaran su número de teléfono para que pudieran recibir un mensaje de texto con un enlace a la tienda de aplicaciones.

No sería tan grave si el navegador móvil no fuera la primera impresión de los usuarios de Airbnb. Desafortunadamente, los datos indicaron que el 65% de sus recién llegados eran de la web móvil. Por lo tanto, tuvieron que darle la vuelta a esta situación.

¿Cómo el cambio a PWA puede resolver la solicitud de Airbnb?

Para describir cuán feroz es el panorama de la navegación móvil, aquí están las estadísticas de la industria:

• El 53% de los visitantes rebotan si tienen que esperar más de 3 segundos.
• El 57% de los que respondieron dijeron que un sitio móvil poco atractivo no recibiría sus recomendaciones.
• El 85% de los encuestados esperaba que la web móvil fuera la versión actualizada de la computadora de escritorio y no al revés.

Los usuarios quieren que la versión móvil sea rápida, conveniente, bellamente diseñada y tan atractiva como las aplicaciones móviles nativas. Con la ayuda de PWA, Airbnb podría crear una web móvil que se ejecuta a la velocidad de la luz y es segura y estable mientras realiza algunas de las mejores funciones de la aplicación nativa.

Airbnb PWA permite a los usuarios agregar la versión de 12 MB a su pantalla de inicio en lugar de una aplicación de 200 MB que consume demasiado. Los invitados y los anfitriones pueden recibir mensajes emergentes desde su panel de notificaciones.

No solo eso, sino que para ayudar a los usuarios de Airbnb de todo el mundo a elegir fácilmente un lugar para quedarse incluso cuando su conexión es débil, PWA trae la carga instantánea y el modo fuera de línea al negocio.

La resolución de la PWA de Airbnb

La idea

Los ojos de Airbnb se fijaron en un objetivo directo: crear una experiencia de navegación móvil de clase mundial adaptada a la mejor empresa de alojamiento familiar y otros alquileres vacacionales del mundo. Después de ponerse al día con la revolución en línea, se dieron cuenta de que mantenerse optimizado para dispositivos móviles ya no era una ventaja sino una necesidad.

Su estrategia fue cambiar a mobile-first, que es ser primero en la web móvil. Muchos de los nuevos visitantes de Airbnb provienen de la web móvil y esperarían algo que se asemeje al viaje de la aplicación nativa. E iban a dar a los usuarios lo que querían.

La ejecución

Las aplicaciones nativas eran famosas por su práctico menú deslizante y navegación inferior. Airbnb decidió seguir con el clásico, con la actualización del menú de hamburguesas y una barra de pestañas de inicio de sesión para el registro de la cuenta. A continuación, el mapa fue una gran parte del rediseño, ya que es el elemento más importante para la selección de listados.

También se aseguraron de que la PWA pudiera funcionar de la mejor manera en cualquier dispositivo y tamaño de pantalla. Un pequeño esfuerzo extra hace toda la diferencia.

Finalmente, los viejos flujos de usuario confusos y difíciles de usar se registraron por completo en la lista de redesignación, donde se recopilarían y corregirían todos los atascos de contenido y errores de diseño.

Los resultados

PWA le dio a Airbnb la opción de optimizarse para la versión mini, con tiempos de carga minimizados de 11,9 s a 4,69 s. Cuando se vuelve más rápido, se vuelve más fluido, más receptivo y más conveniente, lo que lleva a una mayor participación del usuario, su número de momentos de deslizar hacia la derecha alcanzó su máximo histórico.

Y antes de que tuvieran la oportunidad de terminar el proyecto PWA, se recopilaron resultados y logros considerables:

• A pesar de las dificultades y las adversidades, el equipo de Airbnb logró concretar el rediseño y la remodelación de la web móvil en menos de un año.
• La tasa de conversión había sido testigo de un aumento del 25%.
• Y una mejora de 2,5 veces en el rendimiento con un promedio aproximado de 5,5 s de tiempo de carga.

¿Cómo se puede construir una PWA como Airbnb?

Airbnb PWA es el nivel de clase mundial de una plataforma web móvil en la práctica. Aclaremos el estándar allí. Airbnb PWA es donde tiene lugar la lista de miles de millones de casas de familia y alquileres de vacaciones, similar a un sitio web de comercio electrónico con una larga cartera de productos.

Con una base de datos inmensa, el proceso de carga puede llevar más tiempo para manejar el código y responder a la solicitud. Por lo tanto, una versión optimizada a menor escala es muy necesaria para que una tienda en línea comience y se mantenga rápida.

Es por eso que PWA es famoso entre los negocios de comercio electrónico. Esto es para usted si es propietario de un negocio en línea que desea transformar su tienda lenta y de bajo rendimiento.

¿Por qué Tigren PWA?

Sabemos que puede comunicarse fácilmente con toneladas de servicios de desarrollo de comercio electrónico, pero perdería mucho tiempo buscar y verificar cada agencia que sea la más adecuada que necesita.

Tigren es una de las agencias de subcontratación más importantes del mundo en el desarrollo de PWA. Habíamos buscado a tientas el camino para dominar la tecnología PWA desde que salió por primera vez. Hasta el día de hoy, hemos trabajado con casi 1000 clientes en todo el mundo y los hemos ayudado a aprovechar su ROI.

Soluciones Premium Tigren PWA

Podemos ayudarte con:

• Cree un sitio de PWA desde cero
• Creación personalizada e integración de partes de PWA
• Optimizar y actualizar una PWA existente
• Tema premium TigrenPWA listo para usar

Recibirá una consulta gratuita cuando se comunique con nosotros, e incluso puede solicitar un presupuesto antes de decidir si somos una buena pareja. Dependiendo de la complejidad de los proyectos, podemos ofrecer de 3 a 12 meses de soporte gratuito, estando con usted desde el anochecer hasta el amanecer para garantizar que el resultado sea exactamente lo que buscaba.

Conclusiones clave

Airbnb PWA fue un gran éxito, lo que enorgulleció a las personas a cargo al mirar hacia atrás, y los usuarios sonreían cada vez que comenzaban a prepararse para su próximo viaje.

Airbnb es rápido, confiable, estable, con un diseño cautivador y atractivo, además de la clase mundial que su equipo ha estado ofreciendo durante un tiempo; que mas pueden pedir

Con la prometedora anticipación de PWA como el próximo futuro estándar que domina el panorama en línea, ¿cuál es su veredicto sobre la invitación para los primeros usuarios?