|
| 1 | +project_path: /web/_project.yaml |
| 2 | +book_path: /web/showcase/_book.yaml |
| 3 | + |
| 4 | +{# wf_published_on: 2016-09-26 #} |
| 5 | +{# wf_updated_on: 2016-09-26 #} |
| 6 | +{# wf_featured_image: /web/showcase/2016/images/housing/card.png #} |
| 7 | +{# wf_featured_snippet: Most Indian users reach the Internet via 2G and 3G networks, so a fast user experience is essential. To decrease load times, Housing.com added Service Workers and streamlined their site to help consumers quickly find what they’re looking for. Users can continue browsing properties and reviewing previous searches, all while offline. #} |
| 8 | + |
| 9 | +# Housing.com increases conversions and lowers bounce rate by 40% with new PWA {: .page-title } |
| 10 | + |
| 11 | +<img src="images/housing/SearchResultsListingPage.png" class="attempt-right"> |
| 12 | + |
| 13 | +### Results |
| 14 | + |
| 15 | +<span class="compare-yes"></span> 38% more conversions |
| 16 | + |
| 17 | +<span class="compare-yes"></span> 40% lower bounce rate |
| 18 | + |
| 19 | +<span class="compare-yes"></span> 10% longer average session |
| 20 | + |
| 21 | +<span class="compare-yes"></span> 30% faster page load |
| 22 | + |
| 23 | +## Company |
| 24 | +Housing.com is one of India’s top startups. On track to receive 50 million |
| 25 | +visits this year, it has become one of the leading online real estate |
| 26 | +platforms in India. After building [Housing Go](https://housing.com/), a |
| 27 | +Progressive Web App (PWA), they saw a 38% increase in total conversions |
| 28 | +across browsers. The new PWA also delivered higher-value users, with |
| 29 | +visitors spending 10% longer per session and returning more often. |
| 30 | + |
| 31 | +## Challenges |
| 32 | +Housing.com knew their mobile users woudn’t tolerate slow load times, which |
| 33 | +significantly affect conversions. They measured the impact of users’ average |
| 34 | +page-load time and found that even a one-second improvement brought a |
| 35 | +significant boost in the conversion rate. |
| 36 | + |
| 37 | +Poor connectivity and the prevalence of low-end devices also hindered |
| 38 | +Housing.com’s growth. They developed a native app so that mobile users |
| 39 | +could work offline and re-engage. But current and potential customers were |
| 40 | +very data-sensitive, because the cost of Internet access was still high, and |
| 41 | +many consumers hesitated to use data or space to download the native app. |
| 42 | + |
| 43 | +## Solution |
| 44 | +Relying on technological advancements and the improved capabilities of modern |
| 45 | +web browsers and web applications such as service workers, IndexedDB, add to |
| 46 | +home screen, and push notifications, Housing.com set out to create a PWA that |
| 47 | +was fast, efficient, and reliable. The result was a mobile web experience |
| 48 | +that is fast, uses less data, and re-engages users in multiple ways. With the |
| 49 | +new PWA, Housing.com saw conversion rates rise 38% and the bounce rate fall |
| 50 | +by over 40%. |
| 51 | + |
| 52 | +Most Indian users reach the Internet via 2G and 3G networks, so a fast user |
| 53 | +experience is essential. To decrease load times, Housing.com added service |
| 54 | +workers and streamlined their site to help consumers quickly find what |
| 55 | +they’re looking for. Users can continue browsing properties and reviewing |
| 56 | +previous searches, all while offline. “High-end smartphones are not that |
| 57 | +prevalent in our target user base,” says Vivek Jain, Housing.com CPTO. |
| 58 | +“With our new PWA, we could get past our users’ hesitance to download |
| 59 | +our app in their low-end devices, yet give them a wonderful experience.” |
| 60 | + |
| 61 | +The new strategy proved effective. Page-load performance increased by |
| 62 | +over 30%, and average time-per-session increased 10% across all browsers. |
| 63 | +“Understanding the network limitations of our users and the importance |
| 64 | +of a great user experience led us to build a PWA,” Jain says. “User |
| 65 | +experience is something that defines state-of-the-art applications.” |
0 commit comments