Une introduction aux Progressive web applications (PWA)

Le développement du e-commerce a été marqué par des événements majeurs : la naissance du téléshopping dans les années 70, la première commande en ligne réalisée par une retraitée à son domicile dans les années 80, et l’invention du world wide web dans les années 90. Plus récemment, c’est l’essor du commerce mobile, du social buying et d’Amazon qui a révolutionné le secteur.
Toutes ces évolutions vont de pair avec le développement de la technologie, et en particulier d’internet. Comme de plus en plus de personnes sont connectées, achètent des smartphones et ont accès à une connexion internet haut débit, l’évolution du e-commerce s’accélère.
Ce qui nous amène aux *progressive web apps (PWA)*.
Depuis que Google leur a donné ce nom en 2015, les PWA ont commencé à révolutionner le développement d’applications. Et leur utilisation est en plein essor : des données révèlent que les installations de PWA ont augmenté de 270% en seulement un an et les experts prévoient que leur valeur de marché atteindra 10 milliards d’euros d’ici 2027.

Malgré cette croissance, des données montrent qu’environ un quart des entreprises de e-commerce ne sont toujours pas convaincues par les progressive web apps et ne savent pas comment les utiliser efficacement. C’est pourquoi dans cet article, nous explorerons le monde des PWA, ce qu’elles sont, comment les entreprises les développent et les utilisent, et les avantages qu’elles peuvent offrir à votre activité.
Qu’est-ce qu’une progressive web app ?
Une progressive web app est un type d’application web fournie via internet. Il s’agit en gros de sites web qui se comportent comme des applications natives (qui sont développées spécifiquement pour une plateforme ou un appareil). Pour fonctionner, elles utilisent les technologies du web, ou les outils et langages que les appareils utilisent pour communiquer entre eux. Ainsi, les PWA peuvent être optimisées pour chaque appareil, fonctionner sur tous les principaux navigateurs et même fonctionner hors connexion. Elles sont accessibles via un navigateur et les utilisateurs n’ont pas besoin de visiter un app store ou de télécharger un logiciel pour les utiliser.
Pour qu’une application soit reconnue comme une PWA, elle doit être :
– Progressive : comme elle est bâtie sur les principes de l’amélioration progressive, une PWA peut fonctionner sur n’importe quel appareil et exploiter des fonctionnalités sur l’appareil et le navigateur de l’utilisateur.
– Trouvable : vous pouvez la trouver via des moteurs de recherche.
– Installable : vous pouvez l’installer sur l’écran d’accueil ou le lanceur d’applications d’un appareil.
– Accessible via un lien : vous pouvez la partager en envoyant simplement un URL.
– Accessible sans connexion : elle peut fonctionner hors connexion ou avec une connexion internet bas débit.
– Ré-engageable : elle peut être utilisée pour envoyer des notifications push.
– Responsive (adaptable) : vous pouvez l’utiliser sur n’importe quel appareil disposant d’un écran et d’un navigateur.
Les avantages des PWA
Les avantages des PWA sont les suivants :
Fiabilité
Les PWA chargent instantanément, même si vous ne disposez pas d’une bonne connexion internet. Ainsi, elles offrent une expérience utilisateur fiable et rapide. Elles prennent également moins d’espace de stockage que les applications natives.
Aucune installation nécessaire
Les utilisateurs n’ont pas besoin d’installer une PWA via un app store. Ils peuvent ouvrir une PWA directement depuis un URL ou l’enregistrer sur leur écran d’accueil pour ensuite y accéder quasi instantanément. Cela réduit les frictions, les rend faciles à lancer et augmente les taux de rétention.

Temps de chargement rapides
En utilisant des technologies du web comme la mise en cache des données, les PWA chargent rapidement, ce qui permet d’améliorer l’expérience utilisateur et les taux de rétention. Les PWA fonctionnent également hors connexion ou avec une connexion internet bas débit.
Compatibles avec tous les appareils
Les PWA sont conçues pour fonctionner pour tout utilisateur, quel que soit l’appareil utilisé. Elles s’adaptent à toutes les tailles d’écran et les utilisateurs ont la même expérience même s’ils les utilisent sur différents appareils.
Allie le meilleur du web et des appli
En alliant le meilleur du web et des fonctionnalités propres aux applications, les PWA offrent une expérience améliorée aux utilisateurs et aux entreprises. Elles peuvent utiliser les fonctionnalités du navigateur et de l’appareil sur lequel elles sont utilisées, comme les notifications push, l’appareil photo et le GPS. Elles sont trouvables via des moteurs de recherche, ce qui peut également être bénéfique pour le référencement.

