enterprise mobile website journey – lessons learned | senthil kumaran

Enterprise Mobile Website Journey – Lessons Learned

Senthil KumaranWeb Development Managervirtuwell


Agenda

• Mobile Web vs Mobile APP

• Responsive Mobile Web - Why?

• Responsive Design vs Responsive Experience

• Scalable Mobile websites

• Angular and Grails


virtuwell


Future is Mobile


Mobile Website - It is not a Choice


Mobile Strategy Assessment


Android Market

Opensignal.com

18,769 distinct

devices

download

compared to

11,868 last

year.


Android vs iOS Screen sizes


Responsive Website


Understand Mobile Network


What analytics told us?

• Fill this


Responsive Design - Performance

• Guy Podjarny’s research


Responsive Delivery


Lessons Learned


Parse user agent for Responsive

Delivery• Fill this


Responsive Delivery

• Keep all custom

plugins

frameworks,

Service layer, DAO

and DB the same

Large Mobile Project – Lessons Learnt

Improve Conversion


Improve Delivery

Improve Scalability


Mobile and Desktop


Technology


Why Angular?


Why Grails?


Conclusion

• Work towards Simple, Scalable Architecture

• Improve reliability by using proven frameworks

• Have team agree on and adhere to code base

standards and best practices

• Analyze your data from web analytics to logs

• Focus on Performance and Load time


References• http://www.guypo.com/uncategorized/real-world-rwd-performance-take-2/

• http://www.smashingmagazine.com/2014/07/22/responsive-web-design-should-not-be-

your-only-mobile-strategy/

• http://hindsiteinc.com/blog/the_benefits_of_a_mobile-first_design_strategy

• http://agbeat.com/social-media/the-average-web-site-load-time-is-a-sluggish-six-

seconds-infographic/

• http://www.html5rocks.com/en/tutorials/speed/txt-compression/

• http://www.nalashaa.com/introduction-continuous-delivery/

• http://blog.newrelic.com/2012/12/18/5-reasons-to-implement-a-cdn/

• http://angular-tips.com/blog/2013/08/why-does-angular-dot-js-rock/

• http://www.infoworld.com/article/2612250/application-development/the-10-hottest-

javascript-framework-projects.html

http://www.guypo.com/uncategorized/real-world-rwd-performance-take-2/

http://www.smashingmagazine.com/2014/07/22/responsive-web-design-should-not-be-your-only-mobile-strategy/

http://hindsiteinc.com/blog/the_benefits_of_a_mobile-first_design_strategy

http://agbeat.com/social-media/the-average-web-site-load-time-is-a-sluggish-six-seconds-infographic/

http://www.html5rocks.com/en/tutorials/speed/txt-compression/

http://www.nalashaa.com/introduction-continuous-delivery/

http://blog.newrelic.com/2012/12/18/5-reasons-to-implement-a-cdn/

http://angular-tips.com/blog/2013/08/why-does-angular-dot-js-rock/

http://www.infoworld.com/article/2612250/application-development/the-10-hottest-javascript-framework-projects.html

enterprise mobile website journey – lessons learned | senthil kumaran

Technology

web analytics

responsive deliveryfill

custom plugins frameworks

best practicesanalyze

service layer

code base standards

proven frameworkshave

powerpoint presentation