Anatomy of a Redesign

1,058 views

Published on

Blue Fountain Media Senior Business Consultant Bobby Graziose discusses the anatomy of a website redesign at Blue Fountain Media's Expert Seminar Series.

This presentation considers when it is appropriate to redesign your business' website. What are the steps that your business should take to undertake an effective website redesign? How can you make sure that your website redesign helps your business to achieve your online goals?

This presentation answers this question by providing case studies from Blue Fountain Media that used this exact advice to bring our clients actionable results that directly helped their business to generate revenue.

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,058
On SlideShare
0
From Embeds
0
Number of Embeds
442
Actions
Shares
0
Downloads
7
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Anatomy of a Redesign

  1. 1. Tuesday, September 24, 13
  2. 2. Expert Seminar Series Anatomy of a Redesign Featured Speaker: Bobby Graziose, BFM Tuesday, September 24, 13
  3. 3. welcome! anatomy of a redesign BLUE FOUNTAIN MEDIA Tuesday, September 24, 13
  4. 4. 4 anatomy of a redesign you we are... BLUE FOUNTAIN MEDIA Tuesday, September 24, 13
  5. 5. 5 anatomy of a redesign your partner for digital growth BLUE FOUNTAIN MEDIA Tuesday, September 24, 13
  6. 6. a firm with a passion for building online businesses anatomy of a redesign BLUE FOUNTAIN MEDIA Tuesday, September 24, 13
  7. 7. dynamic anatomy of a redesign BLUE FOUNTAIN MEDIA Tuesday, September 24, 13
  8. 8. 8 a diverse team employee count: usa 97 international 90 anatomy of a redesign BLUE FOUNTAIN MEDIA Tuesday, September 24, 13
  9. 9. anatomy of a redesign business consultant creative strategist marketing manager information architect designer account director project managerthat’s  me...  ;0) BLUE FOUNTAIN MEDIA Tuesday, September 24, 13
  10. 10. to redesign or not to redesign... anatomy of a redesign BLUE FOUNTAIN MEDIA Tuesday, September 24, 13
  11. 11. statistics anatomy of a redesign BLUE FOUNTAIN MEDIA Tuesday, September 24, 13
  12. 12. user statistics 94% anatomy of a redesign first impression are design related Source-Kenesis BLUE FOUNTAIN MEDIA Tuesday, September 24, 13
  13. 13. user statistics 75% anatomy of a redesign judge a company’s credibility based on their website’s design Source-Kenesis BLUE FOUNTAIN MEDIA Tuesday, September 24, 13
  14. 14. user behavior 40% anatomy of a redesign will abandon a website if it takes more than 3 seconds to load Source-Econsultancy BLUE FOUNTAIN MEDIA Tuesday, September 24, 13
  15. 15. user behavior 48% anatomy of a redesign arriving on a site with a bad mobile experience, is a sign that the company doesn’t care about their customers Source-Margin Media BLUE FOUNTAIN MEDIA Tuesday, September 24, 13
  16. 16. how is my site converting? anatomy of a redesign BLUE FOUNTAIN MEDIA Tuesday, September 24, 13
  17. 17. am I seeing growth in leads or sales? anatomy of a redesign BLUE FOUNTAIN MEDIA Tuesday, September 24, 13
  18. 18. site traffic= 1,000,000 anatomy of a redesign sales= 1 BLUE FOUNTAIN MEDIA Tuesday, September 24, 13
  19. 19. anatomy of a redesign you not so much... BLUE FOUNTAIN MEDIA Tuesday, September 24, 13
  20. 20. does my site look like this? anatomy of a redesign BLUE FOUNTAIN MEDIA Tuesday, September 24, 13
  21. 21. 21 Tuesday, September 24, 13
  22. 22. are my employees proud of our site? anatomy of a redesign BLUE FOUNTAIN MEDIA Tuesday, September 24, 13
  23. 23. how many of you have said (or heard) this? anatomy of a redesign BLUE FOUNTAIN MEDIA Tuesday, September 24, 13
  24. 24. anatomy of a redesign “we just threw this together so we had a web presence” “this site is just temporary” “i used my brother in-law to build this” BLUE FOUNTAIN MEDIA Tuesday, September 24, 13
  25. 25. anatomy of a redesign let’s get started! BLUE FOUNTAIN MEDIA Tuesday, September 24, 13
  26. 26. 26 you must be strategic and tactical anatomy of a redesign BLUE FOUNTAIN MEDIA Tuesday, September 24, 13
  27. 27. 27 anatomy of a redesign dont throw darts BLUE FOUNTAIN MEDIA Tuesday, September 24, 13
  28. 28. take an informed approach anatomy of a redesign BLUE FOUNTAIN MEDIA Tuesday, September 24, 13
  29. 29. discovery research & planning development creative & design project plan anatomy of a redesign BLUE FOUNTAIN MEDIA Tuesday, September 24, 13
  30. 30. anatomy of a redesign discovery research & planning BLUE FOUNTAIN MEDIA Tuesday, September 24, 13
  31. 31. anatomy of a redesign do an audit BLUE FOUNTAIN MEDIA Tuesday, September 24, 13
  32. 32. anatomy of a redesign understand current status of digital property i.e. usability, traffic analysis, speed, audience behavior, segmentation, CRO audit objective: BLUE FOUNTAIN MEDIA Tuesday, September 24, 13
  33. 33. audit objective: anatomy of a redesign clearly outline digital marketing efforts i.e. SEO, PPC, SMM, content, email informs SWOT BLUE FOUNTAIN MEDIA Tuesday, September 24, 13
  34. 34. anatomy of a redesign create a strategy BLUE FOUNTAIN MEDIA Tuesday, September 24, 13
  35. 35. strategy objective anatomy of a redesign lay groundwork for website build define website’s core audience outline key website elements inform the planning and design BLUE FOUNTAIN MEDIA Tuesday, September 24, 13
  36. 36. anatomy of a redesign UX/UI BLUE FOUNTAIN MEDIA Tuesday, September 24, 13
  37. 37. anatomy of a redesign BLUE FOUNTAIN MEDIA Tuesday, September 24, 13
  38. 38. anatomy of a redesign BLUE FOUNTAIN MEDIA Tuesday, September 24, 13
  39. 39. 39 Tuesday, September 24, 13
  40. 40. anatomy of a redesign you not so much... BLUE FOUNTAIN MEDIA Tuesday, September 24, 13
  41. 41. anatomy of a redesign information architecture BLUE FOUNTAIN MEDIA Tuesday, September 24, 13
  42. 42. 42 anatomy of a redesign (insert site map) BLUE FOUNTAIN MEDIA Tuesday, September 24, 13
  43. 43. BLUE FOUNTAIN MEDIA Tuesday, September 24, 13
  44. 44. UX/UI Tips anatomy of a redesign BLUE FOUNTAIN MEDIA A  site’s  UX  should  be  a  balance  of  user   input  (qualita8ve)  and  data  driven   (quan8ta8ve). Simplify  Naviga8on.  The  amount  of  op8ons   and  paths  should  never  overwhelm  the   user Tuesday, September 24, 13
  45. 45. UX/UI Tips anatomy of a redesign BLUE FOUNTAIN MEDIA Make  sure  user  profile  or  “my  page”  is   easy  to  find  and  globally  accessible. Keep  site  depth  flat.  Don’t  make  users   click  through  extra  pages  when   unnecessary. Tuesday, September 24, 13
  46. 46. discovery & planning outcome: anatomy of a redesign site map/ wireframes messaging and tone of voice keywords/imagery for content calls to action UX/UI Tuesday, September 24, 13
  47. 47. 47 BLUE FOUNTAIN MEDIA 102 MADISON AVE 2ND FLR NY, NY 10016 anatomy of a redesign creative & design Tuesday, September 24, 13
  48. 48. who are we as a company/ brand? anatomy of a redesign Tuesday, September 24, 13
  49. 49. Does the following represent who we are or who we want to be as a brand? imagery typography site colors look and feel anatomy of a redesign BLUE FOUNTAIN MEDIA Tuesday, September 24, 13
  50. 50. design has to work... anatomy of a redesign BLUE FOUNTAIN MEDIA Tuesday, September 24, 13
  51. 51. 51 anatomy of a redesign BLUE FOUNTAIN MEDIA Tuesday, September 24, 13
  52. 52. art does not anatomy of a redesign Oh, my meat dress is so cool... BLUE FOUNTAIN MEDIA Tuesday, September 24, 13
  53. 53. use a professional graphic artist to interpret your wireframes anatomy of a redesign BLUE FOUNTAIN MEDIA Tuesday, September 24, 13
  54. 54. wireframe design mobile Tuesday, September 24, 13
  55. 55. so let’s put it all together... anatomy of a redesign BLUE FOUNTAIN MEDIA Tuesday, September 24, 13
  56. 56. beforeTuesday, September 24, 13
  57. 57. BLUE FOUNTAIN MEDIA Tuesday, September 24, 13
  58. 58. BLUE FOUNTAIN MEDIA Tuesday, September 24, 13
  59. 59. BLUE FOUNTAIN MEDIA Tuesday, September 24, 13
  60. 60. BLUE FOUNTAIN MEDIA Tuesday, September 24, 13
  61. 61. BLUE FOUNTAIN MEDIA Tuesday, September 24, 13
  62. 62. before afterTuesday, September 24, 13
  63. 63. beforeTuesday, September 24, 13
  64. 64. afterTuesday, September 24, 13
  65. 65. beforeTuesday, September 24, 13
  66. 66. afterTuesday, September 24, 13
  67. 67. beforeTuesday, September 24, 13
  68. 68. afterTuesday, September 24, 13
  69. 69. beforeTuesday, September 24, 13
  70. 70. afterTuesday, September 24, 13
  71. 71. a new site launch is also a good time to refresh your brand anatomy of a redesign BLUE FOUNTAIN MEDIA Tuesday, September 24, 13
  72. 72. BLUE FOUNTAIN MEDIA 102 MADISON AVE 2ND FLR NY, NY 10016 anatomy of a redesign BLUE FOUNTAIN MEDIA Tuesday, September 24, 13
  73. 73. anatomy of a redesign development BLUE FOUNTAIN MEDIA Tuesday, September 24, 13
  74. 74. html5, css3 anatomy of a redesign Text build your site “responsive” (more to follow w/Tracey) choose a scalable cms Use the most current technology BLUE FOUNTAIN MEDIA Text Text Tuesday, September 24, 13
  75. 75. anatomy of a redesign Text Don’t forget... BLUE FOUNTAIN MEDIA Text Text 301 redirects solid URL structure meta descriptions Tuesday, September 24, 13
  76. 76. discovery research & planning development creative & design recap anatomy of a redesign BLUE FOUNTAIN MEDIA know your landscape: do an audit and strategy Tuesday, September 24, 13
  77. 77. discovery research & planning development creative & design recap anatomy of a redesign BLUE FOUNTAIN MEDIA informed design don’t throw darts! Tuesday, September 24, 13
  78. 78. discovery research & planning development creative & design recap anatomy of a redesign BLUE FOUNTAIN MEDIA develop thinking forward don’t lose what you had Tuesday, September 24, 13
  79. 79. and now, a shameless plug and attempts at humor... anatomy of a redesign BLUE FOUNTAIN MEDIA Tuesday, September 24, 13
  80. 80. 80 consider us for your next project anatomy of a redesign BLUE FOUNTAIN MEDIA Tuesday, September 24, 13
  81. 81. anatomy of a redesign because we are... (really bad pun follows) BLUE FOUNTAIN MEDIA Tuesday, September 24, 13
  82. 82. in it for the long hall :) anatomy of a redesign BLUE FOUNTAIN MEDIA Tuesday, September 24, 13
  83. 83. thank you! Text bobby@bluefountainmedia.com linkedin.com/in/bobbygraziose 212.260.1978 x503 Tuesday, September 24, 13
  84. 84. Tuesday, September 24, 13

×