Moins coûteuses et moins longues à développer
Pour développer une application native, vous devez généralement en concevoir une pour Android et une pour iOS. Les PWA, en revanche, fonctionnent sur tous les appareils. Cela permet de réduire les coûts, mais également le temps consacré à créer l’application.
Mises à jour automatiques
Contrairement aux applications natives, les PWA peuvent être mises à jour automatiquement. Les utilisateurs n’ont pas besoin d’être notifiés ou de donner leur accord pour qu’une mise à jour soit effectuée. Ainsi, vous êtes certain qu’ils utilisent toujours la dernière version de l’application.
Notifications push
Les PWA permettent à l’opérateur d’envoyer des notifications push aux utilisateurs. Les entreprises peuvent ainsi cibler les utilisateurs de l’application ou envoyer des mises à jour importantes directement sur les appareils dont les utilisateurs se servent le plus.

Sécurité renforcée
Les PWA utilisent le protocole HyperText Transfer Protocol Secure (HTTPS) pour stocker les données de façon sécurisée, ce qui réduit les risques de failles de sécurité et d’activités illégales.
Exemples d’applications web progressives
De nombreuses marques dans le monde, comme Twitter, Clipchamp, Pinterest et Forbes, ont constaté d’excellents résultats après avoir déployé des PWA. Parmi ces marques figurent également :
Roeckl
La marque allemande d’accessoires de luxe Roeckl, cliente chez Mollie, a été créée en 1839. Elle utilisait traditionnellement des méthodes de point de vente pour vendre ses produits, mais s’est rendu compte qu’elle devait s’adapter pour répondre aux nouveaux besoins des consommateurs, qui achetaient de plus en plus en ligne. En développant une PWA sur Magento 2, Roeckl a boosté ses commandes de près de 200%, a vu son nombre d’utilisateurs augmenter de 150% et a diminué son taux de rebond de 35%.

Flipkart
Le plus grand site de e-commerce d’Inde a vu ses conversions augmenter de 70% après avoir combiné sa présence sur le web et son application native dans une PWA. Cette opération a également permis de tripler le temps qu’un utilisateur passe sur le site web et d’accroître le taux de réengagement de 40%.
Lancôme
Pour stimuler le trafic et le réengagement, la marque de cosmétiques de luxe Lancôme a utilisé la technologie PWA pour proposer une expérience mobile rapide et similaire à une application. Grâce à cela, ses conversions ont progressé de 17%, ses sessions mobiles sur iOS ont bondi de 53% et ses taux de récupération de paniers abandonnés via notifications push ont augmenté de 8%.
Développement d’une PWA
Le développement d’une PWA se fait en utilisant un kit d’outils web, généralement HTML5, CSS, JavaScript ou WebAssembly. Ces technologies sont disponibles sur quasiment toutes les plateformes, ce qui veut dire que le code peut être écrit une seule fois et fonctionner sur plusieurs appareils et environnements logiciels.
Le processus est simple et direct, contrairement au développement d’applications natives, qui doivent généralement être écrites par des développeurs dans des langages de programmation spécifiques pour chaque écosystème (comme Kotlin pour Android ou Objective-C pour iOS).
Les PWA dans le e-commerce
Les PWA peuvent être un excellent outil pour toute entreprise de e-commerce : elles offrent une remarquable expérience utilisateur et toutes les fonctionnalités d’une application native à toute personne disposant d’une connexion internet. Elles sont également moins coûteuses, plus rapides et plus faciles à développer que les applications mobiles natives. Vous n’avez pas à utiliser différentes technologies pour votre version mobile et desktop : avec une PWA, le même code fonctionne sur tous les canaux.

L’utilisation d’une PWA facilite l’engagement des utilisateurs, en particulier s’ils ont enregistré votre application sur leur écran d’accueil. En effet, vous pourrez leur envoyer des notifications push pour mener à bien vos actions marketing et les informer des dernières mises à jour. Vous pourrez également leur proposer un checkout simple et intuitif. Avec l’évolution du e-commerce, les PWA devraient devenir cruciales pour offrir une bonne expérience client et stimuler la croissance des entreprises.
Des paiements sur PWA facilités avec Mollie
Vous souhaitez proposer à vos clients une expérience de checkout fluide et toutes les méthodes de paiement dont ils ont besoin ? Ou vous réfléchissez à ajouter les paiements à la PWA (ou future appli) de votre boutique ? Chez Mollie, nous offrons une solution de paiement qui vous permet d’accepter plusieurs méthodes de paiement en toute simplicité, de proposer à vos clients un checkout optimisé pour la conversion et de bénéficier de fonctionnalités et d’autres avantages pour faciliter les paiements et stimuler votre croissance.
Avec notre approche centrée sur les API, il est très facile d’intégrer Mollie à votre PWA. Nous proposons un plugin pour les PWA Magento 2, quelle que soit la technologie utilisée pour développer votre appli. Nous lançons également un plugin pour Shopware 6 et proposons d’ores et déjà des intégrations avec ScandiPWA (un frontend pour Magento 2) et CommerceTools. Des intégrations pour d’autres frameworks, dont Vue Storefront et Shopware PWA, arriveront bientôt.
Vous voulez développer votre activité en facilitant les paiements ? Cliquez sur le lien pour en savoir plus sur les paiements avec Mollie ou créez un compte pour découvrir notre produit sans engagement ni frais cachés.