Tuesday, September 24, 13
Expert Seminar Series
Anatomy of a Redesign
Featured Speaker:
Bobby Graziose, BFM
Tuesday, September 24, 13
welcome!
anatomy of a redesign
BLUE FOUNTAIN MEDIA
Tuesday, September 24, 13
4
anatomy of a redesign
you
we are...
BLUE FOUNTAIN MEDIA
Tuesday, September 24, 13
5
anatomy of a redesign
your
partner for
digital
growth
BLUE FOUNTAIN MEDIA
Tuesday, September 24, 13
a firm with a
passion for
building online
businesses
anatomy of a redesign
BLUE FOUNTAIN MEDIA
Tuesday, September 24, 13
dynamic
anatomy of a redesign
BLUE FOUNTAIN MEDIA
Tuesday, September 24, 13
8
a diverse
team
employee count:
usa 

 
 
 
 
 
 97
international 90
anatomy of a redesign
BLUE FOUNTAIN MEDIA
Tuesday, S...
anatomy of a redesign
business
consultant
creative
strategist
marketing
manager
information
architect
designer
account
dir...
to redesign
or not to
redesign...
anatomy of a redesign
BLUE FOUNTAIN MEDIA
Tuesday, September 24, 13
statistics
anatomy of a redesign
BLUE FOUNTAIN MEDIA
Tuesday, September 24, 13
user
statistics
94%
anatomy of a redesign
first impression are
design related
Source-Kenesis
BLUE FOUNTAIN MEDIA
Tuesday, S...
user
statistics
75%
anatomy of a redesign
judge a company’s
credibility based on
their website’s
design Source-Kenesis
BLU...
user
behavior
40%
anatomy of a redesign
will abandon a website
if it takes more than
3 seconds to load
Source-Econsultancy...
user
behavior
48%
anatomy of a redesign
arriving on a site with
a bad mobile experience,
is a sign that the company
doesn’...
how is my
site
converting?
anatomy of a redesign
BLUE FOUNTAIN MEDIA
Tuesday, September 24, 13
am I seeing
growth in
leads or
sales?
anatomy of a redesign
BLUE FOUNTAIN MEDIA
Tuesday, September 24, 13
site traffic=
1,000,000
anatomy of a redesign
sales= 1
BLUE FOUNTAIN MEDIA
Tuesday, September 24, 13
anatomy of a redesign
you
not so
much...
BLUE FOUNTAIN MEDIA
Tuesday, September 24, 13
does my
site look
like this?
anatomy of a redesign
BLUE FOUNTAIN MEDIA
Tuesday, September 24, 13
21
Tuesday, September 24, 13
are my
employees
proud of
our site?
anatomy of a redesign
BLUE FOUNTAIN MEDIA
Tuesday, September 24, 13
how many
of you have
said
(or heard)
this?
anatomy of a redesign
BLUE FOUNTAIN MEDIA
Tuesday, September 24, 13
anatomy of a redesign
“we just threw this
together so we had a
web presence”
“this site is just
temporary”
“i used my brot...
anatomy of a redesign
let’s get
started!
BLUE FOUNTAIN MEDIA
Tuesday, September 24, 13
26
you must
be
strategic
and
tactical
anatomy of a redesign
BLUE FOUNTAIN MEDIA
Tuesday, September 24, 13
27
anatomy of a redesign
dont throw darts
BLUE FOUNTAIN MEDIA
Tuesday, September 24, 13
take an
informed
approach
anatomy of a redesign
BLUE FOUNTAIN MEDIA
Tuesday, September 24, 13
discovery
research &
planning
development
creative
&
design
project plan
anatomy of a redesign
BLUE FOUNTAIN MEDIA
Tuesday...
anatomy of a redesign
discovery
research &
planning
BLUE FOUNTAIN MEDIA
Tuesday, September 24, 13
anatomy of a redesign
do an audit
BLUE FOUNTAIN MEDIA
Tuesday, September 24, 13
anatomy of a redesign
understand current status of
digital property
i.e. usability, traffic analysis,
speed, audience beha...
audit objective:

 
 
anatomy of a redesign
clearly outline digital marketing
efforts i.e. SEO, PPC, SMM, content,
email
i...
anatomy of a redesign
create a strategy
BLUE FOUNTAIN MEDIA
Tuesday, September 24, 13
strategy objective

 
 
anatomy of a redesign
lay groundwork for website build
define website’s core audience
outline key w...
anatomy of a redesign
UX/UI
BLUE FOUNTAIN MEDIA
Tuesday, September 24, 13
anatomy of a redesign
BLUE FOUNTAIN MEDIA
Tuesday, September 24, 13
anatomy of a redesign
BLUE FOUNTAIN MEDIA
Tuesday, September 24, 13
39
Tuesday, September 24, 13
anatomy of a redesign
you
not so
much...
BLUE FOUNTAIN MEDIA
Tuesday, September 24, 13
anatomy of a redesign
information
architecture
BLUE FOUNTAIN MEDIA
Tuesday, September 24, 13
42
anatomy of a redesign
(insert site map)
BLUE FOUNTAIN MEDIA
Tuesday, September 24, 13
BLUE FOUNTAIN MEDIA
Tuesday, September 24, 13
UX/UI Tips

 
 
