12 meilleurs exemples d’applications Web progressives en 2022

By Thomas GROLLEAU

Ce n’est un secret pour personne : les performances sont essentielles au succès et à la rentabilité de toute entreprise en ligne. Par conséquent, 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, cette technologie frontale vise à offrir un haut niveau de performance, quel que soit l’appareil ou l’état du réseau. Pour ce faire, les PWA sont dotées des qualités des applications natives, qui sont fiables, rapides et attrayantes. Bien qu’il fasse l’objet d’une grande attention, le concept de PWA est relativement nouveau pour la plupart des gens.

Pour bien comprendre en quoi une application Web progressive diffère des sites Web réactifs classiques, le mieux est de regarder quelques bons exemples de PWA.

Starbucks

Dans le but de fournir des commandes en ligne accessibles et conviviales à tous ses clients, Starbucks a construit une PWA du système de commande sur le web, qui offre une expérience similaire à celle de son application native existante.

En d’autres termes, grâce à sa capacité à fonctionner en mode hors ligne, la PWA de Starbucks permet à ses clients de parcourir le menu, de personnaliser leurs commandes et d’ajouter des articles à leur panier, le tout sans accès permanent à Internet. Une fois en ligne, ils peuvent consulter les prix en fonction de l’emplacement et passer leur commande de nourriture et de boissons.

Comme la majeure partie de la PWA est disponible sans connexion réseau, elle est idéale pour les clients nomades qui peuvent être connectés ou déconnectés 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à constaté des résultats significatifs. La PWA est 99,84 % plus petite que l’application iOS existante de Starbucks, faisant de l’application web la préférée de ses utilisateurs. En conséquence, ils ont doublé le nombre d’utilisateurs web qui passent des commandes chaque jour, les utilisateurs de bureau commandant désormais à peu près au même rythme que les utilisateurs mobiles.

Comment se connecter au réseau Wi-Fi de Starbucks

Debenhams

Quand on parle de marques qui transforment l’expérience d’achat dans le secteur de la mode, on ne peut pas passer à côté de Debenhams. La célèbre marque britannique a réalisé que même si son ancien site Web avait augmenté le trafic mobile, le taux de conversion mobile n’augmentait pas.

Elle en a donc conclu qu’il était temps de procéder à une transformation numérique, faute de quoi sa croissance numérique et globale allait bientôt ralentir. La marque a cherché une solution capable d’offrir une expérience fluide aux utilisateurs, en particulier sur les appareils mobiles.

A lire également :   Que signifie "le propriétaire de ce site web a banni votre adresse IP".

La PWA était la réponse pour l’équipe de Debenhams. Après avoir transformé leur ancien site web en une 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é. Globalement, Debenhams a bénéficié d’une augmentation de 40 % de ses revenus mobiles et de 20 % de ses conversions.

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.

La nouvelle PWA de BMW offre aux utilisateurs une expérience inoubliable. La première chose que l’on remarque, ce sont les images et les vidéos en haute résolution, et le site se charge presque instantanément avec toutes ces fonctionnalités (4 fois plus vite que l’ancien site).

Leurs rapports ont également montré d’autres chiffres impressionnants suite à la mise en place de la PWA : multiplication par 4 du nombre de personnes cliquant depuis la page d’accueil vers un site de vente de BMW ; croissance de 50% des utilisateurs mobiles et 49% de visites supplémentaires par rapport à l’ancien site.

Flipboard

Flipboard, le magazine social le plus populaire au monde, permet aux lecteurs de se tenir au courant de tous les sujets, nouvelles et événements qui les intéressent, à partir d’un seul endroit. En fonction des centres d’intérêt de l’utilisateur, la plateforme 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 l’information en ligne. La PWA minimise l’utilisation des données pour offrir une expérience de navigation rapide et élégante, dans une belle interface. Jusqu’au lancement de sa PWA, Flipboard était une application mobile, qui ne s’affichait que sur les appareils mobiles. Désormais, la PWA permet à Flipboard d’offrir une expérience similaire à celle de son application native sur le web, en la rendant également disponible pour les utilisateurs d’ordinateurs de bureau.

Soundslice

Soundslice est le logiciel d’éducation musicale le plus avancé du 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 grâce à un lecteur de musique innovant.

Le lecteur Soundslice permet aux utilisateurs d’apprendre un morceau de musique 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 outre, les professeurs de musique peuvent utiliser cet outil pour créer des leçons de musique interactives. Soundslice, qui met l’accent sur l’apprentissage à partir d’enregistrements, dispose également d’une boutique qui vend des leçons et des transcriptions.

