Applications Web progressives (PWA) : 3 meilleures études de cas

Imaginez que vous venez de lancer votre start-up et que votre site Web est superbe, mais que vous n'avez pas assez de budget pour développer une application mobile, ce qui peut être important pour votre stratégie commerciale. Cependant, c'est très cher et un peu risqué. Vous devrez également passer beaucoup de temps à créer une application native, mais personne ne connaît bien votre marque. Les gens feront-ils suffisamment confiance à votre application pour la télécharger depuis l'App Store ou Google Play Store ?

De plus, vos clients/lecteurs seront-ils suffisamment déterminés pour prendre des mesures supplémentaires comme fermer votre site Web, ouvrir Google Play ou l'App Store, puis attendre patiemment que l'application soit installée ?

Rappelez-vous que les gens sont beaucoup plus exigeants de nos jours. En d'autres termes, ils sont aussi très impatients – ils attendent des solutions rapides . Le téléchargement d'une telle application à partir d'un magasin externe ne semble pas être une opération très rapide et les applications natives ne sont pas très accessibles à tous les utilisateurs. Du point de vue de l'expérience utilisateur, il existe de nombreux obstacles pour le client avant qu'il n'atteigne son (et votre) objectif.

Et une autre chose - êtes-vous sûr que vos clients auront suffisamment d'espace de stockage interne pour télécharger votre application ?

Vous allez donc investir beaucoup d'argent dans la création d'une application mobile (à la fois pour IOS et Android) et vous ne pouvez pas être sûr que les gens l'utiliseront réellement. Ahh… et n'oubliez pas toutes ces sommes énormes de votre budget marketing que vous devrez consacrer à la publicité et à la promotion !

Mais attendez, ne paniquez pas, heureusement, vous vivez en 2019, quand   Les Progressive Web Apps deviennent une solution courante lorsqu'il s'agit de créer des applications mobiles !

Avez-vous déjà entendu parler des Progressive Web Apps ? Si ce n'est pas le cas, c'est maintenant votre chance de vous tenir au courant de cette dernière tendance technologique ou vous serez laissé pour compte ! Nous avons déjà écrit un article complet expliquant ce qu'ils sont et pourquoi cela vaut la peine de choisir cette option.

Aujourd'hui, nous aimerions vous inspirer et vous présenter les réussites de marques qui ont déjà créé des applications Web progressives.

TRIVAGO

Trivago acquiert une bonne réputation en tant que moteur de recherche d'hôtels disponible dans 33 langues différentes. Sur la base des informations, des photos, des notes, des critiques, des filtres et d'autres fonctionnalités de l'hôtel, Trivago aide ses utilisateurs à trouver la meilleure offre.

Problème

Le problème est que Trivago a remarqué une augmentation significative du nombre d'utilisateurs mobiles ces dernières années. La marque a réalisé que l'expérience mobile devient de plus en plus importante pour ses clients.

Cependant, créer des solutions mobiles n'est pas un jeu d'enfant et cela signifie faire des choix difficiles. Plus précisément, l'entreprise n'était pas sûre que les gens accepteraient le coût du téléchargement d'une application mobile, juste pour vérifier si cela correspondait à leurs attentes. Ils ont également remarqué que de nombreuses personnes ont des problèmes avec une connexion mobile de qualité . Pour ces raisons, Trivago recherchait des opportunités différentes de celles d'une application native.

 Lecture recommandée : Progressive Web Apps vs Native Apps : laquelle vous convient le mieux ?

La solution

Enfin, ils ont découvert les Progressive Web Apps , dont les fonctionnalités semblaient parfaitement adaptées à leurs besoins. À cette époque, ils recherchaient une solution qui leur fournirait des notifications push , un mode hors ligne et des raccourcis vers l'écran d'accueil . Et le facteur le plus important pour Trivago était l'accessibilité à cette application via un navigateur mobile standard .

Cette solution PWA les a aidés à créer une application sans avoir à impliquer de grandes équipes de développeurs de logiciels. Ils se sont concentrés sur les fonctionnalités les plus importantes au début, comme les notifications push, l'accès hors ligne et la possibilité d'ajouter l'application à l'écran d'accueil . Bien sûr, il y a eu des difficultés au début. Ils ont déclaré que l'un des plus grands défis était de créer une interface utilisateur intuitive, car la conception d'une apparence mobile est bien plus différente que celle des sites Web standard. Selon Laura Oades, designer pour la PWA :

"Sur mobile, vous avez le problème supplémentaire de créer une interface utilisateur indépendante de la plate-forme et non déroutante" et "PWA est un territoire largement inexploré en matière de conception, et une réelle opportunité pour les résolveurs de problèmes créatifs de s'étirer pour définir une nouvelle norme."

Les résultats

• Le site Web mobile de Trivago est disponible en 33 langues, dans 55 pays.
• Plus de 500 000 personnes ont ajouté un raccourci Trivago à leur écran d'accueil et leur engagement a augmenté de 150 % .
• Par rapport aux sites Web mobiles précédents, Progressive Web App a attiré beaucoup plus d'utilisateurs. Avant PWA, seulement 0,8 % de visites répétées étaient enregistrées, maintenant ce nombre est passé à une moyenne de 2 %.
• Les notifications push se sont révélées être un parfait moyen de communication – elles ont contribué à augmenter la conversion – le nombre de clics dans la PWA sur les offres hôtelières a augmenté de 97%.

 Lecture recommandée : 7 meilleures applications Web progressives dans l'industrie du voyage

PINTEREST

