DEV Community

Cover image for 5 Examples of Progressive Web Apps in 2021

Posted on


5 Examples of Progressive Web Apps in 2021

If you want to provide your customers with a better experience on their website but don’t have enough budget to build a native app, it’s time to consider building a Progressive Web Application. Let’s look at 5 examples of Progressive Web Apps and discover many potential benefits that you might achieve.

progressive web app

What is a Progressive Web App?

A progressive web application (PWA) is a type of application software platform delivered through the web, built using common web technologies including HTML, CSS and JavaScript. It is intended to work on any platform that uses a standards-compliant browser, including both desktop and mobile devices.

Owing to the PWA, we can build fast-loading dynamic apps with full-screen mode, push notifications, and a place on the customers’ home screen. Additionally, the Progressive Web Apps allow us to continue browsing the app even when the network connection is poor or absent, which is impossible for mobile web or a native app.

Is PWA necessary when we already have a mobile app?

Yes, why not? The Progressive Web Apps have several advantages over native apps. For example, it’s easier to persuade customers to install a PWA than a native app. While the users need to click on the “Add to home screen” button and wait for a few seconds to install the PWA, they have to go to an app store, search, download, and install the mobile app.

In short, if your store can offer both the progressive web app examples and mobile apps, it will be the greatest thing for the customers.

1. Lancome

Another well-known brand that applied the Progressive Web Application technology successfully is Lancome cosmetics. At Lancome, they found a paradox that although mobile users have risen dramatically in recent years, their mobile web conversions are very low compared to desktop conversions. They decided to build a Progressive Web App, and here is what they got: a 15% decline in bounce rates, a 50% increase in mobile sessions, 17% growth in conversion rates, etc.

Their best-in-class PWA achieves a performance score of 94/100 on Lighthouse, an automated tool for improving web page quality. They took advantage of service workers to deliver reliable performance on unstable networks and push notifications for re-engagement.

2. Alibaba

As you might know, Alibaba is one of the largest online B2B firms globally, which has served more than 200 different countries. Therefore, delivering a great mobile experience is always their first concern.

They focused on developing the mobile web and mobile app with nice design and user-friendly functionality. Fortunately, this is a wise strategy when they experienced an explosion in their conversion rate (76%). Additionally, their PWA is immensely effective in engaging the users on the site since the number of active users grew by 30%.

3. AliExpress

AliExpress is a famous e-commerce business where you can find nearly everything from clothing, accessories, electronics, pet products, and home appliances. Because of being a part of the Alibaba Group, they also followed the Progressive Web App strategy and have seen a lot of positive results. After a short period of time applying the Progressive Web App, AliExpress’s conversions increased sharply by 104%.

4. Trivago

Trivago is a travel site that utilizes Progressive Web App technology to deliver seamless interactions to its customers. With the power of PWA, Trivago’s hotel search engine recorded a noticeably higher conversion rate than its native app.

Its PWA has an intuitive interface that makes it easy for travelers to compare prices of different hotels, read the reviews, or book a selected hotel. Also, it contributes to minimizing the search marketing effort for the hotel owners.

5. Twitter Lite

Introduced by Twitter in 2017, Twitter Lite, in fact, is a progressive web app with the awesome features of both modern web and native app. It enabled faster performance and higher user engagement on the mobile web and significantly increased ad click throughs and time spent on the mobile web.

Surprisingly, nearly 80% more tweets were recorded via Twitter Lite than before via the native app. Moreover, the bounce rate saw a decline of 20%.

Top comments (0)

Super Useful CSS Resources

A collection of 70 hand-picked, web-based tools which are actually useful.
Each will generate pure CSS without the need for JS or any external libraries.