Home Blogs Meilleurs exemples d’applications Web progressives : Tinder, Twitter, Walmart
Applications

Meilleurs exemples d’applications Web progressives : Tinder, Twitter, Walmart

About The Author

Outline

Cherchant à offrir une expérience utilisateur supérieure, les entreprises de toutes sortes adoptent désormais les dernières technologies, notamment les progressive Web Apps (PWA), les Single-page applications (SPA) et les sites Web React. La performance des réseaux mobiles n’est 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 rapides et convertissantes.

Parce que la vitesse équivaut à des revenus, et que le commerce électronique est un secteur hautement concurrentiel, il est difficile de trouver des exemples progressifs d’applications web. Mais nous pensons que ces informations devraient être partagées avec le public car les adoptants de 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 à se faire une idée de leur situation, nous présentons chaque mois quelques-uns des meilleurs exemples de PWA de commerce électronique. Dans cet épisode, nous avons décomposé les principales entreprises dans les industries de la décoration intérieure, des réseaux sociaux et des détaillants de masse.

Plateformes de réseaux sociaux avec PWA

1. Pinterest – PWA

Pinterest a été l’un des premiers à adopter une PWA pour leurs 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 signalé que leur nouvelle expérience PWA native de type application a augmenté le nombre d’utilisateurs mobiles actifs de plus du double, et la durée de la session a été multipliée par près de 4. La charge utile Javascript de leur page d’accueil est passée de ~490kb à ~190kb, créant des charges de page quasi instantanées 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 d’inciter les utilisateurs à s’engager — et à glisser vers la droite — à un niveau record.

Comparaison de Tinder PWA 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 économiseur 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 PWAs

4. Annie Selke – PWA + AMP + SSR

Annie Selke apporte une décoration de qualité à plus de 170k 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 le backend sans serveur pour frontend (BFF) d’Edgio. Annie Selke a constaté 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 à AMP, au rendu côté serveur et aux technologies PWA, Annie Selke constate un temps de chargement moyen de la première page de 0,74 s pour toutes les sources de trafic.

Offrez une wesbite de commerce électronique en moins de deux secondes

Edgio fournit constamment des charges de pages médianes inférieures à 500 ms pour les grands sites Web de commerce électronique. Ces gains de vitesse sont connus pour conduire à des élévations de conversion de 15 à 30%. Planifiez une conversation consultative !

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

Kirkland est allé au-delà de ses 431 magasins dans 37 États et optimisé pour un PWA de commerce électronique pour atteindre n’importe quel client à tout moment. L’optimisation de la vitesse du site était leur principal objectif, car ils l’ont identifié comme un leader 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 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 pages inférieurs à la seconde, un paiement par empreinte digitale et des connexions en un clic.

6. West Elm – PWA

West Elm, propriété de la société mère Williams-Sonoma Inc., est un grand chef de file de l’industrie qui a adopté la technologie PWA pour son expérience de 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 le site, et une augmentation de 9% des conversions.

Détaillants de masse avec des PWAs de commerce électronique

7. Macy’s. – SPA

Macy’s, une société IR6 et #1 dans son industrie de l’habillement et des accessoires, est passée au commerce électronique sans tête pour offrir la meilleure expérience possible à ses plus de 60 millions de visiteurs mensuels. Résultat : une croissance à deux chiffres en ligne 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 plate-forme de commerce électronique monolithique à fournisseur unique à un système flexible et de pointe basé sur des microservices.

8. Staples – PWA

La rapidité 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 désiré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 de 1 seconde et réduire de 6 secondes le temps de chargement du 98e centile. Résultat : une augmentation de 10% de leur taux de conversion.

9. Objectif – PWA

Target reçoit un nombre impressionnant de visiteurs mensuels de plus de 100 millions , mais fait toujours face à une concurrence acharnée avec Amazon et Walmart, deux grandes entreprises de commerce électronique qui ont adopté la technologie moderne et courtisé leurs clients. Target s’est concentrée sur la création d’une transition plus transparente entre les appareils mobiles et les ordinateurs de bureau après qu’un sondage a révélé que 80 % des acheteurs de Target commencent leur expérience de vente au détail sur un appareil et qu’ils finiront 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 base de magasins numériques 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 Groceries utilisent une technologie moderne pour optimiser leur expérience de magasinage en ligne mobile et de bureau. Avec plus de 11 700 000 dans le monde, le géant du commerce de 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, car elle est corrélée avec le temps passé sur le 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 interactifs et peut-être même plus rapides. Les consommateurs ont des attentes en matière de vitesse élevée, et les professionnels du commerce électronique seraient avisés de leur offrir une expérience rapide et engageante.

Pour vous élever au-dessus du bruit, suivez l’exemple de l’adoption précoce de leaders de l’industrie lorsqu’ils passent des sites Web traditionnels aux sites Web PWA/spas/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 apprendre comment Edgio peut vous aider à démarrer avec une PWA en 12 semaines. Nous sommes approuvés par les plus grands et les meilleurs, y compris 1-800-fleurs, Shoe Carnival, REVOLVE, et beaucoup plus.