Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Bliblidotcom - AMP And PWA

Presentation for Google Mobile Web Hackathon.
Implementation of AMP and PWA technology for better mobile web experience.

  • Login to see the comments

  • Be the first to like this

Bliblidotcom - AMP And PWA

  1. 1. Google Mobile Web Hackathon AMP x PWA to Fight againts High Bounce Rate and Low Conversion Rate Cindy, Febi, Ifnu, Irfan. July, 7th 2017
  2. 2. Who We Are ? • Cindy R Kalensang, Product Manager • Hidayat Febiansyah, Principal Engineer • Ifnu Bima, Development Manager • Irfan Maulana, Sr. System Development Engineer
  3. 3. The Problem High Bounce Rate • Mobile App bounce rate is 85% lower than Mobile Web • Desktop bounce rate is 20% lower than Mobile Web Low Conversion Rate • Mobile App conversion rate is 8.7x Mobile Web • Desktop conversion rate is 5.7x Mobile Web Mobile App uninstall rate • One of the main reason that drives customer to uninstall App is due to customer phone storage limitation “Mobile Web generates the highest traffic yet it has the highest bounce rate and lowest bounce rate”
  4. 4. The Problem Page load time is the website first impression for the user With the implementation of AMP and PWA altogether We are aiming to provide seamless browsing experience which will lead to engaged users and results in higher conversion rate and more loyal customers
  5. 5. The Problem Page load time is the website first impression for the user With the implementation of AMP and PWA altogether We are aiming to provide seamless browsing experience which will lead to engaged users and results in higher conversion rate and more loyal customers
  6. 6. AMP Solution • AMP for fast load in first time • AMP give better search result in mobile • AMP for reduce bounce rate
  7. 7. AMP Implementation • Product List Page – Search Page – Category Page – Merchant Page – Brand Page • Product Detail Page
  8. 8. AMP Tag • Current : amp-analytics amp-img amp-carousel amp-selector amp-social-share amp-sidebar • Next : amp-state amp-bind amp-install- serviceworker amp-iframe amp-list
  9. 9. AMP Implementation and Demo • Will be live in next 2 weeks • Done by 3 person, 1 employee (Dita) and 2 interns (Nikolas and Geraldo) • Planning, development and testing ~ 2 months • AMP initative was finalized after attending google mobile conference here on february
  10. 10. Category Page (Before x After AMP) NON-AMP AMP
  11. 11. Search Result Page (Before x After AMP) NON-AMP AMP
  12. 12. Brand Page (Before x After AMP) NON-AMP AMP
  13. 13. Brand Page (Before x After AMP) NON-AMP AMP
  14. 14. Merchant Page (Before x After AMP) NON-AMP AMP
  15. 15. Product Detail (Before x After AMP) NON-AMP AMP
  16. 16. PWA Solution • PWA for better engagement • PWA for alternative apps with no install need • PWA give shortcut in homescreen • PWA for caching static resources • PWA for fast load in repeat view
  17. 17. Blibli.com Travel (Before x After PWA) NON-PWA PWA
  18. 18. Lighthouse Result (Before PWA)
  19. 19. Lighthouse Result (After PWA)
  20. 20. THANK YOU

×