The Responsive Design Revolution

279 views

Published on

Is your website ready for what's next?

Published in: Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
279
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

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

×