The Plain-English Guide to Progressive Web Apps

Download Now: Free Website Design Inspiration
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, birthing the progressive web app in 2015.

Get Inspired: 77 Examples of Exceptional Web Design  [Free Download]

1. Uber

Uber's progressive web application

Image Credit: SimiCart

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

Starbucks' progressive web application

Image Credit: SimiCart

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

2048's progressive web application

Image Credit: SimiCart

There’s arguably no other game as addicting as 2048. When it was released in 2014, the video game attracted over 10 million unique visitors in its first month, 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

Pinterest's progressive web application

Image Credit: SimiCart

When Pinterest discovered that only 1% of their mobile users converted into sign-ups, logins, or native app installs 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

Housing.com, India’s main online real estate platform that attracts over 9 million visits per month, 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.

examples of brilliant homepage, blog, and landing page design

 

Topics: Integrations

Related Articles

We're committed to your privacy. HubSpot 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 Privacy Policy.

77 of blog and website page design examples.

Marketing software that helps you drive revenue, save time and resources, and measure and optimize your investments — all on one easy-to-use platform

START FREE OR GET A DEMO