1.
ONLINE
PRESENCE
Dayn Wilberding, Director of Digital Culture : Grady Britton
PRESENTED BY PORTLAND BUSINESS JOURNAL - 2010 BIZDEV SEMINAR SERIES #1
@PDXBizJournal @Dayn @GradyBritton
Tuesday, August 31, 2010

2.
If you were to redesign your website
today, how would it be?
Take a mental picture. Got it?
Tuesday, August 31, 2010

3.
CONTENTS UNDER PRESSURE
State of the Web
How’d We Get Here?
Redesign or Realign?
A Guide to Redesign or Realignment
Tuesday, August 31, 2010

4.
The Web is dead.
Tuesday, August 31, 2010

5.
The Web is dead.
Thanks for coming. - Grady Britton
Tuesday, August 31, 2010

6.
The Web is dead. Long live the Internet.
Tuesday, August 31, 2010

7.
(browser) (apps)
The Web is dead. Long live the Internet.
“ Over the past few years, one of the most important shifts in
the digital world has been the move from the wide-open Web
to semi-closed platforms that use the Internet for transport
”
but not the browser for display.
The Web is Dead. Long Live the Internet. - Wired - Aug 12, 2010
Tuesday, August 31, 2010

8.
(browser) (apps)
The Web is dead. Long live the Internet.
BRAND
Tuesday, August 31, 2010

9.
(browser) (apps)
The Web is dead. Long live the Internet.
Less about browsing and more about getting.
BRAND
BRAND
BRAND
BRAND
BRAND
BRAND
Tuesday, August 31, 2010

10.
The Web is dead. Long live the Internet.
Less about browsing and more about getting.
Tuesday, August 31, 2010

11.
The Web is dead. Long live the Internet.
Less about browsing and more about getting.
Tuesday, August 31, 2010

12.
The Web is dead. Long live the Internet.
Less about browsing and more about getting.
Tuesday, August 31, 2010

13.
The Web is dead. Long live the Internet.
Less about browsing and more about getting.
Tuesday, August 31, 2010

14.
The Web is dead. Long live the Internet.
Less about browsing and more about getting.
Whoa.
Tuesday, August 31, 2010

15.
CONTENTS UNDER PRESSURE
State of the Web
How’d We Get Here? What’s It All Mean, Man?
Redesign, or Realign?
A Guide to Redesign or Realignment
Tuesday, August 31, 2010

16.
An extremely brief history
WEB 1.0
Tuesday, August 31, 2010

17.
An extremely brief history
WEB 2.0-ish
Tuesday, August 31, 2010

18.
An extremely brief history
WEB 3.14159
mmm, pie
Tuesday, August 31, 2010

19.
BRAND
ONLINE BRANDING 2010
BRAND BRAND
BRAND
BRAND BRAND
BRAND
Tuesday, August 31, 2010

20.
ONLINE BRANDING 2010
The value is no
longer in the size
BRAND
of the information
source, but the
relevance of the
source to our
particular lives.
Tuesday, August 31, 2010

21.
BRAND
Your Website
Tuesday, August 31, 2010

22.
Human view
Your Website Your Online Presence
Tuesday, August 31, 2010

23.
Google view
Your Website Your Online Presence
Tuesday, August 31, 2010

24.
What’s It All Mean, Man?
Think beyond the website, beyond the browser.
BRAND
Your relationships are your brand.
Increase the opportunity for a customer to
experience your brand.
Tuesday, August 31, 2010

25.
CONTENTS UNDER PRESSURE
State of the Web
How’d We Get Here?
Redesign or Realign?
A Guide to Redesign or Realignment
Tuesday, August 31, 2010

26.
Redesign Realign
Tuesday, August 31, 2010

27.
Redesign Realign
We haven’t changed our look I think our visitor’s needs have
in 2 years. It’s time. changed. Should we?
Our site looks so 200X. The site structure doesn’t
serve our business structure
anymore.
We need more Web 2.0.
Modern websites have rounded Our site doesn’t enhance our
corners and glossy buttons. brand perception.
Good Designers Redesign, Great Designers Realign - A List Apart - Oct 24, 2005
Tuesday, August 31, 2010

28.
Redesign Realign
aesthetics driven purpose driven
Good Designers Redesign, Great Designers Realign - A List Apart - Oct 24, 2005
Tuesday, August 31, 2010

29.
Redesign Realign
Pull up that mental picture.
Which team were you on?
Tuesday, August 31, 2010

30.
GUIDE TO REDESIGN
OR :REALIGNMENT
WHEN HOW : BEST PRACTICES
Tuesday, August 31, 2010

31.
GUIDE TO
REDESIGN OR
REALIGNMENT WHEN?
When you’ve slipped off When your site is no longer
brand. providing value.
When your audience isn’t in When keeping the site fresh
control of their experience. is inefficient.
When the visitor is not the primary focus.
Tuesday, August 31, 2010

32.
GUIDE TO
REDESIGN OR
REALIGNMENT
01
HOW 02 03 04 05 06
DEFINE STRUCTURE DESIGN BUILD DELIVER MAINTAIN
Discover Content Create Develop Handoff Maintenance Plan
analyze audience audit existing concepts scripting style guide define scope
analyze industry new content deck comps markup training backup
3rd party integration 3rd party integration upgrades
Plan Info Architecture Prototyping testing testing
budget sitemap proof of concepts Measurement
schedule wireframes skeleton Content Launch visitor stats
team navigation population DNS engagement
tech specs
testing
naming conventions Style revising
guidelines
PR announcement sharing
style guide
Platform templates QA QA
Clarify CMS QA testing bugs
set goals scripting language plan bugs
creative brief APIs, 3rd parties bugs browsers
kick-off browsers security
usability
Tuesday, August 31, 2010

33.
GUIDE TO
REDESIGN OR
REALIGNMENT BEST PRACTICES
Content isn’t king,
the visitor is.
Tuesday, August 31, 2010

34.
GUIDE TO
REDESIGN OR
REALIGNMENT BEST PRACTICES
Have a blog...
and use it.
Tuesday, August 31, 2010

35.
GUIDE TO
REDESIGN OR
REALIGNMENT BEST PRACTICES
Enable and
encourage advocacy
with social features.
Tuesday, August 31, 2010

36.
GUIDE TO
REDESIGN OR
REALIGNMENT BEST PRACTICES
Extend your brand
beyond the site.
Tuesday, August 31, 2010

37.
GUIDE TO
REDESIGN OR
REALIGNMENT BEST PRACTICES
Have a personality,
please.
Tuesday, August 31, 2010

38.
CONTENTS UNDER PRESSURE
State of the Web
How’d We Get Here?
Redesign or Realign?
A Guide to Redesign or Realignment
Tuesday, August 31, 2010

39.
Thank you.
delicious.com / daynw / pbj1
GradyBritton.com For my card, txt: DAYN to 50500
GradyBritton daynw@gradybritton.com dayn
Tuesday, August 31, 2010