{"id":436,"date":"2019-02-05T14:23:53","date_gmt":"2019-02-05T13:23:53","guid":{"rendered":"https:\/\/dotinum.com\/blog\/?p=436"},"modified":"2022-06-30T11:57:28","modified_gmt":"2022-06-30T09:57:28","slug":"progressive-web-apps-case-studies","status":"publish","type":"post","link":"https:\/\/dotinum.com\/blog\/progressive-web-apps-case-studies\/","title":{"rendered":"Progressive Web Apps: Case Studies"},"content":{"rendered":"\n

Imagine that you have just launched your start-up. Your website looks awesome, but you don\u2019t have the budget to develop a mobile app, which may be important to your business strategy. This is very expensive and a bit risky. You will spend a lot of time building a native app<\/a>, but nobody knows your brand well. Will people trust your application\u200b enough to download it from an external store?<\/p>\n\n\n\n

What\u2019s more – will your customers\/readers be determined enough to take some additional steps like closing your website, opening Google Play or the App Store and then wait till the app has installed?<\/p>\n\n\n\n

Remember that people are much more demanding these days. They are also very impatient – they expect fast solutions. Downloading such an app from an external store doesn\u2019t sound like a very quick operation and native apps are not very accessible for every user. From the User Experience point of view, there are many obstacles for the customer before he achieves his (and your) goal.<\/p>\n\n\n\n

And another thing – are you sure that your clients will have enough internal storage space to download your app?<\/p>\n\n\n\n

So you will invest a lot of money in building a mobile app (both for IOS and Android) and you can\u2019t be sure that people will actually use it. Ahh\u2026 and don\u2019t forget about all these large amounts of your marketing budget that you should spend on advertising and promotion! <\/p>\n\n\n\n

But don\u2019t panic, fortunately, you are living in 2019, when Progressive Web Apps <\/strong>\u200bare\u200b becoming a common solution when it comes to creating mobile apps!<\/p>\n\n\n\n

Have you ever heard about Progressive Web Apps<\/strong>\u200b? If not, now is your last chance to catch\u200b up on this latest technology <\/a>trend or you will be left behind!<\/p>\n\n\n\n

Today we would like to give you some inspiration and introduce success stories of brands that have already built Progressive Web Apps.<\/strong><\/p>\n\n\n\n

LANCOME
<\/h2>\n\n\n\n
\n
\"\"<\/figure>\n<\/figure>\n\n\n\n

Lancome <\/strong>is a French luxury cosmetics house that has been owned by L’Oreal since 1964.\u200b The company distributes perfumes, skin care products and cosmetics internationally.<\/p>\n\n\n\n

PROBLEM<\/h2>\n\n\n\n

Luxury cosmetics brand Lancome noticed that their mobile conversion rates (15%) are much lower than those on desktop (38%). The number of visitors on their mobile website were constantly increasing, however users weren\u2019t taking any actions, like purchasing products. It looked like the mobile website wasn\u2019t adjusted to shopping online and didn\u2019t encourage users to do this.<\/p>\n\n\n\n

\nLancome decided to rebuild a mobile website so that it could provide\na better shopping experience for their visitors. \n<\/p>\n\n\n\n

SOLUTION<\/h2>\n\n\n\n

Their first idea was to build a mobile app, but then Lancome realised that this solution would be good only for their regular customers. Other visitors may not have the need to download their app because they don\u2019t buy from them so often. <\/p>\n\n\n\n

Lancome decided to build a mobile website that would give the native-app experience and engage more visitors by sending push notifications and working offline. It turned out that Progressive Web App<\/strong> had all the features they were looking for.<\/p>\n\n\n\n

THE RESULTS<\/h2>\n\n\n\n

After applying the previously mentioned changes, Lancome noticed a higher engagement rate, even though, most of their visitors were using IOS (65%) and Progressive Web Apps weren\u2019t supported by Apple. Users started to spend more time on their mobile website (session<\/strong>\u200b length increased by 53%<\/strong>)\u200b and what\u2019s more, bounce rate decreased by 10%<\/strong>\u200b .\u200b <\/p>\n\n\n\n

On Android devices, Lancome benefited from sending push notifications, that were very similar to those that were already well known from native apps. They encouraged users to make a purchase – 8<\/strong>\u200b% of clients who tapped on a push notification bought something<\/strong>.\u200b <\/p>\n\n\n\n

Another advantage of building a Progressive Web App was the fact that the time until the<\/strong>\u200b page is interactive decreased by 84%<\/strong>.\u200b<\/p>\n\n\n\n

\nYou\ncan read a full case study here.<\/strong><\/a><\/p>\n\n\n\n

TRIVAGO<\/h2>\n\n\n\n
\"\"<\/figure>\n\n\n\n

Trivago is a world famous hotel search engine that is available in 33 different languages. On the base of hotel\u2019s information, pictures, ratings, reviews, filters and other features, Trivago helps their users to find the best offer.<\/p>\n\n\n\n

PROBLEM <\/h2>\n\n\n\n

Trivago have noticed a significant increase of mobile users in recent years. The brand realised that the mobile experience is getting more and more important for their clients. <\/p>\n\n\n\n

However, creating mobile solutions is not a piece of cake and this means making difficult choices. The company wasn\u2019t sure whether people would accept the cost of downloading a mobile app, just to check if it fits their expectations. They also noticed that many people have problem with a quality mobile connection<\/strong>. Because of these reasons, Trivago was\u200b looking for different opportunities than a native app.<\/p>\n\n\n\n

SOLUTION <\/h2>\n\n\n\n

Finally, they discovered Progressive Web Apps<\/strong>\u200b, whose features seemed to be perfect for\u200b their needs. They were looking for the solution that would provide them with push<\/strong>\u200b notifications<\/strong>, \u200boffline mode<\/strong>\u200b and \u200bhome screen shortcuts<\/strong>\u200b. The most important factor for Trivago\u200b was the accessibility<\/strong>\u200b to this app \u200bthrough a standard mobile browser<\/strong>\u200b.\u200b <\/p>\n\n\n\n

This solution helped them to build an app without having to involve big teams of software developers. They focused on the most important features in the beginning, like push notifications, offline access and the possibility to add the app to the home screen<\/strong>\u200b. They said\u200b that one of the biggest challenges was to create an intuitive User Interface, because designing a mobile appearance is much more different than that on standard websites. According to Laura Oades, designer for the PWA: <\/p>\n\n\n\n

\u201cOn mobile you have the additional problem of crafting a UI that is platform agnostic and not confusing\u201d and \u201cPWA is largely unchartered territory in design, and a real opportunity for creative problem solvers to stretch themselves to define a new standard.\u201d<\/p>\n\n\n\n

THE RESULTS<\/h2>\n\n\n\n