12 meilleurs exemples d'applications Web progressives (PWA) en 2022
Publié: 2022-01-03Table des matières
Ce n'est un secret pour personne que la performance est essentielle au succès et à la rentabilité de toute entreprise en ligne. En conséquence, les sites Web de tous les secteurs utilisent une nouvelle norme appelée Progressive Web Apps (PWA) pour améliorer leurs performances.
Soutenue par Google, la technologie frontale vise à fournir un haut niveau de performances, quel que soit l'appareil ou l'état du réseau. Ils y parviennent en améliorant les PWA avec des qualités d'application natives fiables, rapides et attrayantes. Bien qu'il reçoive beaucoup d'attention, le concept de PWA est relativement nouveau pour la plupart des gens.
Pour comprendre en profondeur en quoi une application Web progressive diffère des sites Web réactifs conventionnels, la meilleure façon est de regarder quelques bons exemples de PWA.
Voici une liste d'exemples impressionnants d'applications Web progressives dans une variété d'industries - afin que vous puissiez découvrir vous-même la nouvelle technologie Web.
1. Starbucks
Dans le but de fournir une commande en ligne accessible et conviviale à tous ses clients, Starbucks a créé une PWA du système de commande sur le Web, qui offre une expérience similaire à son application native existante. En d'autres termes, avec sa capacité à fonctionner en mode hors ligne, Starbucks PWA permet à ses clients de parcourir le menu, de personnaliser leurs commandes et d'ajouter des articles à leurs paniers, le tout sans accès constant à Internet. Une fois en ligne, ils peuvent voir les prix spécifiques à l'emplacement et passer leur commande de nourriture et de boissons.
Comme la plupart des PWA sont disponibles sans connexion réseau, c'est idéal pour les clients en déplacement qui peuvent entrer et sortir de la connectivité tout au long de la journée ou pour les marchés émergents comme les communautés rurales où la connexion est moins fiable. En lançant la nouvelle PWA de commande, Starbucks a déjà obtenu des résultats significatifs. La PWA est 99,84 % plus petite que l'application iOS existante de Starbucks, ce qui fait de l'application Web l'une des préférées de ses utilisateurs. En conséquence, ils ont doublé le nombre d'internautes qui passent des commandes chaque jour, les utilisateurs d'ordinateurs de bureau commandant désormais à peu près au même rythme que les utilisateurs mobiles.
2. Debenhams
Quand on parle de marques qui transforment leur expérience d'achat dans l'industrie de la mode, vous ne pouvez pas manquer Debenham. La célèbre marque britannique s'est rendu compte que même si son ancien site Web avait augmenté le trafic mobile, le taux de conversion mobile n'augmentait pas. Ils ont donc conclu qu'il était temps de passer à la transformation numérique, sinon leur croissance numérique et globale ralentirait bientôt. La marque a cherché une solution capable d'offrir une expérience fluide aux utilisateurs, notamment sur les appareils mobiles.
PWA était la réponse pour l'équipe de Debenhams. Après avoir transformé leur ancien site Web en PWA, leurs efforts ont sûrement porté leurs fruits. Ils ont amélioré l'expérience client en supprimant les blocages du parcours client - pages lentes, structure difficile à naviguer, processus de paiement compliqué. Dans l'ensemble, Debenhams a enregistré une augmentation de 40 % de ses revenus sur mobile et une augmentation de 20 % de ses conversions.
3. Bmw
En tant que marque pionnière dans l'industrie automobile, BMW prouve qu'elle n'a pas peur des nouvelles technologies, que ce soit avec ses voitures ou son site Web. Afin d'améliorer l'expérience client, la marque a cherché à fournir un contenu de qualité et engageant, qui reflète ses valeurs.
Le nouveau PWA de BMW offre définitivement aux utilisateurs une expérience «wow». La première chose que tout le monde remarquerait, ce sont les images et les vidéos haute résolution, et le Web se charge pratiquement instantanément avec toutes ces fonctionnalités (4 fois plus rapide que l'ancien site). Leurs rapports ont également montré d'autres chiffres impressionnants suite à la mise en place de la PWA : augmentation de 4X du nombre de personnes cliquant de la page d'accueil vers un site de vente BMW ; 50 % de croissance des mobinautes et 49 % de visites sur le site en plus par rapport à l'ancien site.
4. Flipboard
En tant que magazine social le plus populaire au monde, Flipboard permet aux lecteurs de suivre tous les sujets, actualités et événements qui les intéressent, à partir d'un seul endroit. En fonction des intérêts de l'utilisateur, la plate-forme rassemble des nouvelles et des histoires du monde entier dans un format magazine. Les utilisateurs de Flipboard peuvent suivre leurs sources préférées et enregistrer des histoires, des images et des vidéos dans leurs propres magazines Flipboard pour les lire plus tard ou les partager avec d'autres.
Flipboard est l'un des meilleurs exemples de PWA pour les actualités en ligne. Le PWA minimise l'utilisation des données pour offrir une expérience de navigation fluide et rapide, dans une belle interface. Jusqu'au lancement de leur PWA, Flipboard était une application mobile, qui ne présentait que sur les appareils mobiles. Par conséquent, la PWA permet désormais à Flipboard d'offrir une expérience similaire à son application native complète sur le Web, la rendant également disponible pour les utilisateurs de bureau.
5. Tranche sonore
Soundslice est le logiciel avancé d'éducation musicale sur le Web qui révolutionne la façon dont les musiciens apprennent et pratiquent la musique. La société utilise PWA pour offrir la meilleure expérience de création et d'apprentissage de la musique. Le logiciel basé sur PWA rend le processus d'apprentissage d'un morceau de musique plus facile et plus efficace pour les musiciens autodidactes avec un lecteur de musique innovant. Le lecteur Soundslice permet aux utilisateurs d'apprendre un morceau de musique tout en le lisant et en l'écoutant sur n'importe quel appareil, qu'il s'agisse d'un téléphone ou d'un ordinateur de bureau à grand écran. En plus de cela, les professeurs de musique peuvent utiliser l'outil pour créer des leçons de musique interactives. En mettant l'accent sur l'apprentissage à partir d'enregistrements, Soundslice possède également un magasin qui vend des leçons et des transcriptions.
6. Jeu 2048
Le jeu de puzzle 2048 a été initialement publié en tant qu'application gratuite pour Android et iOs en 2014. Il est immédiatement devenu un succès viral avec plus de 4 millions d'utilisateurs en moins d'une semaine après son lancement. Le jeu est simple et addictif. Décrit comme "Candy Crush for math geeks", son objectif est de combiner des blocs avec les mêmes nombres pour finalement totaliser 2048. Une version officielle de PWA est disponible sur 2048game.com afin que les joueurs puissent obtenir un accès instantané depuis n'importe quel navigateur Web. Avec des transitions fluides et une vue plein écran, il est difficile de distinguer la PWA de son homologue d'application native. De plus, le 2048 PWA peut être entièrement joué en mode hors ligne.
7. MakeMyTrip
Le site MakeMyTrip.com est un excellent exemple de PWA. La principale agence de voyages indienne compte environ huit millions de visiteurs sur son site chaque mois, le trafic mobile représentant les deux tiers. Le mobile devenant le canal de réservation préféré des clients de MakeMyTrip, ils ont développé une PWA qui a conduit à une expérience Web mobile rapide, fiable et raffinée.
La nouvelle expérience PWA a triplé son taux de conversion en réduisant les temps de chargement des pages de 38 %. Par rapport à son site mobile précédent, MakeMyTrip a entraîné une augmentation de 160 % des sessions utilisateur et a réduit le taux de rebond de 20 % .
8.Uber
Au fur et à mesure que l'entreprise se développe sur de nouveaux marchés, son site Web Uber a été reconstruit à partir de zéro en tant que PWA pour offrir une expérience de réservation comparable à l'application mobile native. L'Uber PWA est conçu pour rendre la réservation de voiture viable sur les réseaux 2G à bas débit. Construit autour du concept d'une expérience de type application accessible sur tous les navigateurs modernes, le PWA est idéal pour les passagers sur des appareils bas de gamme, qui peuvent ne pas être compatibles avec l'application Uber native.
En apportant l'expérience native dans une application Web ultra-légère, Uber a permis des demandes de trajet rapides indépendamment de l'emplacement, de la vitesse du réseau et de l'appareil. L'application principale de seulement 50 Ko lui permet de se charger en 3 secondes sur les réseaux 2G.
9. Kopa (le joueur de flûte )
Kopa (anciennement appelé Padpiper) est la plateforme pour aider les étudiants à trouver facilement un logement de confiance pour les trimestres scolaires et les stages, et permettre aux propriétaires de trouver rapidement des locataires appropriés pour leurs espaces. En fait, la plate-forme prend désormais en charge 9 000 écoles et compte plus de 100 listes sur sa PWA. Ils ont vérifié les propriétaires et les avis des listes pour faire gagner du temps aux étudiants dans la recherche de la meilleure solution. Une fois que les élèves ont ajouté l'adresse du lieu de travail, ils peuvent rechercher des itinéraires pour se rendre au travail à partir de chaque liste de la page de résultats. L'application Web peut également connecter les étudiants avec d'autres personnes qui travaillent près d'eux ou découvrir où se trouvent leurs camarades de classe en coopération.
10. Pinterest
En mettant l'accent sur la croissance internationale, Pinterest a commencé sa nouvelle expérience Web mobile à partir de zéro en tant que PWA. Le réseau social a constaté que seulement 1 % de ses utilisateurs mobiles se convertissent en inscriptions, connexions ou installations d'applications, en raison de mauvaises performances sur mobile.
Après avoir réalisé que l'opportunité d'améliorer la conversion était énorme, ils ont donc reconstruit le Web mobile à l'aide de la technologie PWA, ce qui a conduit à plusieurs résultats positifs : le temps passé est en hausse de 40 % par rapport au Web mobile précédent, les revenus publicitaires générés par les utilisateurs sont en hausse. 44 % et les engagements principaux sont en hausse de 60 %
11. Délicieux
Yummly est la plate-forme de découverte de cuisine intelligente qui apprend le goût, les besoins nutritionnels, le niveau de compétence d'un individu et plus encore pour recommander des recettes personnalisées, des listes de courses et une livraison d'épicerie en une heure. En plus de son application Android et iOS native, Yummly est également disponible sur les navigateurs Web en tant que PWA. Tout comme sa présence native, The Yummly PWA propose un moteur de recherche pour la nourriture, la cuisine et les recettes. Il permet aux utilisateurs de rechercher parmi plus d'un million de recettes, provenant des meilleurs sites alimentaires, de blogs de niche ou de marques alimentaires locales. De plus, les résultats de la recherche peuvent être filtrés par ingrédient, régime, allergie, nutrition, prix, cuisine, heure, goût, plats et plus encore.
12. Spotify
Votre lecteur de musique préféré est désormais alimenté par PWA. En raison d'un désaccord entre Spotify et Apple concernant la commission de 30 % de l'App Store d'Apple, Spotify a trouvé l'occasion opportune de commencer à développer une version PWA de son application, comme l'ont fait de nombreuses autres grandes marques. Par rapport à son homologue d'application native, la version PWA est considérablement plus rapide avec sa propre interface utilisateur unique et adaptative qui change d'arrière-plan au fur et à mesure que l'utilisateur progresse dans l'application. Comme beaucoup d'autres PWA, les utilisateurs sont également invités à ajouter Spotify PWA à leur écran d'accueil, ce qui rend Spotify PWA plus accessible et à égalité avec ses autres versions.
Emballer
PWA peut être appliqué à de nombreuses sections de la sphère technologique, des jeux PWA à PWA Magento. Pour mieux comprendre PWA et ses cas d'utilisation dans votre domaine spécifique, veuillez consulter nos autres articles dédiés :
Lectures complémentaires