anatomy of a redesign
BLUE FOUNTAIN MEDIA
A	
  site’s	
  UX	
  should	
  be	
  a	
  balance	
  of	
  user	...
UX/UI Tips

 
 
anatomy of a redesign
BLUE FOUNTAIN MEDIA
Make	
  sure	
  user	
  profile	
  or	
  “my	
  page”	
  is	
  
e...
discovery & planning
outcome:

 
 
anatomy of a redesign
site map/ wireframes
messaging and tone of voice
keywords/imagery...
47
BLUE FOUNTAIN MEDIA 102 MADISON AVE 2ND FLR NY, NY 10016
anatomy of a redesign
creative
&
design
Tuesday, September 24,...
who are we
as a company/
brand?
anatomy of a redesign
Tuesday, September 24, 13
Does the following represent who
we are or who we want to be as a
brand?
imagery
typography
site colors
look and feel
anat...
design has to
work...
anatomy of a redesign
BLUE FOUNTAIN MEDIA
Tuesday, September 24, 13
51
anatomy of a redesign
BLUE FOUNTAIN MEDIA
Tuesday, September 24, 13
art
does not
anatomy of a redesign
Oh, my meat dress
is so cool...
BLUE FOUNTAIN MEDIA
Tuesday, September 24, 13
use a
professional
graphic artist to
interpret your
wireframes
anatomy of a redesign
BLUE FOUNTAIN MEDIA
Tuesday, Septembe...
wireframe design mobile
Tuesday, September 24, 13
so let’s put it all
together...
anatomy of a redesign
BLUE FOUNTAIN MEDIA
Tuesday, September 24, 13
beforeTuesday, September 24, 13
BLUE FOUNTAIN MEDIA
Tuesday, September 24, 13
BLUE FOUNTAIN MEDIA
Tuesday, September 24, 13
BLUE FOUNTAIN MEDIA
Tuesday, September 24, 13
BLUE FOUNTAIN MEDIA
Tuesday, September 24, 13
BLUE FOUNTAIN MEDIA
Tuesday, September 24, 13
before afterTuesday, September 24, 13
beforeTuesday, September 24, 13
afterTuesday, September 24, 13
beforeTuesday, September 24, 13
afterTuesday, September 24, 13
beforeTuesday, September 24, 13
afterTuesday, September 24, 13
beforeTuesday, September 24, 13
afterTuesday, September 24, 13
a new site launch
is also a good
time to refresh
your brand
anatomy of a redesign
BLUE FOUNTAIN MEDIA
Tuesday, September 2...
BLUE FOUNTAIN MEDIA 102 MADISON AVE 2ND FLR NY, NY 10016
anatomy of a redesign
BLUE FOUNTAIN MEDIA
Tuesday, September 24, ...
anatomy of a redesign
development
BLUE FOUNTAIN MEDIA
Tuesday, September 24, 13
html5, css3
anatomy of a redesign
Text
build your site “responsive”
(more to follow w/Tracey)
choose a scalable cms
Use th...
anatomy of a redesign
Text
Don’t forget...
BLUE FOUNTAIN MEDIA
Text
Text
301 redirects
solid URL structure
meta descriptio...
discovery
research &
planning
development
creative
&
design
recap
anatomy of a redesign
BLUE FOUNTAIN MEDIA
know your land...
discovery
research &
planning
development
creative
&
design
recap
anatomy of a redesign
BLUE FOUNTAIN MEDIA
informed desig...
discovery
research &
planning
development
creative
&
design
recap
anatomy of a redesign
BLUE FOUNTAIN MEDIA
develop thinki...
and now, a
shameless plug
and attempts at
humor...
anatomy of a redesign
BLUE FOUNTAIN MEDIA
Tuesday, September 24, 13
80
consider
us for your
next
project
anatomy of a redesign
BLUE FOUNTAIN MEDIA
Tuesday, September 24, 13
anatomy of a redesign
because we
are...
(really bad pun follows)
BLUE FOUNTAIN MEDIA
Tuesday, September 24, 13
in it for the long
hall :)
anatomy of a redesign
BLUE FOUNTAIN MEDIA
Tuesday, September 24, 13
thank you!
Text
bobby@bluefountainmedia.com
linkedin.com/in/bobbygraziose
212.260.1978 x503
Tuesday, September 24, 13
Tuesday, September 24, 13
Upcoming SlideShare
Loading in …5
×

Anatomy of a Redesign

1,051 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,051
On SlideShare
0
From Embeds
0
Number of Embeds
439
Actions
Shares
0
Downloads
6
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

×