Poussant à fournir une expérience utilisateur supérieure, les entreprises de toutes sortes adoptent maintenant les dernières technologies, y compris les applications Web progressives (PWA), les applications monopage (SPA) et les sites Web React. Les performances du réseau mobile ne sont plus une préoccupation pour ces leaders de l’industrie qui sont passés au commerce électronique sans tête et ont adopté des applications Web progressives de commerce électronique pour fournir des expériences de conversion rapides et éclairées.
Parce que la vitesse équivaut à des revenus, et que le commerce électronique est une industrie hautement compétitive, il est difficile de trouver des exemples d’applications Web progressives. Mais nous pensons que ces informations devraient être partagées avec le public car les adoptants PWA reçoivent une visibilité, un trafic, un engagement et des conversions plus élevés. Pour aider les entreprises de commerce électronique à comprendre le paysage actuel et à avoir une idée de leur position, nous présentons quelques-uns des meilleurs exemples de PWA de commerce électronique chaque mois. Dans cette tranche, nous avons décomposé les principales entreprises dans les industries de la décoration d’intérieur, des réseaux sociaux et des détaillants de masse.
Plateformes de réseautage social avec PWA
1. Pinterest – PWA
Pinterest a été l’un des premiers à adopter une PWA pour ses utilisateurs iOS et Android. Une plate-forme destinée à inspirer les esprits créatifs a permis aux gens de quitter leur expérience mobile. Pinterest a rapporté que leur nouvelle expérience PWA native semblable à une application a augmenté leur nombre d’utilisateurs mobiles actifs de plus du double, et que la durée de la session a été multipliée par près de quatre. Leur charge utile Javascript de la page d’accueil est passée de ~490kb à ~190kb, créant des chargements de page presque instantanés pour les utilisateurs, même dans des environnements à faible bande passante. Les notifications push, l’invite « Ajouter à l’écran d’accueil », le paramètre « mode nuit » et la mise en cache des ressources ont créé une expérience vraiment attrayante pour les utilisateurs mobiles.
2. Tinder – PWA
Tinder, l’application de rencontres qui voit plus de 60 millions d’utilisateurs mensuels dans plus de 250 pays différents, fournit une PWA pour les utilisateurs de bureau et mobiles. Connue sous le nom de Tinder Online, la nouvelle expérience Web reçoit plus de balayages, de modifications de profil et de temps passé par session utilisateur que leur expérience d’application native. La petite taille du noyau PWA a permis à Tinder de réduire les temps de chargement de 11,9 secondes à 4,69 secondes et a permis aux utilisateurs de s’engager – et de glisser vers la droite – à un niveau record.
Comparaison de la PWA Tinder avec des exemples d’applications natives. (Source : moyenne)
3. Twitter – PWA
Dans un effort direct pour créer plus d’engagement des utilisateurs, Twitter s’est tourné vers la technologie PWA pour offrir une meilleure expérience utilisateur et a connu des victoires majeures. Twitter Lite est un excellent exemple de PWA, car il a augmenté le nombre de pages par session de 65% et augmenté le nombre de Tweets envoyés de 75%. En ajoutant le mode d’économie de données et en optimisant la taille de leur PWA jusqu’à 60 Ko, leurs plus de 300 millions d’utilisateurs mobiles actifs ont pu naviguer rapidement dans le contenu, même sur les réseaux 2G.
Décoration d’intérieur livrant des PWA
4. Annie Selke – PWA + AMP + SSR
Annie Selke apporte un décor de qualité à plus de 170 000 visiteurs par mois. Comprenant l’importance de la vitesse du site Web sur SEO et SEM, la société d’ameublement a lancé son PWA avec conversion auto-AMP sur Serverless Backend for Frontend (BFF) d’Edgio. Annie Selke a vu une augmentation spectaculaire de 40,41% du trafic organique mobile et a réduit leurs vitesses de navigation à un temps de chargement médian de 538 ms sur Edgio. Grâce aux technologies AMP, de rendu côté serveur et PWA, Annie Selke voit un temps de chargement moyen de la première page de 0,74 s sur toutes les sources de trafic.
Offrez un wesbite eCommerce en moins de seconde
Edgio fournit constamment des charges médianes de pages inférieures à 500 ms pour les grands sites Web de commerce électronique. Ces gains de vitesse sont connus pour conduire à des ascenseurs de conversion de 15 à 30%.
5. Kirkland’s Inc – PWA + AMP + SSR
Kirkland’s est allé au-delà de ses 431 magasins dans 37 états et optimisé pour qu’une PWA eCommerce atteigne n’importe quel client à tout moment. L’optimisation de la vitesse du site était leur principal objectif, car ils l’ont identifié comme un avant-garde concurrentiel. Le détaillant de décoration intérieure a utilisé le framework React PWA open source d’Edgio avec conversion AMP intégrée et prise en charge du rendu côté serveur sur l’infrastructure Edgio. Kirkland’s est maintenant parmi les sites Web de vente au détail les plus rapides et permet des achats rapides et faciles avec des chargements de page en moins de seconde, une vérification par empreinte digitale et des connexions en un clic.
6. Orme occidental – PWA
West Elm, détenue par la société mère Williams-Sonoma Inc., est un grand leader de l’industrie qui a adopté la technologie PWA pour son expérience du commerce mobile. Le style moderne de leurs produits correspond à leur expérience PWA avec un look élégant et élégant pour leurs 4 millions d’utilisateurs mensuels. Leur application web progressive eCommerce leur a apporté une augmentation de 15% du temps moyen sur site, et une hausse de 9% des conversions.
Détaillants de masse avec PWA eCommerce
7. Macy’s – SPA
Macy’s, une société de l’IR6 et numéro 1 dans son industrie de l’habillement et des accessoires, a fait la transition vers le commerce électronique sans tête pour offrir la meilleure expérience possible à ses plus de 60 millions de visiteurs mensuels. Résultat : une croissance en ligne à deux chiffres au cours des 3 dernières années. La vitesse du site de Macy s’est considérablement améliorée et, à son tour, a boosté son classement de recherche et son expérience client. Dans ce récent webinaire, Lenny Stofsky, directeur de l’ingénierie chez Macy’s, affirme que l’approche headless et son architecture de microservices les rendent plus agiles et agiles. « Grâce à des opérations de développement automatisées, à des tests de régression améliorés et à des équipes dédiées pour évoluer et innover, nous pouvons déployer toutes les deux semaines », déclare Stofsky.
Écoutez Lenny Stofsky, directeur de l’ingénierie chez Macys.com, expliquer la transition d’une plateforme de commerce électronique monolithique à fournisseur unique à un système flexible et de pointe basé sur des microservices.
8. Staples – PWA
La vitesse du site Web de Staples est devenue une priorité absolue pour offrir la meilleure expérience utilisateur possible et générer plus de ventes. Ces résultats souhaités sont devenus importants car le détaillant de masse a constaté que leur temps de chargement augmentait, leur taux de rebond augmentait et leur taux de conversion diminuait. Après une analyse complète de l’expérience client, Staples a pu réduire le temps de chargement médian de sa page d’accueil d’une seconde et réduire de 6 secondes son temps de chargement pour le 98e centile. Résultat : une augmentation de 10% de leur taux de conversion.
9. Cible – PWA
Target reçoit un nombre impressionnant de visiteurs mensuels de plus de 100 millions, mais fait toujours face à une concurrence rude avec Amazon et Walmart, deux grandes entreprises de commerce électronique qui ont adopté une technologie moderne et ont couronné leurs clients. Target a mis l’accent sur la création d’une transition plus harmonieuse entre les appareils mobiles et les ordinateurs de bureau après qu’un sondage eut révélé que 80 % des acheteurs de Target commencent leur expérience de vente au détail sur un appareil et finissent probablement sur un autre. Pour répondre rapidement à un paysage en constante évolution, un PWA est devenu leur solution pour améliorer certaines de leurs offres de magasin numérique de base et fournir une expérience attrayante et unifiée pour les acheteurs sur mobile et ordinateur de bureau.
10. Walmart – SPA
Walmart gagne dans toutes les catégories. Walmart.com et Walmart épiceries utilisent la technologie moderne pour optimiser leur expérience de magasinage en ligne mobile et de bureau. Avec plus de 11 700 dans le monde entier, le géant de la vente au détail voulait impressionner tous les clients « lorsqu’ils entrent dans nos magasins ou cliquent sur notre site », déclare Judith McKenna, chef de l’exploitation de Walmart aux États-Unis. La technologie moderne a considérablement affecté leur expérience en ligne immersive et la façon dont ils perçoivent la vitesse du site en corrélation avec le temps passé sur site. Le site de commerce électronique a constaté que pour chaque 100 ms d’amélioration de la charge de page, il y avait jusqu’à un pour cent d’augmentation des revenus incrémentiels.
Résultat
Les applications Web progressives sont l’avenir du commerce électronique. Cette nouvelle ère de la technologie Web moderne comprend une course entre les entreprises de commerce électronique pour fournir le site le plus rapide possible et la meilleure expérience utilisateur pour gagner un avantage concurrentiel. Les applications natives ne sont plus la meilleure solution : les PWA sont tout aussi interactives et peut-être même plus rapides. Les consommateurs ont des attentes en matière de haute vitesse, et les professionnels du commerce électronique seraient avisés de leur fournir une expérience rapide et engageante.
Pour vous élever au-dessus du bruit, suivez l’exemple des leaders de l’industrie qui ont adopté les premiers temps alors qu’ils passent des sites Web traditionnels aux sites Web PWA/SPA/React et offrent une expérience quasi instantanée qui stimule les conversions et les gains SEO.
Pour d’autres exemples d’applications Web progressives, consultez cette liste d’entreprises de commerce électronique modernes utilisant les frameworks SPA, PWA et React, ou planifiez une conversation consultative pour découvrir comment Edgio peut vous aider à vous mettre en route avec une PWA en 12 semaines.
