anatomy of a redesign

Tuesday, September 24, 13

Expert Seminar Series

Anatomy of a Redesign

Featured Speaker: Bobby Graziose, BFM


welcome!

anatomy of a redesign

BLUE FOUNTAIN MEDIA


4


you

we are...

BLUE FOUNTAIN MEDIA


5


your partner for

digital growth

BLUE FOUNTAIN MEDIA


a firm with a passion for building online businesses


BLUE FOUNTAIN MEDIA


dynamic anatomy of a redesign

BLUE FOUNTAIN MEDIA


8

a diverse teamemployee count: usa 97international 90


BLUE FOUNTAIN MEDIA



business consultant

creative strategist

marketing manager

information architect

designer

account director

project managerthat’s me... ;0)

BLUE FOUNTAIN MEDIA


to redesign or not to

redesign...


BLUE FOUNTAIN MEDIA


statistics


BLUE FOUNTAIN MEDIA


user statistics

94%


first impression are design related

Source-Kenesis

BLUE FOUNTAIN MEDIA


user statistics

75%


judge a company’s credibility based on

their website’s design Source-Kenesis

BLUE FOUNTAIN MEDIA


user behavior

40%


will abandon a website if it takes more than 3 seconds to load

Source-Econsultancy

BLUE FOUNTAIN MEDIA


user behavior

48%


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


how is my site

converting?


BLUE FOUNTAIN MEDIA


am I seeing growth in leads or sales?


BLUE FOUNTAIN MEDIA


site traffic= 1,000,000


sales= 1

BLUE FOUNTAIN MEDIA



you

not so much...

BLUE FOUNTAIN MEDIA


does my site look like this?


BLUE FOUNTAIN MEDIA


21

lingscars


are my employees proud of our site?


BLUE FOUNTAIN MEDIA


how many of you have

said (or heard)

this?


BLUE FOUNTAIN MEDIA



“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



let’s get started!

BLUE FOUNTAIN MEDIA


26you must be

strategic and

tactical


BLUE FOUNTAIN MEDIA


27


dont throw dartsBLUE FOUNTAIN MEDIA


take an informed approach


BLUE FOUNTAIN MEDIA


discoveryresearch & planning

developmentcreative&

design

project plan anatomy of a redesign

BLUE FOUNTAIN MEDIA




BLUE FOUNTAIN MEDIA



do an audit

BLUE FOUNTAIN MEDIA



understand current status of digital property i.e. usability, traffic analysis, speed, audience behavior, segmentation, CRO

audit objective:

BLUE FOUNTAIN MEDIA


audit objective:


clearly outline digital marketing efforts i.e. SEO, PPC, SMM, content, email informs SWOT

BLUE FOUNTAIN MEDIA



create a strategy

BLUE FOUNTAIN MEDIA


strategy objective


lay groundwork for website build

define website’s core audience outline key website elementsinform the planning and design

BLUE FOUNTAIN MEDIA



UX/UI

BLUE FOUNTAIN MEDIA



BLUE FOUNTAIN MEDIA


39



you

not so much...

BLUE FOUNTAIN MEDIA



information architecture

BLUE FOUNTAIN MEDIA


42


(insert site map)

BLUE FOUNTAIN MEDIA


BLUE FOUNTAIN MEDIA


UX/UI Tips


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


UX/UI Tips


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.


discovery & planning outcome:


site map/ wireframesmessaging and tone of voicekeywords/imagery for contentcalls to actionUX/UI


47

BLUE FOUNTAIN MEDIA 102 MADISON AVE 2ND FLR NY, NY 10016


Our Differentiation

creative&

design


who are we as a company/

brand?



Does the following represent who we are or who we want to be as a brand?

imagery typography site colors look and feel


BLUE FOUNTAIN MEDIA


design has to work...


BLUE FOUNTAIN MEDIA


51


BLUE FOUNTAIN MEDIA


art does not


Oh, my meat dress is so cool...

BLUE FOUNTAIN MEDIA


use a professional graphic artist to interpret your wireframes


BLUE FOUNTAIN MEDIA


wireframe design mobileTuesday, September 24, 13

so let’s put it all together...


BLUE FOUNTAIN MEDIA


beforeTuesday, September 24, 13

BLUE FOUNTAIN MEDIA


before afterTuesday, September 24, 13

afterTuesday, September 24, 13

a new site launch is also a good time to refresh your brand


BLUE FOUNTAIN MEDIA


BLUE FOUNTAIN MEDIA 102 MADISON AVE 2ND FLR NY, NY 10016


BLUE FOUNTAIN MEDIA



development

BLUE FOUNTAIN MEDIA


html5, css3


Text

build your site “responsive” (more to follow w/Tracey)

choose a scalable cms

Use the most current technology

BLUE FOUNTAIN MEDIA

Text

Text



Text

Don’t forget...

BLUE FOUNTAIN MEDIA

TextText

301 redirectssolid URL structuremeta descriptions




design

recap anatomy of a redesign

BLUE FOUNTAIN MEDIA

know your landscape: do an audit and strategy




design


BLUE FOUNTAIN MEDIA

informed designdon’t throw darts!




design


BLUE FOUNTAIN MEDIA

develop thinking forwarddon’t lose what you had


and now, a shameless plug and attempts at humor...


BLUE FOUNTAIN MEDIA


80

considerus for your next project


BLUE FOUNTAIN MEDIA



because we are...

(really bad pun follows)

BLUE FOUNTAIN MEDIA


in it for the long hall :)


BLUE FOUNTAIN MEDIA


thank you!Text

[email protected]/in/bobbygraziose

212.260.1978 x503


mailto:[email protected]








anatomy of a redesign

Education

audit blue fountain

strategy blue fountain

swot blue fountain media

darts blue fountain

site map blue fountain

redesign sales

redesign dont

statistics anatomy