[{"data":1,"prerenderedAt":103},["ShallowReactive",2],{"$f7batgy7s9q3o":3,"collection-service":41},{"slug":4,"title":5,"layout":6,"pageStyle":7,"seo":8,"meta":11,"sections":26},"top-applications-mobiles-progressive-web-apps","Top 5 des PWA à succès","default","news-show",{"title":9,"description":10},"Top 5 des  PWA à succès","Dans un contexte où les utilisateurs mobiles deviennent plus actifs que les utilisateurs desktop, dans quel type de développement mobile il faudrait se lancer ? Voici le top 5 des PWA qui ont le mieux marchées",{"type":12,"date":13,"category":14,"tags":17,"image":18,"imageSize":19,"excerpt":22,"enabled":23,"updatedAt":24,"source":25},"article","2020-10-07 16:05:12",{"name":15,"slug":16},"Développement mobile","developpement-mobile",[],"\u002Fstorage\u002Flibrary\u002Fimages-blog\u002FTop-5-des-PWA-a-succes-en-developpement-mobile.png",{"width":20,"height":21},1120,741,"\n\n \n\nDans un contexte où les utilisateurs mobiles deviennent plus actifs que les utilisateurs desktop, ...",true,"2021-04-13","news#6",[27],{"id":12,"component":28,"children":29},"OContainer",[30,36],{"id":31,"component":32,"props":33},"en-tete","OArticleHeader",{"title":5,"date":13,"category":34,"tags":35},{"name":15,"slug":16},[],{"id":37,"component":38,"props":39},"corps","OArticleBody",{"html":40},"\u003Cp class=\"text-center\">\u003Cb id=\"docs-internal-guid-f28d6c6f-7fff-b585-3878-ec998d53a2bc\">\u003Cimg alt=\"Top 5 des PWA à succès en développement mobile\" class=\"mx-auto mw-100\" src=\"\u002Fstorage\u002Flibrary\u002Fimages-blog\u002FTop-5-des-PWA-a-succes-en-developpement-mobile.png\" style=\"width: 602px; height: 398px;\" \u002F>\u003C\u002Fb>\u003C\u002Fp>\r\n\r\n\u003Cp> \u003C\u002Fp>\r\n\r\n\u003Cp dir=\"ltr\">Dans un contexte où les utilisateurs mobiles deviennent plus actifs que les utilisateurs desktop, vous êtes vous déjà posé la question de “Comment attirer les utilisateurs mobiles sur mon site web ?”. Sachant qu’ils sont de plus en plus exigeants avec l'expérience utilisateur et surtout qu’ils veulent avoir accès au contenu rapidement, dans quel type de développement mobile faudrait-il se lancer ? \u003C\u002Fp>\r\n\r\n\u003Cp dir=\"ltr\">On vous a déjà proposé la \u003Ca href=\"\u002Fblog\u002Fpresentation-application-progressive-web-apps\">présentation de la Progressive Web App\u003C\u002Fa>, mais aujourd’hui on va vous parler d’exemples concrets d’entreprises qui se sont penchées sur cette technologie pour recentrer les utilisateurs mobiles sur leur site en répondant à leur besoin le plus primaire, l'accessibilité à tout moment.\u003C\u002Fp>\r\n\r\n\u003Cp>​​\u003C\u002Fp>\r\n\r\n\u003Ch2 dir=\"ltr\" role=\"presentation\">\u003Cb id=\"docs-internal-guid-79109e8d-7fff-86a8-86f2-c2ff3531fc9d\">1. Trivago \u003C\u002Fb>\u003C\u002Fh2>\r\n\r\n\u003Cp class=\"text-center\">\u003Cmeta charset=\"utf-8\" \u002F>\u003Cb id=\"docs-internal-guid-25653936-7fff-45cb-931d-f3d041249a77\">\u003Cimg alt=\"Trivago application développement mobile Progressive Web App\" class=\"mx-auto mw-100\" src=\"\u002Fstorage\u002Flibrary\u002Fimages-blog\u002FTrivago-application-développement-mobile-Progressive-Web-App.png\" style=\"width: 602px; height: 250px;\" \u002F>\u003C\u002Fb>\u003C\u002Fp>\r\n\r\n\u003Cp dir=\"ltr\">L'entreprise Trivago, comparateur d’hôtel sur Internet, s’est heurtée autrefois à un obstacle dans son évolution. Bien que son outil exploite 55 plateformes internationales dans 33 langues différentes, à l’aide d’études marketing, l’entreprise s’est rendu compte que le nombre d’utilisateurs mobiles ne faisait qu’accroître mais que certaines zones géographiques souffraient d’une connexion internet instable, voire quasi nulle. Trivago a alors souhaité s’imposer facilement, à moindre coût sur toutes les plateformes mobiles et être accessible partout dans le monde. \u003C\u002Fp>\r\n\r\n\u003Cp dir=\"ltr\">Face à ce constat, l'entreprise ne s’est donc pas tournée du côté des application natives, qui nécessitent une connexion internet suffisante et un espace de stockage minimal pour pouvoir être installé, mais plutôt du côté des PWA (Progressive Web App)\u003C\u002Fp>\r\n\r\n\u003Cp dir=\"ltr\">L’objectif que le comparateur Trivago s’était fixé au début de son développement mobile a été atteint avec succès. L’entreprise a vu une hausse de 150% d’engagement grâce à la fonctionnalité “Ajouter Trivago avec votre écran d’accueil” , soit 500 000 utilisateurs. Un autre KPI s’est également vu boosté, le taux de conversion sur les cliques liés aux offres d'hôtels est de 97% grâce aux notifications push. Enfin, le nombre de visite moyen est passé de 0,8 à 2 par utilisateurs.\u003C\u002Fp>\r\n\r\n\u003Cp> \u003C\u002Fp>\r\n\r\n\u003Ch2 dir=\"ltr\" role=\"presentation\">\u003Cb id=\"docs-internal-guid-58e85de2-7fff-9a62-38a6-edafdf6c1701\">2. Flipkart\u003C\u002Fb>\u003C\u002Fh2>\r\n\r\n\u003Cp dir=\"ltr\"> \u003C\u002Fp>\r\n\r\n\u003Cp dir=\"ltr\"> \u003C\u002Fp>\r\n\r\n\u003Cp class=\"text-center\">\u003Cmeta charset=\"utf-8\" \u002F>\u003Cmeta charset=\"utf-8\" \u002F>\u003Cb id=\"docs-internal-guid-b7e9bb03-7fff-70e9-a8f8-e25cdc84d136\">\u003Cimg alt=\"Flipkart et le développement des Progressive Web App en site e-commerce\" class=\"mx-auto mw-100\" src=\"\u002Fstorage\u002Flibrary\u002Fimages-blog\u002FFlipkart-et-le-développement-des-Progressive-Web-App-site-e-commerce.png\" style=\"width: 602px; height: 159px;\" \u002F>\u003C\u002Fb>\u003C\u002Fp>\r\n\r\n\u003Cp> \u003C\u002Fp>\r\n\r\n\u003Cp> \u003C\u002Fp>\r\n\r\n\u003Cp dir=\"ltr\">Flipkart, site e-commerce de produits électroniques indien, a décidé de combiner à la fois les utilisateurs mobiles sur application native et ceux sur leur site. Ce mélange d’utilisateurs a donné lieu à la création de leur PWA.\u003C\u002Fp>\r\n\r\n\u003Cp dir=\"ltr\">La raison d’une telle combinaison vient du fait que l’entreprise a remarqué que ses utilisateurs souffraient généralement d’une connexion Internet plutôt faible. Cette inaccessibilité s’est surtout ressentie lorsqu’en 2015 Flipkart a opté pour une stratégie de canal de vente uniquement sous forme d’application en fermant temporairement leur site.\u003Cbr \u002F>\r\n\u003Cbr \u002F>\r\nFinalement, comment répondre aux besoins des utilisateurs mobiles avec la capacité d’être utilisable dans les zones à très faibles débits sans délaisser la rapidité et performance ? En combinant le meilleur du web et de l’application native, la PWA a été développé. \u003C\u002Fp>\r\n\r\n\u003Cp dir=\"ltr\">A partir de là, les conversions ont augmentées de 70% après le lancement de Flipkart PWA. Elle ne nécessite que 100 Ko de stockage lorsque le raccourci est téléchargé sur la page d'accueil de l'appareil, soit 300 fois moins gourmande que l’application iOS. Enfin, 62% de leurs utilisateurs accèdent à la PWA via le réseau 2G, de quoi avoir un taux positive de réengagement de 40%.\u003C\u002Fp>\r\n\r\n\u003Cp dir=\"ltr\"> \u003C\u002Fp>\r\n\r\n\u003Ch2 dir=\"ltr\" role=\"presentation\">\u003Cb id=\"docs-internal-guid-8a1366a5-7fff-6c63-a0a0-831ebc01a9b5\">3. The washington post\u003C\u002Fb>\u003C\u002Fh2>\r\n\r\n\u003Cp dir=\"ltr\"> \u003C\u002Fp>\r\n\r\n\u003Cp dir=\"ltr\"> \u003C\u002Fp>\r\n\r\n\u003Cp dir=\"ltr\"> \u003C\u002Fp>\r\n\r\n\u003Cp class=\"text-center\">\u003Cmeta charset=\"utf-8\" \u002F>\u003Cb id=\"docs-internal-guid-786d1f13-7fff-05c3-30ef-b3acc6068d15\">\u003Cimg alt=\"Le journal The Washington Post développé en application mobile PWA\" class=\"mx-auto mw-100\" src=\"\u002Fstorage\u002Flibrary\u002Fimages-blog\u002FThe-Washington-Post-Application-mobile-developpe-en-PWA.png\" style=\"width: 602px; height: 94px;\" \u002F>\u003C\u002Fb>\u003C\u002Fp>\r\n\r\n\u003Cp dir=\"ltr\"> \u003C\u002Fp>\r\n\r\n\u003Cp dir=\"ltr\"> \u003C\u002Fp>\r\n\r\n\u003Cp dir=\"ltr\"> \u003C\u002Fp>\r\n\r\n\u003Cp dir=\"ltr\">The washington post, le journal américain de la capitale des Etats-Unis, est également membre des entreprises qui ont pris le tournant des PWA. En effet, dans sa posture de journal, The washington post se doit d’avoir une présence dans la main de ses abonnés pour être qu’ils soient au courant de l’actualité en question. Ils savent que fournir une bonne expérience lors de la lecture du journal sur mobile est un point critique et essentiel sur lequel ils doivent se concentrer.\u003C\u002Fp>\r\n\r\n\u003Cp dir=\"ltr\">Pouvant être transporté partout et rangeable dans la poche ou dans un sac, 55% de leur trafic vient des appareils mobiles. Le problème majeur auquel ils ont dû faire face est l’abandon total des utilisateurs mobiles lorsqu’un site ne se charge pas en moins de 3 secondes. Plus la quantité de données est présente dans la page et plus le risque d’abandon sera élevé.\u003C\u002Fp>\r\n\r\n\u003Cp dir=\"ltr\">En ce concentrant dans le développement mobile d’une PWA, the Washington Post a vu 23% de leurs abonnés qui vont une recherche sur mobile revenir. Etant dans une course contre la rapidité, le temps de chargement des contenus sur la PWA comparé au site traditionnel a été amélioré de 88%, soit un temps de chargement équivalent à 400 millisecondes.\u003C\u002Fp>\r\n\r\n\u003Cp dir=\"ltr\"> \u003C\u002Fp>\r\n\r\n\u003Ch2 dir=\"ltr\" role=\"presentation\">\u003Cb>4. Etam\u003C\u002Fb>\u003C\u002Fh2>\r\n\r\n\u003Cp dir=\"ltr\"> \u003C\u002Fp>\r\n\r\n\u003Cp dir=\"ltr\"> \u003C\u002Fp>\r\n\r\n\u003Cp dir=\"ltr\"> \u003C\u002Fp>\r\n\r\n\u003Cp class=\"text-center\">\u003Cmeta charset=\"utf-8\" \u002F>\u003Cb id=\"docs-internal-guid-9d034f1a-7fff-3675-456d-c0fc6a34489f\">\u003Cimg alt=\"La boutique de vêtement en ligne Etam lance son application mobile en progessive web app\" class=\"mx-auto mw-100\" src=\"\u002Fstorage\u002Flibrary\u002Fimages-blog\u002Fboutique-en-ligne-etam-lance-sa-pwa.png\" style=\"width: 602px; height: 179px;\" \u002F>\u003C\u002Fb>\u003C\u002Fp>\r\n\r\n\u003Cp dir=\"ltr\"> \u003C\u002Fp>\r\n\r\n\u003Cp dir=\"ltr\"> \u003C\u002Fp>\r\n\r\n\u003Cp dir=\"ltr\"> \u003C\u002Fp>\r\n\r\n\u003Cp dir=\"ltr\">Etam, la boutique e-commerce de lingerie, a également compris l'importance d'optimiser l'expérience utilisateur sur les appareils mobiles. Un point sur lequel elle capitalise, le parcours client, notamment sur mobile avec plus de 70% des connexions totales. L'application native que l'entreprise avait déjà développé manquait quelque peu de parcours clients et d'avantages présents sur le site web.\u003C\u002Fp>\r\n\r\n\u003Cp dir=\"ltr\">Les nouvelles fonctionnalités apportées à leur PWA sont des pratiques permettant de faciliter l'accès et l'utilisation de l'application bien qu'elle soit développée comme une site. Les utilisateurs trouvent notamment des fonctionnalités telles la connection à son compte facilité grâce à la possiblité de s'authentifier avec son empreinte. Egalement, dans un but d'efficacité du parcours client, la notion des 3 cliques pour valider le panier est validé avec l'intégration de Google Pay. \u003C\u002Fp>\r\n\r\n\u003Cp dir=\"ltr\">En conséquence, en moins d'une seconde les utilisateurs ont accès aux différentes pages de l'application, pouvant inciter trouver les produits qui les intéressent sans se retrouver à la limite d'abandon leur panier. De plus, les utilisateurs qui accèdent à l'application via le raccourci de l'application, ajouté dans leur page d'accueil, ont un taux de conversion de 30% panier manier 18% plus élevé que les simples utilisateurs mobiles, de quoi ajouter la notion d'engagement à leur réussite.\u003C\u002Fp>\r\n\r\n\u003Ch2 dir=\"ltr\">\u003Cbr \u002F>\r\n\u003Cb>5. AliExpress\u003C\u002Fb>\u003C\u002Fh2>\r\n\r\n\u003Cp class=\"text-center\"> \u003C\u002Fp>\r\n\r\n\u003Cp class=\"text-center\"> \u003C\u002Fp>\r\n\r\n\u003Cp class=\"text-center\"> \u003C\u002Fp>\r\n\r\n\u003Cp class=\"text-center\">\u003Cmeta charset=\"utf-8\" \u002F>\u003Cb id=\"docs-internal-guid-eb28cd40-7fff-0e17-d42d-411ba31bcde5\">\u003Cimg alt=\"La boutique e-commerce AliExpress converti son site web en version mobile pour développer l'experience utilisateur grâce au développement de pwa\" class=\"mx-auto mw-100\" src=\"\u002Fstorage\u002Flibrary\u002Fimages-blog\u002FAliEpress-experience-utilisateur-site-web-version-mobile-pwa.png\" style=\"width: 602px; height: 154px;\" \u002F>\u003C\u002Fb>\u003C\u002Fp>\r\n\r\n\u003Cp dir=\"ltr\"> \u003C\u002Fp>\r\n\r\n\u003Cp dir=\"ltr\">AliExpress, le site e-commerce spécialisé dans la vente à prix bas et membre du groupe Alibaba, a converti son site web en une PWA il y a quelques années.\u003C\u002Fp>\r\n\r\n\u003Cp dir=\"ltr\">\u003Cmeta charset=\"utf-8\" \u002F>\u003C\u002Fp>\r\n\r\n\u003Cp dir=\"ltr\">Avant d’avoir définit la PWA comme solution à leur problème, AliExpress avait conscience que développer une bonne expérience utilisateur était un impératif pour son succès. D’abord un site web pour mobile puis une application native, tel était le parcours qu’a mit en place AliExpress. Toutefois, l’idée de convertir les non-utilisateurs de l’application native à en devenir n’a pas fonctionnée. De ce constat, le projet a changé et le web et l’application native ont muté en une PWA.\u003C\u002Fp>\r\n\r\n\u003Cp dir=\"ltr\">En cherchant un moyen pour fournir à tous leurs visiteurs les avantages de leur application, ils ont obtenu des résultats conséquents. AliExpress a vu son taux de conversion des nouveaux utilisateurs augmenter de 104% avec également une hausse de 82% de taux de conversion pour les utilisateurs iOS, notamment sur Safari. A travers tous les navigateurs, les utilisateurs visitent 2 fois plus de pages par sessions qu’auparavant et avec une hausse du temps passé par session de 74%\u003C\u002Fp>\r\n\r\n\u003Cp dir=\"ltr\"> \u003C\u002Fp>\r\n\r\n\u003Ch1 dir=\"ltr\">\u003Cb id=\"docs-internal-guid-54a8cddc-7fff-e10b-4b6c-3fe4f0edcec3\">Pour aller plus loin \u003C\u002Fb>\u003C\u002Fh1>\r\n\r\n\u003Cp dir=\"ltr\">\u003Cb id=\"docs-internal-guid-54a8cddc-7fff-e10b-4b6c-3fe4f0edcec3\"> \u003C\u002Fb>\u003C\u002Fp>\r\n\r\n\u003Cp dir=\"ltr\">Comme le cas pour ces différentes entreprises, présentes sur plusieurs marchés, peut-être que vous aussi vous vous êtes posé la question du : "Comment attirer les utilisateurs mobiles sur mon site web ?". Ces structures étaient parmi les premières à se lancer dans le développement des Progressives Web App avec une vague idée des résultats. Aujourd'hui, ce type de développement mobile est devenu une vraie carte en main que certaines entreprises n'hésitent à abattre pour optimiser leur présence mobile.\u003C\u002Fp>\r\n\r\n\u003Cp dir=\"ltr\">Si vous voulez transformer votre site ou outil digital en une puissante Progressive Web App, Chimichuweb, l'agence de développement mobile basée à Rouen peut vous aider. Retrouvez plus en détails avec tous nos projets de \u003Ca href=\"\u002Fnos-services\u002Fapplication-mobile\">développement d'application mobile\u003C\u002Fa>, ou contactez l'\u003Ca href=\"\u002Fcontactez-nous\">agence de développement mobile et web Chimichuweb\u003C\u002Fa> pour plus d’informations.\u003C\u002Fp>",[42,57,70,82,92],{"route":43,"title":44,"meta":45},"\u002Fnos-services\u002Fapplication-mobile","Applications mobiles",{"type":46,"order":47,"name":44,"color":48,"illustration":49,"illustrationSize":50,"illustrationAlt":53,"summaryHtml":54,"updatedAt":55,"source":56},"service",1,"yellow","\u002Fstorage\u002Flibrary\u002Fimages-services\u002Fapp-mobile.webp",{"width":51,"height":52},440,309,"Développement sur mesure d'application mobile pour ios, android","\u003Cp>Mobile first ! Que votre projet d'application soit destiné à vos clients ou collaborateurs, l'usage en mobilité (smartphone ou tablettes) est presque devenu un passage obligatoire. Nous réalisons vos applications iOS, Android ou web mobile pour un usage sur navigateur.\u003C\u002Fp>","2020-08-31","service#1 + page#5",{"route":58,"title":59,"meta":60},"\u002Fnos-services\u002Fapplication-web","Applications web",{"type":46,"order":61,"name":59,"color":62,"illustration":63,"illustrationSize":64,"illustrationAlt":67,"summaryHtml":68,"updatedAt":55,"source":69},2,"danger","\u002Fstorage\u002Flibrary\u002Fimages-services\u002Fapp-web.webp",{"width":65,"height":66},541,379,"Agence de développement d'application web interactive à Rouen","\u003Cp>Nous créons vos plateformes web quelque que soit vos objectifs : visibilité, recrutement de prospects, plateformes marketing. nos développements sur-mesure sont optimisées pour le web et le mobile (responsive ou webapps).\u003C\u002Fp>","service#2 + page#16",{"route":71,"title":72,"meta":73},"\u002Fnos-services\u002Faccompagnement-startup","Accompagnement startup",{"type":46,"order":74,"name":72,"color":75,"illustration":76,"illustrationSize":77,"illustrationAlt":79,"summaryHtml":80,"updatedAt":55,"source":81},3,"violet","\u002Fstorage\u002Flibrary\u002Fimages-services\u002Fstartup _1_ 1.webp",{"width":78,"height":52},295,"Agence d'accompagnement start-up et développement plateforme web ou mobile","\u003Cp>Vous lancez un nouveau service ? Nous vous accompagnons dans la mise en oeuvre technique de votre future plateforme à partir de votre roadmap produit et des objectifs inscrits à votre plan.\u003C\u002Fp>","service#3 + page#17",{"route":83,"title":84,"meta":85},"\u002Fnos-services\u002Finnovation-digitale","Innovation",{"type":46,"order":86,"name":84,"color":48,"illustration":87,"illustrationSize":88,"illustrationAlt":89,"summaryHtml":90,"updatedAt":55,"source":91},4,"\u002Fstorage\u002Flibrary\u002Fimages-services\u002Finnovation.webp",{"width":51,"height":52},"Agence de développement et innovation digitale pour entreprise située à Rouen","\u003Cp>Augmenter votre productivité, améliorer vos outils d'aide à la vente, la réalité virtuelle ou la réalité augmentée vous permettent de proposer des expériences immersives impactantes.\u003C\u002Fp>","service#4 + page#8",{"route":93,"title":94,"meta":95},"\u002Fnos-services\u002Fdeveloppement-outils-metiers","Outils métiers",{"type":46,"order":96,"name":94,"color":62,"illustration":97,"illustrationSize":98,"illustrationAlt":100,"summaryHtml":101,"updatedAt":55,"source":102},5,"\u002Fstorage\u002Flibrary\u002Fimages-services\u002Foutils-metiers.webp",{"width":99,"height":66},540,"Développement d'application métier pour entreprise à Rouen","\u003Cp>Les applications digitales vous permettent de faciliter la communication de vos équipes ou encore d'automatiser certaines tâches. Nous réalisons vos applications métiers sur-mesure en prenant compte de votre système d'information en place.\u003C\u002Fp>","service#5 + page#18",1793180721558]