{"id":43280,"date":"2018-11-06T14:44:37","date_gmt":"2018-11-06T20:44:37","guid":{"rendered":"https:\/\/wpengine.com\/?post_type=resource&#038;p=43280"},"modified":"2022-12-09T16:11:27","modified_gmt":"2022-12-09T22:11:27","slug":"how-to-design-and-develop-a-progressive-web-app","status":"publish","type":"resource","link":"https:\/\/wpengine.com\/case-studies\/resources\/how-to-design-and-develop-a-progressive-web-app\/","title":{"rendered":"How to Design and Develop a Progressive Web App"},"content":{"rendered":"<p>According to a <a href=\"https:\/\/wpengine.com\/resources\/connecting-the-enterprise-with-todays-mobile-first-consumer\/\" target=\"_blank\" rel=\"noopener noreferrer\">mobile research study<\/a> commissioned&nbsp;by WP Engine, over 85% of Engineering\/R&amp;D and Marketing decision makers believe that all forward-thinking organizations will be implementing Accelerated Mobile Pages and Progressive Web Apps within the next year. More than that,&nbsp; almost 68% think that PWA could mean an end to the App store. PWA development also offers a more cost-efficient alternative to Android and iOS apps because of decreased ongoing maintenance costs.<\/p>\n<p>Most importantly, Progressive Web Apps offer a better user experience for the end user. A few of the many benefits include offline capabilities, no download, and opportunities&nbsp;for personalization. In partnership with innovation consultancy <a href=\"https:\/\/mutualmobile.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Mutual Mobile<\/a>, this whitepaper will introduce you to PWAs, how to develop with PWAs, and the benefits you&#8217;ll acquire.<\/p>\n<p>Some other things you&#8217;ll learn:<\/p>\n<ul>\n<li>Valuable information about push notifications<\/li>\n<li>Multiple strategies for PWA development<\/li>\n<li>Tips on how to design the PWA user journey<\/li>\n<li>And more!<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>According to a mobile research study commissioned&nbsp;by WP Engine, over 85% of Engineering\/R&amp;D and Marketing decision makers believe that all forward-thinking organizations will be implementing Accelerated Mobile Pages and Progressive Web Apps within the next year. More than that,&nbsp; almost 68% think that PWA could mean an end to the App store. PWA development also<span class=\"tile__ellipses\">&hellip;<\/span><span class=\"tile__ellipses--animated\"><\/span><\/p>\n","protected":false},"author":173,"featured_media":43284,"template":"","resource-topic":[904],"resource-role":[895,896,903],"resource-type":[911],"class_list":["post-43280","resource","type-resource","status-publish","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Design and Develop a Progressive Web App | WP Engine<\/title>\n<meta name=\"description\" content=\"In partnership with Mutual Mobile, this whitepaper will introduce you to PWAs, how to develop with PWAs, and the benefits you&#039;ll acquire.\u00a0\" \/>\n<meta name=\"robots\" content=\"noindex, follow\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Design and Develop a Progressive Web App | WP Engine\" \/>\n<meta property=\"og:description\" content=\"In partnership with Mutual Mobile, this whitepaper will introduce you to PWAs, how to develop with PWAs, and the benefits you&#039;ll acquire.\u00a0\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wpengine.com\/case-studies\/resources\/how-to-design-and-develop-a-progressive-web-app\/\" \/>\n<meta property=\"og:site_name\" content=\"WP Engine\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/wpengine\" \/>\n<meta property=\"article:modified_time\" content=\"2022-12-09T22:11:27+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2018\/11\/PWAs_bloghero.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"628\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@wpengine\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/resources\/how-to-design-and-develop-a-progressive-web-app\/\",\"url\":\"https:\/\/wpengine.com\/case-studies\/resources\/how-to-design-and-develop-a-progressive-web-app\/\",\"name\":\"How to Design and Develop a Progressive Web App | WP Engine\",\"isPartOf\":{\"@id\":\"https:\/\/wpengine.com\/case-studies\/#website\"},\"datePublished\":\"2018-11-06T20:44:37+00:00\",\"dateModified\":\"2022-12-09T22:11:27+00:00\",\"description\":\"In partnership with Mutual Mobile, this whitepaper will introduce you to PWAs, how to develop with PWAs, and the benefits you'll acquire.\u00a0\",\"breadcrumb\":{\"@id\":\"https:\/\/wpengine.com\/case-studies\/resources\/how-to-design-and-develop-a-progressive-web-app\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/wpengine.com\/case-studies\/resources\/how-to-design-and-develop-a-progressive-web-app\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/resources\/how-to-design-and-develop-a-progressive-web-app\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/wpengine.com\/case-studies\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Resources\",\"item\":\"https:\/\/wpengine.com\/case-studies\/resources\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How to Design and Develop a Progressive Web App\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/#website\",\"url\":\"https:\/\/wpengine.com\/case-studies\/\",\"name\":\"WP Engine\",\"description\":\"Managed Hosting for WordPress\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/wpengine.com\/case-studies\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/2e7ae57f60120ddae3dc029b03cfa81a\",\"name\":\"Alyssa Cuda\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/9031010d4260959c1fffb0b199ffa33db42a2b53baa3bf9927a289237e907252?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/9031010d4260959c1fffb0b199ffa33db42a2b53baa3bf9927a289237e907252?s=96&d=mm&r=g\",\"caption\":\"Alyssa Cuda\"},\"description\":\"Alyssa is a Content Specialist at WP Engine. If she\u2019s not searching for a swimming hole to escape the heat in, you can usually find her baking something caloric or reading.\u2002\u2002\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Design and Develop a Progressive Web App | WP Engine","description":"In partnership with Mutual Mobile, this whitepaper will introduce you to PWAs, how to develop with PWAs, and the benefits you'll acquire.\u00a0","robots":{"index":"noindex","follow":"follow"},"og_locale":"en_US","og_type":"article","og_title":"How to Design and Develop a Progressive Web App | WP Engine","og_description":"In partnership with Mutual Mobile, this whitepaper will introduce you to PWAs, how to develop with PWAs, and the benefits you'll acquire.\u00a0","og_url":"https:\/\/wpengine.com\/case-studies\/resources\/how-to-design-and-develop-a-progressive-web-app\/","og_site_name":"WP Engine","article_publisher":"https:\/\/www.facebook.com\/wpengine","article_modified_time":"2022-12-09T22:11:27+00:00","og_image":[{"width":1200,"height":628,"url":"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2018\/11\/PWAs_bloghero.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_site":"@wpengine","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/wpengine.com\/case-studies\/resources\/how-to-design-and-develop-a-progressive-web-app\/","url":"https:\/\/wpengine.com\/case-studies\/resources\/how-to-design-and-develop-a-progressive-web-app\/","name":"How to Design and Develop a Progressive Web App | WP Engine","isPartOf":{"@id":"https:\/\/wpengine.com\/case-studies\/#website"},"datePublished":"2018-11-06T20:44:37+00:00","dateModified":"2022-12-09T22:11:27+00:00","description":"In partnership with Mutual Mobile, this whitepaper will introduce you to PWAs, how to develop with PWAs, and the benefits you'll acquire.\u00a0","breadcrumb":{"@id":"https:\/\/wpengine.com\/case-studies\/resources\/how-to-design-and-develop-a-progressive-web-app\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wpengine.com\/case-studies\/resources\/how-to-design-and-develop-a-progressive-web-app\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/wpengine.com\/case-studies\/resources\/how-to-design-and-develop-a-progressive-web-app\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/wpengine.com\/case-studies\/"},{"@type":"ListItem","position":2,"name":"Resources","item":"https:\/\/wpengine.com\/case-studies\/resources\/"},{"@type":"ListItem","position":3,"name":"How to Design and Develop a Progressive Web App"}]},{"@type":"WebSite","@id":"https:\/\/wpengine.com\/case-studies\/#website","url":"https:\/\/wpengine.com\/case-studies\/","name":"WP Engine","description":"Managed Hosting for WordPress","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wpengine.com\/case-studies\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/2e7ae57f60120ddae3dc029b03cfa81a","name":"Alyssa Cuda","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/9031010d4260959c1fffb0b199ffa33db42a2b53baa3bf9927a289237e907252?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/9031010d4260959c1fffb0b199ffa33db42a2b53baa3bf9927a289237e907252?s=96&d=mm&r=g","caption":"Alyssa Cuda"},"description":"Alyssa is a Content Specialist at WP Engine. If she\u2019s not searching for a swimming hole to escape the heat in, you can usually find her baking something caloric or reading.\u2002\u2002"}]}},"acf":[],"grid_image_url":"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2018\/11\/PWAs_RCgrid-.jpg","media-type":{"term_id":911,"name":"White Paper","slug":"whitepaper"},"role":"<strong>Roles:<\/strong> Agency, Developer, Marketer","topic":"<strong>Topics:<\/strong> Marketing","_links":{"self":[{"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/resource\/43280","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/resource"}],"about":[{"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/types\/resource"}],"author":[{"embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/users\/173"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/media\/43284"}],"wp:attachment":[{"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/media?parent=43280"}],"wp:term":[{"taxonomy":"resource-topic","embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/resource-topic?post=43280"},{"taxonomy":"resource-role","embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/resource-role?post=43280"},{"taxonomy":"resource-type","embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/resource-type?post=43280"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}