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.

Don't break the bank - improve your mobile experience with light responsive techniques

601 views

Published on

On Thursday, February 6, Habanero is hosting a webinar about Habanero’s light-responsive design approach. Light-responsive design techniques help organizations realize the benefits of better mobile support, without the high cost of completely rebuilding their website. They’re also great if you have a dedicated mobile site and want to make the shift to a responsive portal.

The webinar will include a Habanero client case study to showcase our light-responsive approach and illustrate how you can benefit from this simplified way of doing responsive web design. John Allan, a Senior User Experience Developer, and Mallory O’Connor, Practice Lead, Customer and Member Portals, will present the webinar.

This 30-minute ‘coffee break’ presentation is geared for designers, developers, marketing professionals, or website managers.

Published in: Technology, Business
  • Be the first to comment

Don't break the bank - improve your mobile experience with light responsive techniques

  1. 1. Don’t break the bank: Improve your mobile experience with light responsive techniques February 6, 2014
  2. 2. Hello mallory o’connor Practice Lead, Customer and Member Portals john allan Senior User Experience Developer
  3. 3. Agenda for today light responsive case study what, why, and how light responsive applied
  4. 4. Q&A
  5. 5. About Habanero
  6. 6. we are passionate about helping people and organizations thrive
  7. 7. customer portals employee portals member portals and websites and intranets and extranets
  8. 8. Don’t break the bank: Improve your mobile experience with light-responsive techniques
  9. 9. Mobile traffic
  10. 10. What is light responsive design?
  11. 11. mobile app vs. mobile web Mobile experiences consumed via dedicated native application Mobile experiences consumed via local device browsers
  12. 12. Dedicated mobile site
  13. 13. Responsive site Desktop Tablet Phone
  14. 14. Light responsive site Desktop Phone
  15. 15. Why choose light responsive?
  16. 16. Budget Enhancements vs. overhaul
  17. 17. Buy-in Limited appetite to start from scratch
  18. 18. Pain Impact on brand, satisfaction, and conversion
  19. 19. Benefits of light responsive
  20. 20. It’s fast.
  21. 21. It’s cost effective.
  22. 22. It’s high impact.
  23. 23. How does it work?
  24. 24. CSS Javascript
  25. 25. Reprioritizing content
  26. 26. Reprioritizing content
  27. 27. Reprioritizing content
  28. 28. Rethinking navigation
  29. 29. Rethinking navigation
  30. 30. Rethinking navigation
  31. 31. Addressing complexity
  32. 32. Addressing complexity
  33. 33. Addressing complexity
  34. 34. Performance
  35. 35. Case study: oilsandstoday.com
  36. 36. A little background about the site
  37. 37. Bounce rate High bounce rate was an indicator of deeper issues.
  38. 38. Layout Pinch and zoom experience
  39. 39. Page load Page size and load times were prohibitive
  40. 40. Results
  41. 41. Performance improvements
  42. 42. 50% Decrease in server requests
  43. 43. 94% Decrease in page size
  44. 44. 86% Decrease in page load time
  45. 45. Summary
  46. 46. Key takeaways
  47. 47. Light responsive is a fast, affordable, interim solution.
  48. 48. Mobile second can be ok too.
  49. 49. We can help you get started.
  50. 50. Questions?
  51. 51. Wrap up •Follow up questions are welcome! •Past webinars: youtube.com/habaneroconsult •Blog posts: habaneroconsulting.com/insights
  52. 52. Get in touch mallory o’connor moconnor@habaneroconsulting.com john allan jallan@habaneroconsulting.com habaneroconsulting.com/team

×