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.

The Responsive Design Revolution

368 views

Published on

Is your website ready for what's next?

Published in: Design
  • Be the first to comment

  • Be the first to like this

The Responsive Design Revolution

  1. 1. TheResponsiveDesignRevolution:Is your website ready for what’s next?Josh Miles // branding for professional services.
  2. 2. @joshmiles @LogMyCallsJosh MilesI’m the principal and founder ofMiles Design, a branding firmspecializing in branding and websitedesign for professional services andsoftware firms.I’m also the author of Bold Brand:The new rules for differentiating,branding, and marketing yourprofessional services firm.MilesDesign.com | BoldBrand.com 2
  3. 3. @joshmiles @LogMyCallsIt’s a conversation! - Please ask questions! - Keep it interactive - Share your challenges & successes! - Tweet along! 3
  4. 4. @joshmiles @LogMyCallsBold Brand:The new rules for differentiating,branding and marketing yourprofessional services firm.milesdesign.com/rwd 4
  5. 5. @joshmiles @LogMyCallsB2B: Refuse to be Boring. Why should B2C brands have all the fun? We believe B2B and Professional Services brands can be just as dynamic, interesting, and sexy. 5
  6. 6. @joshmiles @LogMyCallsI’m not sure howto put this...but RWD is kindof a big deal. 6
  7. 7. Whatexactly isresponsiveweb design? // branding for professional services.
  8. 8. @joshmiles @LogMyCalls 8
  9. 9. @joshmiles @LogMyCalls2013 Is theYear ofResponsiveWeb Designhttp://mashable.com/2012/12/11/responsive-web-design/ 9
  10. 10. @joshmiles @LogMyCallsResponsive web design (RWD) is a webdesign approach aimed at crafting sites toprovide an optimal viewing experience—easy reading and navigation with a minimumof resizing, panning, and scrolling—acrossa wide range of devices (from desktopcomputer monitors to mobile phones). 10
  11. 11. Why bother? // branding for professional services.
  12. 12. Why bother?1. Visitor2. Visitor3. Visitor // branding for professional services.
  13. 13. Why bother?1. Visitor devices2. Visitor experience3. Visitor expectations // branding for professional services.
  14. 14. @joshmiles @LogMyCalls1. Visitor devices 14
  15. 15. @joshmiles @LogMyCalls2. Visitor experience 15
  16. 16. Mobile-Friendly orMobile First? // branding for professional services.
  17. 17. @joshmiles @LogMyCallsHello? ...Katie? 17
  18. 18. @joshmiles @LogMyCallsAvoid lost visitors: - Why are they here? - Where to go - What to do - Visual hierarchy 18
  19. 19. @joshmiles @LogMyCalls3. Visitor expectations 19
  20. 20. Isn’t this justa fad? // branding for professional services.
  21. 21. @joshmiles @LogMyCallsThe big boys are doing it: 21
  22. 22. @joshmiles @LogMyCalls 22
  23. 23. @joshmiles @LogMyCallsThe leaders are doing it: 23
  24. 24. @joshmiles @LogMyCallsE-marketers are doing it: 24
  25. 25. @joshmiles @LogMyCallsComing soon... 25
  26. 26. Why not do amobile app? // branding for professional services.
  27. 27. @joshmiles @LogMyCallsMobile app:- Great for unique content- $$$ platform / device- Tablet & “new” devices 27
  28. 28. @joshmiles @LogMyCallsResponsive Benefits:- Cutting-edge technology- Any platform / any device- Tablet & “new” devices 28
  29. 29. @joshmiles @LogMyCallsGeek-friendly Details:- Single database / CMS- Site “detects” device- Hide & show / fallback 29
  30. 30. @joshmiles @LogMyCallsImpress your(geek) friends... 30
  31. 31. Is it timeto invest inRWD? // branding for professional services.
  32. 32. @joshmiles @LogMyCalls will not get youwhat got you 32
  33. 33. @joshmiles @LogMyCallsThank You!Bold Brand:The new rules for differentiating,branding and marketing yourprofessional services firm.milesdesign.com/rwd 33
  34. 34. Webinar Offer LogMyCalls Free Trial • LogMyCalls.com/30-day-trial • Coupon Code: DAMGOOD • Call (866) 811-8880
  35. 35. @joshmiles @LogMyCallsQ&A?Get the slides and more at:milesdesign.com/rwd 35

×