探花精选

The Plain-English Guide to Progressive Web Apps

Clifford Chi
Clifford Chi

Updated:

Published:

Whether it’s in sports, music, or business, rivalries always seem to make things more interesting. In basketball, Larry Bird and Magic Johnson transformed the faltering NBA into one of the most popular sports league in the world. In hip-hop, Biggie Smalls and Tupac Shakur broke a rather niche music genre into the main stream. 

hand on smartphone using a progressive web app

But imagine if some of the world’s fiercest rivals put their differences aside and teamed up to assemble the best product or service on the market. Could you imagine how electric an NSYNC-Backstreet Boys concert would be? Or the sheer power of a Microsoft-Apple supercomputer?

In the digital age, you could say mobile websites and apps are rivals. Brands developed mobile apps to phase out the use of their fast yet janky mobile websites when the demand for mobile devices exploded. Unfortunately, they soon discovered that mobile apps are quite sluggish and require more steps to access than mobile websites, like finding and downloading them from the app store.

To develop an app that offers the speed of a mobile website and the user experience of a mobile app, Google decided to end the rivalry between mobile websites and apps and blended their best functionalities together, .

1.

Uber's progressive web application

Image Credit:

To provide their users who use low-end mobile devices with a similar web experience as their mobile app, Uber built a progressive web app that works on 2G networks. So regardless of your network speed, device, and even location, you can use Uber’s PWA to book a ride. This is especially helpful if you’re in a location with spotty service or your phone isn’t compatible with their mobile app.

2.

Starbucks' progressive web application

Image Credit:

Starbucks’ progressive web app is quite similar to its native mobile app, but the biggest difference between the two is that their PWA takes up significantly less space than their native mobile app and it works offline. When you’re offline, you can use their PWA to browse their menu, customize your orders, and add items to your cart. When you’re online, you can check each store location’s prices and place orders.

3.

2048's progressive web application

Image Credit:

There’s arguably no other game as addicting as 2048. When it was released in 2014, , and when it was rolled out as a mobile app, it attracted even more downloads. When you play 2048 on its progressive web application, it looks and feels just like its mobile app, but its main differentiator is that you can play the game both online and offline.

4.

Pinterest's progressive web application

Image Credit:

When Pinterest discovered that because of their app’s poor user experience (a 23-second load time), they reconstructed their mobile app into a progressive web application. Within three months, their PWA saw a 40% increase in time spent over five minutes, a 44% increase in user-generated ad revenue, and a 50% increase in ad click-throughs compared to their old mobile app.

5.

Housing.com, India’s main online real estate platform that attracts over , has a target audience of low-end mobile device users who only have access to network speeds of 2G or 3G. So to cater to their users and boost their conversion rates, they built a progressive web app that users can quickly find property on even when they’re offline.

 

Topics: Integrations

Related Articles

77 of blog and website page design examples.

    The weekly email to help take your career to the next level. No fluff, only first-hand expert advice & useful marketing trends.

    Must enter a valid email

    We're committed to your privacy. 探花精选 uses the information you provide to us to contact you about our relevant content, products, and services. You may unsubscribe from these communications at any time. For more information, check out our .

    This form is protected by reCAPTCHA and the Google and apply.