Download - Anatomy of a Redesign
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 teamemployee count: usa 97international 90
anatomy of a redesign
BLUE FOUNTAIN MEDIA
Tuesday, September 24, 13
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
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, September 24, 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
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
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
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
lingscars
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 brother
in-law to build this”BLUE FOUNTAIN MEDIA
Tuesday, September 24, 13
anatomy of a redesign
let’s get started!
BLUE FOUNTAIN MEDIA
Tuesday, September 24, 13
26you must be
strategic and
tactical
anatomy of a redesign
BLUE FOUNTAIN MEDIA
Tuesday, September 24, 13
27
anatomy of a redesign
dont throw dartsBLUE FOUNTAIN MEDIA
Tuesday, September 24, 13
take an informed approach
anatomy of a redesign
BLUE FOUNTAIN MEDIA
Tuesday, September 24, 13
discoveryresearch & planning
developmentcreative&
design
project plan anatomy of a redesign
BLUE FOUNTAIN MEDIA
Tuesday, September 24, 13
anatomy of a redesign
discoveryresearch & 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 behavior, segmentation, CRO
audit objective:
BLUE FOUNTAIN MEDIA
Tuesday, September 24, 13
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
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 website elementsinform the planning and design
BLUE FOUNTAIN MEDIA
Tuesday, September 24, 13
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 input (qualita8ve) and data driven (quan8ta8ve).
Simplify Naviga8on. The amount of op8ons and paths should never overwhelm the user
Tuesday, September 24, 13
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
discovery & planning outcome:
anatomy of a redesign
site map/ wireframesmessaging and tone of voicekeywords/imagery for contentcalls to actionUX/UI
Tuesday, September 24, 13
47
BLUE FOUNTAIN MEDIA 102 MADISON AVE 2ND FLR NY, NY 10016
anatomy of a redesign
Our Differentiation
creative&
design
Tuesday, September 24, 13
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
anatomy of a redesign
BLUE FOUNTAIN MEDIA
Tuesday, September 24, 13
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, September 24, 13
wireframe design mobileTuesday, 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 24, 13
BLUE FOUNTAIN MEDIA 102 MADISON AVE 2ND FLR NY, NY 10016
anatomy of a redesign
BLUE FOUNTAIN MEDIA
Tuesday, September 24, 13
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 the most current technology
BLUE FOUNTAIN MEDIA
Text
Text
Tuesday, September 24, 13
anatomy of a redesign
Text
Don’t forget...
BLUE FOUNTAIN MEDIA
TextText
301 redirectssolid URL structuremeta descriptions
Tuesday, September 24, 13
discoveryresearch & planning
developmentcreative&
design
recap anatomy of a redesign
BLUE FOUNTAIN MEDIA
know your landscape: do an audit and strategy
Tuesday, September 24, 13
discoveryresearch & planning
developmentcreative&
design
recap anatomy of a redesign
BLUE FOUNTAIN MEDIA
informed designdon’t throw darts!
Tuesday, September 24, 13
discoveryresearch & planning
developmentcreative&
design
recap anatomy of a redesign
BLUE FOUNTAIN MEDIA
develop thinking forwarddon’t lose what you had
Tuesday, September 24, 13
and now, a shameless plug and attempts at humor...
anatomy of a redesign
BLUE FOUNTAIN MEDIA
Tuesday, September 24, 13
80
considerus 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
Tuesday, September 24, 13