Pinterest est un réseau social qui permet aux utilisateurs de partager visuellement et de découvrir de nouveaux centres d'intérêt en publiant (connu sous le nom d'"épinglage" sur Pinterest ) des images ou des vidéos sur leur propre tableau ou sur celui d'autres (c'est-à-dire une collection d'"épingles", généralement avec un nom commun thème) et en parcourant ce que les autres utilisateurs ont épinglé

Problème

Après avoir analysé l'utilisation des utilisateurs Web mobiles non authentifiés, ils ont réalisé que leur ancienne expérience Web lente ne parvenait à convertir que 1 % des utilisateurs en inscriptions, connexions ou installations d'applications natives. L'opportunité d'améliorer ce taux de conversation était énorme, les amenant à investir dans la PWA.

Le Pinterest PWA a commencé parce qu'ils étaient axés sur la croissance internationale, ce qui les a conduits au Web mobile.

La solution

En 3 mois , Pinterest a reconstruit son expérience Web mobile en utilisant React, Redux et Webpack. Leur réécriture du Web mobile a conduit à plusieurs améliorations positives dans les métriques de base de l'activité.

Les résultats

Leur réécriture Web mobile a conduit à plusieurs améliorations des performances.

Le temps passé a augmenté de 40 % par rapport à l'ancienne expérience Web mobile, les revenus publicitaires générés par les utilisateurs ont augmenté de 44 % et les principaux engagements ont augmenté de 60 % :

L'ancienne expérience Web mobile de Pinterest était un monolithe - elle incluait de gros paquets de JavaScript gourmand en CPU qui poussaient la vitesse à laquelle les pages Pin pouvaient se charger et devenir interactives.

Leur nouvelle expérience Web mobile est une amélioration drastique.

Non seulement ils ont décomposé et rasé des centaines de Ko de leur JavaScript, réduisant la taille de leur bundle de base de 650 Ko à 150 Ko, mais ils ont également amélioré les mesures de performances clés. First Meaningful Paint est passé de 4,2 s à 1,8 s et Time To Interactive est passé de 23 s à 5,6 s.

Bien que Pinterest vende des applications iOS et Android, ils ont pu offrir la même expérience de flux d'accueil de base que ces applications font sur le Web pour une fraction du coût de téléchargement initial - seulement ~ 150 Ko minifiés et gzippés. Cela contraste avec les 9,6 Mo requis pour offrir cette expérience pour Android et 56 Mo pour iOS

TWITTER

Comme vous le savez déjà, Twitter est une plate-forme de médias sociaux, où les gens publient de courts messages appelés tweets. Il a été créé en mars 2006. Aujourd'hui, il compte plus de 335 millions d'utilisateurs actifs (juillet 2018).

Problème

Twitter a remarqué que les utilisateurs devaient surmonter de nombreux obstacles lors de l'utilisation de leur site Web mobile.

Certains d'entre eux étaient sur des réseaux mobiles lents et avaient peu d'espace sur le stockage des appareils mobiles . En conséquence, les visiteurs étaient réticents à passer du temps sur le site Web de Twitter ou à publier et commenter davantage. Twitter voulait trouver une alternative attrayante pour les personnes qui n'utilisent pas leur application native ou qui n'ont pas assez d'espace pour la télécharger.

La solution

Twitter a décidé de créer une application Web progressive parce qu'elle semblait être la meilleure combinaison d'un site Web moderne et de fonctionnalités natives. Le chargement instantané, une consommation de données réduite et une grande accessibilité étaient des fonctionnalités que Twitter recherchait.

Résultats

Les résultats se sont avérés très impressionnants - les chiffres parlent d'eux-mêmes :

• 20% de baisse du taux de rebond,
• 65 % d'augmentation du nombre de pages par session,
• Augmentation de 75 % des Tweets envoyés.

Comme dans les exemples de réussite précédents, l'invite « ajouter à l'écran d'accueil » et les notifications push ont considérablement augmenté l'engagement de l'utilisateur . Comme indiqué dans cette étude de cas, Twitter a remarqué que 250 000 utilisateurs quotidiens uniques exécutent Twitter Lite à partir de l'écran d'accueil 4 fois par jour en moyenne. De plus, ils envoient plus de 10 millions de notifications push par jour.

Selon les intentions de Twitter, le PWA prend beaucoup moins d'espace (seulement 600 Ko) que l'application Android native (23,5 Mo), il y a donc une plus grande possibilité que les gens aient suffisamment d'espace dans leur stockage interne pour le sauvegarder.

De plus, Twitter a ajouté un mode économiseur de données , qui aide les utilisateurs à contrôler la quantité de données mobiles utilisées. Grâce à cette option, vous pouvez choisir les images ou les vidéos que vous souhaitez charger entièrement, et celles qui peuvent rester en aperçu.

 Lecture recommandée : PWA SEO : les applications Web progressives (PWA) bénéficient-elles au référencement ? (Avec statistiques et exemples)

Embrassez l'avenir des sites Web

PWA est l'avenir des applications mobiles. Il est possible qu'ils remplacent les applications natives avec le temps, devenant une combinaison parfaite d'application native et de site Web. Dans un monde où la rapidité d'adoption des nouvelles technologies est un avantage concurrentiel, les entreprises qui parviennent à adopter la PWA un peu plus tôt peuvent générer des revenus de manière significative, augmenter l'engagement des utilisateurs tout en gardant une longueur d'avance sur la concurrence.

Dans le passé, Apple avait certaines limitations pour les applications Web progressives, cependant, elles soutiennent de plus en plus les PWA. Pour les marchands en ligne à la recherche d'un PWA parfait pour les sites Web de commerce électronique Magento , chez SimiCart, nous proposons un package complet pour vous et votre magasin.