Jeu 2048

Le jeu de puzzle 2048 a été initialement publié sous forme d’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 pour les geeks des maths », son but est de combiner des blocs avec les mêmes chiffres pour finalement totaliser 2048.

A lire également :   L'option "Achetez avec Prime" d'Amazon arrive dans de nouveaux magasins en ligne

Une version officielle de la PWA est disponible sur 2048game.com afin que les joueurs puissent y accéder instantanément 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 en application native. De plus, la PWA de 2048 peut être entièrement jouée en mode hors ligne.

MakeMyTrip

Le site MakeMyTrip.com est un excellent exemple de PWA. La principale agence de voyage indienne accueille environ huit millions de visiteurs par mois, dont les deux tiers sur mobile. Le mobile devenant le canal de réservation préféré des clients de MakeMyTrip, l’entreprise a développé une PWA qui a permis d’offrir une expérience web mobile rapide, fiable et soigné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 enregistré une augmentation de 160 % des sessions utilisateur et a réduit le taux de rebond de 20 %.

Uber

Dans le cadre de l’expansion de l’entreprise sur de nouveaux marchés, le site Web d’Uber a été reconstruit à partir de zéro en tant que PWA afin d’offrir une expérience de réservation comparable à celle de l’application mobile native. La PWA d’Uber est conçue pour rendre la réservation de voitures viable sur les réseaux 2G à faible débit.

Construite autour du concept d’une expérience semblable à celle d’une application et accessible sur tous les navigateurs modernes, la PWA est idéale pour les utilisateurs d’appareils bas de gamme, qui ne sont peut-être pas compatibles avec l’application Uber native.

En intégrant l’expérience native dans une application Web ultra-légère, Uber a permis des demandes de transport rapides, quels que soient le lieu, la vitesse du réseau et l’appareil. L’application principale, qui ne fait que 50 Ko, se charge en 3 secondes sur les réseaux 2G.

Kopa (Padpiper)

Kopa (anciennement appelé Padpiper) est la plateforme qui aide les étudiants à trouver facilement des logements de confiance pour les trimestres scolaires et les stages, et qui permet aux propriétaires de trouver rapidement des locataires adéquats pour leurs espaces. En fait, la plateforme soutient maintenant 9000 écoles et compte plus de 100 annonces sur sa PWA.

A lire également :   Comment envoyer des demande d'ajout à un groupe Facebook ?

Les propriétaires sont vérifiés et les annonces sont évaluées afin de permettre aux étudiants de gagner du temps dans leur recherche. Une fois que les étudiants ont ajouté l’adresse de leur lieu de travail, ils peuvent consulter l’itinéraire pour s’y rendre à partir de chaque annonce dans la page de résultats. L’application Web peut également mettre les étudiants en contact avec d’autres personnes qui travaillent près d’eux ou découvrir où leurs camarades de classe sont en stage.

Pinterest

Dans l’optique d’une croissance internationale, Pinterest a lancé sa nouvelle expérience web mobile en tant que PWA. Le réseau social a constaté que seulement 1 % de ses utilisateurs mobiles se convertissaient en inscriptions, en connexions ou en installations d’applications, en raison des mauvaises performances sur mobile.

Onto a réalisé que l’opportunité d’améliorer la conversion était énorme, alors ils ont reconstruit le web mobile en utilisant la technologie PWA, ce qui a conduit à plusieurs résultats positifs : Le temps passé a augmenté de 40 % par rapport à l’ancien site Web mobile, les revenus publicitaires générés par les utilisateurs ont augmenté de 44 % et les engagements de base ont augmenté de 60 %.

Yummly

Yummly est une plateforme de découverte de la cuisine intelligente qui apprend à connaître les goûts, les besoins nutritionnels et le niveau de compétence d’une personne, entre autres, pour lui recommander des recettes personnalisées, des listes de courses et la livraison de produits alimentaires en une heure. Outre son application native Android et iOS, Yummly est également disponible sur les navigateurs web sous forme de PWA.

Tout comme son application native, la PWA de Yummly offre un moteur de recherche pour la nourriture, la cuisine et les recettes. Elle 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. En outre, 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.

Spotify

Votre lecteur de musique préféré est désormais doté d’une PWA. En raison d’un désaccord entre Spotify et Apple concernant la commission de 30 % qu’Apple prélève sur l’app store, Spotify a trouvé opportun de commencer à développer une version PWA de son application, comme l’ont fait de nombreuses autres grandes marques.

Comparée à son homologue native, la version PWA est considérablement plus rapide et possède une 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 la PWA de Spotify plus accessible et comparable à ses autres versions.