Home Blogs Mejores ejemplos de aplicaciones web progresivas: Tinder, Twitter, Walmart
Applications

Mejores ejemplos de aplicaciones web progresivas: Tinder, Twitter, Walmart

About The Author

Outline

Empujando para proporcionar una experiencia de usuario superior, las empresas de todo tipo están adoptando las últimas tecnologías, incluyendo Progressive Web Apps (PWA), Single-Page Applications (SPA) y sitios web de React. El rendimiento de la red móvil ya no es una preocupación para estos líderes de la industria que han cambiado a un comercio electrónico sin cabeza y han adoptado aplicaciones web progresivas de comercio electrónico para proporcionar experiencias de conversión rápidas en la iluminación.

Debido a que la velocidad equivale a ingresos, y el comercio electrónico es una industria altamente competitiva, es difícil encontrar ejemplos progresivos de aplicaciones web. Pero creemos que esta información debe ser compartida con el público, ya que los adoptantes de PWA están recibiendo mayor visibilidad, tráfico, participación y conversiones. Para ayudar a las empresas de comercio electrónico a entender el panorama actual y tener una idea de dónde están, mostramos algunos de los mejores ejemplos de PWA de comercio electrónico mensualmente. Dentro de esta entrega, hemos desglosado las empresas líderes en las industrias de decoración para el hogar, redes sociales y minoristas masivos.

Plataformas de redes sociales con PWAs

1. Pinterest – PWA

Pinterest fue uno de los primeros en crear una PWA para sus usuarios de iOS y Android. Una plataforma destinada a inspirar mentes creativas hizo que las personas abandonaran su experiencia móvil. Pinterest informó que su nueva experiencia de PWA nativa similar a una aplicación aumentó su número de usuarios móviles activos en más del doble, y la duración de la sesión se multiplicó casi por cuatro. La carga útil Javascript de su página principal pasó de ~490kb a ~190kb, creando cargas de página casi instantáneas para usuarios incluso en entornos de bajo ancho de banda. Las notificaciones push, el indicador «Añadir a la pantalla de inicio», la configuración «modo nocturno» y el almacenamiento en caché de activos han creado una experiencia realmente atractiva para los usuarios móviles.

2. Tinder – PWA

Tinder, la aplicación de citas que ve a más de 60 millones de usuarios mensuales en más de 250 países diferentes, ofrece una PWA para usuarios de escritorio y móviles. Conocida como Tinder Online, la nueva experiencia web recibe más deslizamientos, ediciones de perfil y tiempo dedicado por sesión de usuario que su experiencia de aplicación nativa. El pequeño tamaño del núcleo de PWA ayudó a Tinder a reducir los tiempos de carga de 11,9 a 4,69 segundos y a hacer que los usuarios interactúen —y deslicen a la derecha— en un máximo histórico.

Comparación de Tinder PWA con ejemplos de aplicaciones nativas. (Fuente: Medium)

3. Twitter – PWA

En un esfuerzo directo por crear más participación de los usuarios, Twitter recurrió a la tecnología PWA para ofrecer una mejor experiencia de usuario y vio grandes victorias. Twitter Lite es un gran ejemplo de PWA, ya que aumentó las páginas por sesión en un 65% y aumentó la cantidad de Tweets enviados en un 75%. Al agregar el modo de ahorro de datos y optimizar el tamaño de su PWA hasta 60kb, sus más de 300 millones de usuarios móviles activos podrían navegar rápidamente a través del contenido, incluso en redes 2G.

Decoración del hogar entregando PWAs

4. Annie Selke – PWA + AMP + SSR

Annie Selke trae la decoración casera de calidad a más de 170 mil visitantes al mes. Entendiendo la importancia de la velocidad del sitio web en SEO y SEM, la compañía de muebles para el hogar lanzó su PWA con conversión automática de AMP en el backend sin servidor de Edgio para Frontend (BFF). Annie Selke vio un aumento dramático del 40,41% en el tráfico orgánico móvil y redujo sus velocidades de navegación a un tiempo de carga promedio de 538 ms en Edgio. A través de AMP, renderizado del lado del servidor y tecnologías PWA, Annie Selke ve un tiempo promedio de carga de primera página de 0.74s en todas las fuentes de tráfico.

Entregar un sub-segundo wesbite de comercio electrónico

Edgio ofrece constantemente cargas de páginas medianas de menos de 500 ms para grandes sitios web de comercio electrónico. Se sabe que estas ganancias de velocidad conducen a aumentos de conversión del 15-30%. ¡Programar una conversación consultiva!

5. Kirkland’s Inc. – PWA + AMP + SSR

Kirkland’s ha ido más allá de sus 431 tiendas en 37 estados y optimizado para un PWA de comercio electrónico para llegar a cualquier cliente en cualquier momento. Optimizar la velocidad del sitio era su principal objetivo, ya que lo identificaron como una vanguardia competitiva. El minorista de decoración para el hogar utilizó el framework de código abierto React PWA de Edgio con conversión AMP incorporada y soporte de renderizado del lado del servidor en la infraestructura de Edgio. Kirkland’s es ahora uno de los sitios web minoristas más rápidos y permite compras rápidas y fáciles con cargas de páginas de subsegundos, pago de huellas dactilares y inicios de sesión con un solo clic.

