Con el objetivo de proporcionar una experiencia de usuario superior, las empresas de todo tipo están adoptando las últimas tecnologías, incluidas las aplicaciones web progresivas (PWA), las aplicaciones de una sola página (SPA) y los 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 y de 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, compromiso y conversiones. Para ayudar a las empresas de comercio electrónico a entender el panorama actual y tener una idea de dónde se encuentran, 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 del hogar, redes sociales y minoristas masivos.
Plataformas de redes sociales con PWAs
1. Pinterest – PWA
Pinterest fue uno de los primeros en adoptar una PWA para sus usuarios de iOS y Android. Una plataforma destinada a inspirar mentes creativas tenía a las personas que abandonaban 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. Su carga de Javascript de la página de inicio pasó de ~490kb a ~190kb, creando cargas de página casi instantáneas para los usuarios incluso en entornos de bajo ancho de banda. Las notificaciones push, el mensaje “Agregar a la pantalla de inicio”, el ajuste “modo nocturno” y el almacenamiento en caché de activos han creado una experiencia verdaderamente atractiva para los usuarios móviles.
2. Tinder – PWA
Tinder, la aplicación de citas con más de 60 millones de usuarios mensuales en más de 250 países diferentes, ofrece un 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 PWA ayudó a Tinder a reducir los tiempos de carga de 11,9 segundos a 4,69 segundos y a que los usuarios se involucraran (y deslizaran hacia la derecha) en un máximo histórico.
Comparando la PWA de Tinder 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 obtuvo importantes 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 decoración de calidad para el hogar 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 mobiliario para el hogar lanzó su PWA con conversión automática de AMP en el backend sin servidor para Frontend (BFF) de Edgio. 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 medio 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,74 segundos en todas las fuentes de tráfico.
Entregar un wesbite de comercio electrónico de sub-segundo
Edgio entrega constantemente cargas medianas de página por debajo de 500 ms para grandes sitios web de comercio electrónico. Se sabe que estas ganancias de velocidad conducen a elevadores de conversión de 15-30%.
5. Kirkland’s Inc. – PWA + AMP + SSR
Kirkland’s ha ido más allá de sus 431 tiendas en 37 estados y ha optimizado para que un eCommerce PWA llegue 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ágina de sub-segundo, pago de huellas dactilares y inicio 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 eCommerce PWAs
7. Macy’s.. – SPA
Macy’s, una compañía IR6 y número 1 en su industria de ropa y accesorios, hizo la transición al comercio electrónico sin cabeza para proporcionar la mejor experiencia posible a 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’s ha mejorado enormemente y, a su vez, ha mejorado 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 desplegar cada dos semanas”, afirma Stofsky.
Escuche a Lenny Stofsky, Director de Ingeniería de Macys.com, recorrer la transición de una plataforma monolítica de comercio electrónico de un solo proveedor a un sistema flexible y de mejor calidad basado en microservicios.
8. Grapas – 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 en masa encontró 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 medio de carga de su página de inicio en 1 segundo y reducir 6 segundos 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 una impresionante cantidad de 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 cortejaron a sus clientes. Target se centró en crear una transición más fluida entre dispositivos móviles y de escritorio después de que una encuesta revelara 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. Las tiendas de comestibles Walmart.com y Walmart 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 impresionar a todos los clientes «cuando entran en nuestras tiendas o hacen clic en nuestro sitio», afirma Judith McKenna, directora de operaciones de Walmart U.S.. 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 empleado en el sitio. El sitio de comercio electrónico descubrió que por cada 100 ms de mejora de carga de página, había un aumento de hasta un 1% en los ingresos incrementales.
Conclusión
Las aplicaciones web progresivas son el futuro del comercio electrónico. Esta nueva era de la 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 PWA son igualmente interactivas y quizás incluso más rápidas. Los consumidores tienen expectativas de alta velocidad, y los profesionales de comercio electrónico serían sabios para proporcionarles una experiencia atractiva y veloz.
Para superar el ruido, siga el ejemplo de la adopción temprana de líderes de la industria mientras cambian de sitios web tradicionales a sitios web PWAs / spas / React y ofrecen una experiencia casi instantánea que impulsa las conversiones y gana el SEO.
Para obtener ejemplos adicionales de aplicaciones web progresivas, consulte esta lista de empresas modernas de comercio electrónico que utilizan los marcos SPA, PWA y React, o programe una conversación consultiva para saber cómo Edgio puede ayudarle a ponerse en marcha con una PWA en 12 semanas.
