Page 1
#dtsconf #redesignbp
Brooke Brooks
RedesignBest Practices
Page 3
Redesign Card Sort
Page 4
• Preparation• Considerations
Website Redesign
Page 6
Redesign preparation
will be the
key to your success
Page 7
Good Redesign Prep
Page 9
• Timing
Preparation
• New branding• Backend restructure• Update presentation• Winchester House State
Page 14
• Timing• Ownership
Preparation
Page 15
Ownership = Switzerland
Page 16
Everyone has an agenda.
Page 17
Redesign Ownership
Technology
Page 18
Redesign Ownership
Technology
Marketing
Page 19
Redesign Ownership
Technology
MarketingRevenue Manage-
ment
Page 20
Redesign Ownership
Technology
MarketingRevenue Manage-
ment
Customer Service
Page 21
Redesign Ownership
Technology
MarketingRevenue Manage-
ment
Customer Service
Other
Page 22
Redesign Ownership
Technology
MarketingRevenue Manage-
ment
Customer Service
Other
REDESIGNOWNERSH
IP
Page 23
• Timing• Ownership• GoalsoMacrooMicro
Preparation
Page 24
Macro Goals
• Increasing # of Visitors• Improve Bounce Rate• Increase Conversion %• Optimize APIs• Provide new or better
self-serve avenues
Page 25
Micro Goals
• Path mission statement• Page mission statement
Page 27
• Timing• Ownership• Goals• Assets
Preparation
Page 28
Preparation Assets
• Site Map/Page Inventory
Page 31
Preparation Assets
• Site Map/Page Inventory• Current State Functionality
Page 32
Current State Functionality
Page 33
Preparation Assets
• Site Map/Page Inventory• Current State Functionality• Component Library/
Style Guide
Page 34
Component Library/Style Guide
Page 35
• http://www.delldesignlibrary.com/
• http://www.starbucks.com/static/reference/styleguide/
• http://quince.infragistics.com/html/AllPatterns.aspx
• http://www.welie.com/patterns/index.php
Examples
Page 40
Accessibility
Web accessibility refers to the inclusive practice of removing barriers that prevent interaction with, or access to websites, by people with disabilities.
When sites are correctly designed and developed, all users have equal access to information and functionality.
Page 41
• Determine when it’s needed• Define clear macro and micro goals• Consider who owns the redesign• Consider all stakeholders and agendas• Create solid preparation assets• Consider metrics• Consider SEO• Consider Accessibility
Redesign Best Practices
Page 42
“Websites are about providing information and solving needs.”
– Vincent Flanders
Page 43
#dtsconf #redesignbp
brookebrooks.com
RedesignBest Practices