It’s no secret that performance is vital to the success and profitability of any online business. As a result, websites across industries are using a new standard called Progressive Web Apps (PWAs) to improve their performance.
Backed by Google, the front-end technology aims to deliver a high level of performance regardless of device or network condition. They do this by enhancing pwas with native app qualities that are reliable, fast, and beautiful. Although it gets a lot of attention, the concept of pwas is relatively new to most people.
Reading: Android progressive web apps
To deeply understand how a progressive web app differs from conventional responsive websites, the best way is to look at some good examples of pwas.
here is a list of awesome examples of progressive web apps in a variety of industries, so you can experience new web technology for yourself.
With the goal of providing accessible and easy-to-use online ordering for all of its customers, Starbucks created a web ordering system pwa, which provides a similar experience to its existing native app. In other words, with its ability to run in offline mode, Starbucks PWA allows its customers to browse the menu, customize their orders, and add items to their carts, all without constant internet access. once online, they can view location-specific prices and place their food and beverage order.
Because most pwa is available offline, it is ideal for customers on the go who may drop in and out of connectivity throughout the day or emerging markets like rural communities where connection is less reliable. By launching the new Order PWA, Starbucks has already seen significant results. the pwa is 99.84% smaller than the existing starbucks ios app, making the web app a favorite among its users. as a result, they doubled the number of web users ordering each day, and desktop users are now ordering at roughly the same rate as mobile users.
When talking about brands that are transforming your shopping experience in the fashion industry, you can’t miss the debenham. The famous UK brand realized that although their old website had increased mobile traffic, the mobile conversion rate was not growing. so they concluded that it was time for a digital transformation, otherwise their digital and overall growth would slow down soon. the brand searched for a solution that could offer a seamless experience to users, especially on mobile devices.
pwa was the answer for the debenhams team. after transforming his old website into a pwa, his effort surely paid off. they have improved the customer experience by removing blocks in the customer journey: slow pages, difficult to navigate structure, complicated checkout process. Overall, Debehams enjoyed a 40% increase in mobile revenue and a 20% increase in conversions.
As a pioneering brand in the automotive industry, BMW proves that it is not afraid of new technology, be it with its cars or its website. In order to improve the customer experience, the brand sought to provide attractive and quality content that reflects its values.
bmw’s new pwa definitely gives users an amazing experience. the first thing anyone would notice is the high resolution images and videos, and the site loads almost instantly with all these features (4 times faster than the old site). Their reports also showed other impressive figures following the establishment of the PWA: 4x increase in people clicking from the home page to a BMW sales site; 50% growth in mobile users and 49% more visits to the site compared to the previous site.
As the world’s most popular social magazine, Flipboard allows readers to keep up with all topics, news, and events they care about, from one single place. Based on the user’s interest, the platform brings news and stories from around the world together in a magazine format. Flipboard users can follow their favorite sources and save stories, images, and videos into their own Flipboard magazines to read later or share with others.
flipboard is one of the best pwa examples for online news. pwa minimizes data usage to deliver a smooth and fast browsing experience, in a beautiful interface. Until the release of its PWA, Flipboard was a mobile app that only appears on mobile devices. so now the pwa enables flipboard to provide a full-featured native app-like experience on the web, making it available for desktop users as well.
5. sound slice
soundslice is the advanced music education software on the web that revolutionizes the way musicians learn and practice music. The company uses PWA to provide the best music creation and learning experience. PWA-based software makes the process of learning a piece of music easier and more efficient for self-taught musicians with an innovative music player. soundtrack player allows users to learn a piece of music while reading and listening to it on any device, be it a phone or a large-screen desktop computer. In addition to that, music teachers can use the tool to create interactive music lessons. With a focus on learning from recordings, soundslice also has a store that sells lessons and transcripts.
6. game 2048
2048 puzzle game was originally released as a free android app & ios in 2014. It immediately became a viral hit with over 4 million users in less than a week after launch. the game is simple and addictive. Described as “candy crush for math geeks”, your goal is to match blocks with the same numbers to finally add up to 2048. An official version of PWA is available at 2048game.com for players to get instant access from any web browser. With smooth transitions and a full-screen view, it’s hard to tell the PWA apart from its native app counterpart. Furthermore, 2048 pwa can be played completely in offline mode.
the makemytrip.com site is a great example of a pwa. India’s leading travel company has around eight million monthly visitors to its site, with mobile traffic accounting for two-thirds. As mobile became the preferred channel for booking among makemytrip customers, they developed a pwa that led to a fast, reliable, and polished mobile web experience.
The new pwa experience has tripled your conversion rate by reducing page load times by 38%. Compared to its previous mobile site, makemytrip generated a 160% increase in user sessions and reduced bounce rate by 20%.
As the company expands into new markets, its super website has been rebuilt from the ground up as a pwa to offer a booking experience comparable to the native mobile app. The Uber PWA is designed to make car booking viable on low-speed 2G networks. Built around the concept of an app-like experience that can be accessed in all modern browsers, the pwa is ideal for users on lower-end devices, which may not be compatible with the native uber app.
By embedding the native experience in a super lightweight web app, uber has enabled fast ride requests regardless of location, network speed, and device. the main application of only 50 kb allows it to load in 3 seconds on 2g networks.
9. kopa (piper)
kopa (previously called padpiper) is the platform to help students easily find reliable housing for school terms and internships, and allows landlords to quickly find suitable tenants for their spaces. In fact, the platform now supports 9,000 schools and has over 100 listings on its PWA. they have verified owners and listing reviews to save students time in finding their best fit. Once students have added the work address, they can search for work addresses from each listing on the results page. the web app can also connect students with other people who work near them or find out where their classmates are in co-op.
With a focus on international growth, Pinterest started its new mobile web experience from the ground up as a pwa. the social network found that only 1% of its mobile users sign up, log in or install apps, due to poor performance on mobile devices.
Realizing that the opportunity to improve conversion was huge, so they rebuilt mobile web using pwa technology, leading to several positive results: time spent increased by 40% compared to mobile web previous user-generated ads revenue up 44% and top interactions up 60%
yummly is the smart kitchen discovery platform that learns taste, nutritional needs, skill level, and more than one person to recommend personalized recipes, shopping lists, and grocery delivery within the hour. along with your native version of android & ios app, yummly is also available in web browsers like pwa. Just like its native presence, the yummly pwa offers a search engine for food, cooking, and recipes. It allows users to search over a million recipes, sourced from leading food sites, specialty blogs, or local food brands. Additionally, search results can be filtered by ingredient, diet, allergy, nutrition, price, cuisine, time, flavor, food dishes, and more.
your favorite music player now works with pwa. Due to a disagreement between Spotify and Apple regarding the 30% commission from the Apple App Store, Spotify found an opportune opportunity to start developing a PWA version of their app, as many other big brands have done. Compared to its native app counterpart, the pwa version is considerably faster with its own unique and adaptive user interface that changes its background as the user moves through the app. Like many other pwas, users are also prompted to add spotify pwa to their home screen, which makes spotify pwa more accessible and on par with its other versions.
pwa can be applied to many sections of the technological sphere, from pwa games to pwa magento. to understand more deeply about pwa & your use cases in your specific field, check out our other dedicated articles:
See also: EMS Android Apps