6. West Elm – PWA

West Elm, propiedad de la empresa matriz Williams-Sonoma Inc. Es un gran líder de la industria que ha adoptado la tecnología PWA para su experiencia de comercio móvil. El estilo moderno de sus productos combina su experiencia PWA con un aspecto elegante y elegante para sus 4 millones de usuarios mensuales. Su aplicación web progresiva de comercio electrónico les trajo un aumento del 15% en el tiempo promedio en el sitio, y un aumento del 9% en las conversiones.

Minoristas masivos con PWA de comercio electrónico

7. Macy’s.. – SPA

Macy’s, una compañía IR6 y #1 en su industria de prendas de vestir y accesorios, hizo la transición al comercio electrónico sin cabeza para proporcionar la mejor experiencia posible para sus más de 60 millones de visitantes mensuales. El resultado: Crecimiento en línea de dos dígitos en los últimos 3 años. La velocidad del sitio de Macy ha mejorado enormemente y, a su vez, ha impulsado su ranking de búsqueda y la experiencia del cliente. En este reciente webinar, Lenny Stofsky, Director de Ingeniería de Macy’s, afirma que el enfoque sin cabeza y su arquitectura de microservicios los hacen más ágiles y ágiles. “A través de operaciones de desarrollo automatizadas, pruebas de regresión mejoradas y equipos dedicados a escalar e innovar, podemos implementar cada dos semanas”, afirma Stofsky.

Escuche a Lenny Stofsky, Director de Ingeniería de Macys.com, caminar a través de la transición de una plataforma monolítica de comercio electrónico de un solo proveedor a un sistema flexible, el mejor de su clase basado en microservicios.

8. Staples – PWA

La velocidad del sitio web de Staples se convirtió en una prioridad para proporcionar la mejor experiencia de usuario posible para impulsar más ventas. Estos resultados deseados se volvieron importantes a medida que el minorista masivo descubrió que su tiempo de carga aumentó, su tasa de rebote aumentó y su tasa de conversión disminuyó. Después de un análisis completo de su experiencia de viaje del cliente, Staples podría reducir el tiempo de carga medio de su página de inicio en 1 segundo y afeitar 6 segundos de su tiempo de carga para el percentil 98. El resultado: Un aumento del 10% en su tasa de conversión.

9. Objetivo – PWA

Target recibe unos impresionantes 100 millones de visitantes mensuales , pero aún enfrenta una dura competencia con Amazon y Walmart, dos empresas líderes de comercio electrónico que adoptaron la tecnología moderna y atracaron a sus clientes. Target se centró en crear una transición más fluida entre el móvil y el escritorio después de que una encuesta reveló que el 80 por ciento de los compradores de Target comienzan su experiencia minorista en un dispositivo y es probable que terminen en otro. Para responder rápidamente al panorama en constante evolución, una PWA se convirtió en su solución para mejorar algunas de sus ofertas principales de tiendas digitales y proporcionar una experiencia atractiva y unificada para los compradores en dispositivos móviles y de escritorio.

10. Walmart – SPA

Walmart gana en todas las categorías. Walmart.com y Walmart Groceries utilizan tecnología moderna para optimizar su experiencia de compra en línea móvil y de escritorio. Con más de 11.700 en todo el mundo, el gigante minorista quería sorprender a todos los clientes “cuando entran en nuestras tiendas o hacen clic en nuestro sitio”, afirma Judith McKenna, directora de operaciones de Walmart. La tecnología moderna ha afectado dramáticamente su experiencia inmersiva en línea y la forma en que ven la velocidad del sitio, ya que se correlaciona con el tiempo que pasan en el sitio. El sitio de comercio electrónico encontró que por cada 100 ms de mejora de carga de página, hubo un aumento de hasta un uno por ciento en los ingresos incrementales.

En resumen

Las aplicaciones web progresivas son el futuro del comercio electrónico. Esta nueva era de tecnología web moderna incluye una carrera entre las empresas de comercio electrónico para ofrecer el sitio más rápido posible y la mejor experiencia de usuario para ganar una ventaja competitiva. Las aplicaciones nativas ya no son la mejor solución: Las PWAs son igualmente interactivas y tal vez incluso más rápidas. Los consumidores tienen expectativas de alta velocidad, y los profesionales del comercio electrónico serían sabios para proporcionarles una experiencia atrayente y veloz.

Para superar el ruido, sigue el ejemplo de la adopción temprana de líderes de la industria, ya que cambian de sitios web tradicionales a sitios web PWAs / spas / React y ofrecen una experiencia casi instantánea que impulsa las conversiones y las ganancias de SEO.

Para obtener ejemplos adicionales de aplicaciones web progresivas, consulte esta lista de empresas modernas de comercio electrónico que usan marcos de SPA, PWA y React, o programe una conversación consultiva para aprender cómo Edgio puede ayudarlo a ponerse en marcha con una PWA en 12 semanas. Nos confían los más grandes y mejores, incluyendo 1-800-Flowers, Shoe Carnival, REVOLVE, y muchos más.