website redesigns: why they fail and how to ensure success
TRANSCRIPT
![Page 1: Website Redesigns: Why they Fail and How to Ensure Success](https://reader034.vdocuments.mx/reader034/viewer/2022050614/587cda531a28abff0b8b550f/html5/thumbnails/1.jpg)
Website Redesigns: Why they Fail and How to Ensure
SuccessDec 10, 2015
Head of CRO StrategyRedEye
Rich Page
![Page 2: Website Redesigns: Why they Fail and How to Ensure Success](https://reader034.vdocuments.mx/reader034/viewer/2022050614/587cda531a28abff0b8b550f/html5/thumbnails/2.jpg)
• Head of CRO Strategy, RedEye
• 10 years of experience analysing, testing & optimising
• Be consistent in casing, punctuation, and sentence vs. non-sentence structure
• Authored ‘Website Optimization: An Hour a Day’ & co-authored ‘Landing Page Optimization’ 2nd edition
@richpage
Your Presenter for today
![Page 3: Website Redesigns: Why they Fail and How to Ensure Success](https://reader034.vdocuments.mx/reader034/viewer/2022050614/587cda531a28abff0b8b550f/html5/thumbnails/3.jpg)
Website Redesigns: Why they Often Fail and How to Ensure SuccessRich Page, Head of CRO Strategy
![Page 4: Website Redesigns: Why they Fail and How to Ensure Success](https://reader034.vdocuments.mx/reader034/viewer/2022050614/587cda531a28abff0b8b550f/html5/thumbnails/4.jpg)
“
AgendaRIGHT MESSAGE, RIGHT CUSTOMER, RIGHT TIME, RIGHT DEVICE, RIGHT CHANNEL
• Common Reasons for Redesigns
• What Can Go Wrong, and How Often?
• Why Redesigns Fail So Often
• A Better Approach
• RedEye and CRO
![Page 5: Website Redesigns: Why they Fail and How to Ensure Success](https://reader034.vdocuments.mx/reader034/viewer/2022050614/587cda531a28abff0b8b550f/html5/thumbnails/5.jpg)
RedEye and CRO: What we do
A/B Testing
Web Usability (UX)
Personalisation
Web Analytics CRO
1: A/B TestingTesting strategyTesting best practices
2: Web Usability (UX)Usability testing/surveysUX best practices
3: Web AnalyticsKey reports/segments analysisClick maps and visitor journey
4: PersonalisationMulti-‐channel Automation
![Page 6: Website Redesigns: Why they Fail and How to Ensure Success](https://reader034.vdocuments.mx/reader034/viewer/2022050614/587cda531a28abff0b8b550f/html5/thumbnails/6.jpg)
Most Common Reasons for Redesigns
Poor website traffic or sales performance
New design director demanding redesign
To update the site look and feel
HiPPOs want change based on personal opinion
Competitors have changed/improved
their website
A new design agency is chosen
![Page 7: Website Redesigns: Why they Fail and How to Ensure Success](https://reader034.vdocuments.mx/reader034/viewer/2022050614/587cda531a28abff0b8b550f/html5/thumbnails/7.jpg)
What Can Go Wrong with Redesigns?
• Visuals: May not really be liked by visitors and customers.
• Usability: Usage of site changes too much and confuses visitors.
• Resetting: Well converting pages can get ‘reset’ and convert lower.
• SEO: Websites can loose rankings and cause major drop in traffic.
• Tech issues: Pages can break/look broken on some browsers/devices.
![Page 8: Website Redesigns: Why they Fail and How to Ensure Success](https://reader034.vdocuments.mx/reader034/viewer/2022050614/587cda531a28abff0b8b550f/html5/thumbnails/8.jpg)
How Often Do Website Redesigns Fail?
A HubSpot study found 68% of marketers did a site redesign in last 12 months, and…
1/3 were unhappy withthe redesign results
![Page 9: Website Redesigns: Why they Fail and How to Ensure Success](https://reader034.vdocuments.mx/reader034/viewer/2022050614/587cda531a28abff0b8b550f/html5/thumbnails/9.jpg)
And Often an Expensive Mistake
The same HubSpot research also found that…
The average websiteredesign costs €50K
![Page 10: Website Redesigns: Why they Fail and How to Ensure Success](https://reader034.vdocuments.mx/reader034/viewer/2022050614/587cda531a28abff0b8b550f/html5/thumbnails/10.jpg)
Biggest Recent Redesign Failures
MarksandSpencers.com
£150 million for 2014 redesign
Caused 8% drop in sales(and countless frustrated customers)
![Page 11: Website Redesigns: Why they Fail and How to Ensure Success](https://reader034.vdocuments.mx/reader034/viewer/2022050614/587cda531a28abff0b8b550f/html5/thumbnails/11.jpg)
Biggest Recent Redesign Failures
The biggest complaints:
-‐ Navigation was hard to use and very different to old site
-‐ Confusion and issues with registering and password reset
-‐ Browsing/searching for items of interest was challenging
![Page 12: Website Redesigns: Why they Fail and How to Ensure Success](https://reader034.vdocuments.mx/reader034/viewer/2022050614/587cda531a28abff0b8b550f/html5/thumbnails/12.jpg)
Biggest Recent Redesign Failures
CNN.com in 2014 Waitrose.com in 2011
![Page 13: Website Redesigns: Why they Fail and How to Ensure Success](https://reader034.vdocuments.mx/reader034/viewer/2022050614/587cda531a28abff0b8b550f/html5/thumbnails/13.jpg)
Redesigns Are Hard to Rollback
Risky not just for lost revenue:Poor perception from bad press
High cost of fixing quickly
Risk of losing job and key team members
![Page 14: Website Redesigns: Why they Fail and How to Ensure Success](https://reader034.vdocuments.mx/reader034/viewer/2022050614/587cda531a28abff0b8b550f/html5/thumbnails/14.jpg)
Why Do Redesigns Often Fail to Increase Sales?
#1: Too many changes at once -‐ often negatives outweigh improvements. And too hard to isolate what biggest conversion influencers were.
![Page 15: Website Redesigns: Why they Fail and How to Ensure Success](https://reader034.vdocuments.mx/reader034/viewer/2022050614/587cda531a28abff0b8b550f/html5/thumbnails/15.jpg)
Why Do Redesigns Often Fail to Increase Sales?
#2: Too little feedback gathered from visitors – the most influential audience.
![Page 16: Website Redesigns: Why they Fail and How to Ensure Success](https://reader034.vdocuments.mx/reader034/viewer/2022050614/587cda531a28abff0b8b550f/html5/thumbnails/16.jpg)
Why Do Redesigns Often Fail to Increase Sales?
#3: Poor use of web analytics to gain insights – reliant on best guess/HiPPOs. Also often too many chefs in redesign kitchen who think they know best.
![Page 17: Website Redesigns: Why they Fail and How to Ensure Success](https://reader034.vdocuments.mx/reader034/viewer/2022050614/587cda531a28abff0b8b550f/html5/thumbnails/17.jpg)
Why Do Redesigns Often Fail to Increase Sales?
#4: Website designers usually aren’t experts in conversion optimisation. Often too brand and design orientated, wanting refreshes just to modernize.
![Page 18: Website Redesigns: Why they Fail and How to Ensure Success](https://reader034.vdocuments.mx/reader034/viewer/2022050614/587cda531a28abff0b8b550f/html5/thumbnails/18.jpg)
Why Do Redesigns Often Fail to Increase Sales?
#5: Redesigns often take too long to launch – if ever. Many never even get finished, get side-‐tracked, get deprioritized, or run out of budget.
![Page 19: Website Redesigns: Why they Fail and How to Ensure Success](https://reader034.vdocuments.mx/reader034/viewer/2022050614/587cda531a28abff0b8b550f/html5/thumbnails/19.jpg)
A Better Approach to Redesigns
To ensure greater chance of redesign success use…
Incremental smaller CRO-‐based improvements
![Page 20: Website Redesigns: Why they Fail and How to Ensure Success](https://reader034.vdocuments.mx/reader034/viewer/2022050614/587cda531a28abff0b8b550f/html5/thumbnails/20.jpg)
RedEye Client Case study
Radley.co.uk
CRO-‐based redesign
3 iterative A/B tests ran
Almost 20% lift in conversion rate
![Page 21: Website Redesigns: Why they Fail and How to Ensure Success](https://reader034.vdocuments.mx/reader034/viewer/2022050614/587cda531a28abff0b8b550f/html5/thumbnails/21.jpg)
A Better Approach to Redesigns
Traditional redesign impact: Unpredictable lift variance, from -‐10% to +20%Incremental CRO-‐based impact: Small constant lifts result in bigger lifts (e.g. +48%)
Q1 Q2 Q3 Q4 Q1 Q2 Q3 Q4
TraditionalRedesign
Planning Prototypes BetaLaunch:-‐10% to +20% lift
Incremental CRO Improvements
Launch 1stchange:+5% lift
Launch 2ndchange:+5% lift
Launch 3rdchange:+5% lift
Launch 4thchange:+5% lift
Launch 5thchange:+5% lift
Launch 6thchange:+3% lift
Launch 7thchange:+3% lift
Launch 8thchange:+2% lift
![Page 22: Website Redesigns: Why they Fail and How to Ensure Success](https://reader034.vdocuments.mx/reader034/viewer/2022050614/587cda531a28abff0b8b550f/html5/thumbnails/22.jpg)
Key CRO Elements for Redesign Success
2: Visitor Feedback
4: Competitor Analysis
1: Web Analytics
5: A/B and MVT
3: Expert reviews
6: Evolve & Iterate
![Page 23: Website Redesigns: Why they Fail and How to Ensure Success](https://reader034.vdocuments.mx/reader034/viewer/2022050614/587cda531a28abff0b8b550f/html5/thumbnails/23.jpg)
Incremental Redesign: Web Analytics
• First benchmark all major KPIs. Crucial for analysing overall impact.
• Focus on lowest performers first. Determine worst performing pages.
• Most potential: Find highest trafficked yet lowest converting pages.
• Use visual analytics. Determine page elements need optimizing first.
• Find highest converting pages too. Don’t tweak those too much or you risk lower conversion rates. Branding changes are okay.
![Page 24: Website Redesigns: Why they Fail and How to Ensure Success](https://reader034.vdocuments.mx/reader034/viewer/2022050614/587cda531a28abff0b8b550f/html5/thumbnails/24.jpg)
Incremental Redesign: Visitor Feedback
• Involve visitors early as possible. Feedback essential for best success.
• Run web usability sessions. Find pain points and to gather ideas.
• Combo of lab & remote sessions are best e.g. RapidUserTests.com.
• Onsite surveys very helpful too – particularly single Qs (e.g. HotJar)
• Show mock-‐ups of proposed designs. Images best – not full pages.
![Page 25: Website Redesigns: Why they Fail and How to Ensure Success](https://reader034.vdocuments.mx/reader034/viewer/2022050614/587cda531a28abff0b8b550f/html5/thumbnails/25.jpg)
Incremental Redesign: Expert Reviews
• Visitor’s often don’t know best. Don’t just get feedback from them.
• CRO experts are essential. Ensure you gain ideas from them too.
• Solves ‘forest for trees’ and helps complement your redesign ideas.
• CRO reviews & heuristic analysis are high-‐impact types of this help.
• Agencies like RedEye can help with your expert CRO needs.
![Page 26: Website Redesigns: Why they Fail and How to Ensure Success](https://reader034.vdocuments.mx/reader034/viewer/2022050614/587cda531a28abff0b8b550f/html5/thumbnails/26.jpg)
Incremental Redesign: Competitive Analysis
• Regularly review your competitors. Quarterly -‐ great source for ideas.
• Comparing UVP is essential. Improve your unique value proposition.
• Look at industry leading websites too. Think outside the box.
• Don’t just copy though. Remember every website is unique.
![Page 27: Website Redesigns: Why they Fail and How to Ensure Success](https://reader034.vdocuments.mx/reader034/viewer/2022050614/587cda531a28abff0b8b550f/html5/thumbnails/27.jpg)
Incremental Redesign: A/B Testing
• A/B testing is essential. Reveals which versions of your key pages/elements will convert more visitors into sales or leads.
• Use conversion influence MVTs to help focus your A/B tests on page elements which have highest impact on conversion.
• Create extensive list of test ideas from all other methods discussed.
• Prioritize to find highest potential ideas using likely impact on revenue/KPI, traffic levels and ease of implementing.
• Hard code and push live once winning version found for each test.
![Page 28: Website Redesigns: Why they Fail and How to Ensure Success](https://reader034.vdocuments.mx/reader034/viewer/2022050614/587cda531a28abff0b8b550f/html5/thumbnails/28.jpg)
Incremental Redesign: Evolve & Iterate
• Continue incremental process to achieve full ‘redesign’.
• But never stop – your website is never truly finished and optimized.
• Measure post-‐launch performance for whole site – not just per test.
• Learn from each incremental launch. Some won’t go to plan.
• Keep evolving and iterating to get best CRO improvements.
![Page 29: Website Redesigns: Why they Fail and How to Ensure Success](https://reader034.vdocuments.mx/reader034/viewer/2022050614/587cda531a28abff0b8b550f/html5/thumbnails/29.jpg)
Recapping the Key Elements
2: Visitor FeedbackUsability sessionsSurveys, single questionInvolve as early as possible
4: Competitor AnalysisLook for learnings and ideasMake UVP better than mostDon’t just copy though
1: Web AnalyticsBenchmark current performanceIdentify worst performers to focusIdentify top performers to keep
5: A/B and MVTCreate list of test ideasFind winning variationsUse MVT to help focus
3: Expert reviewsExpert CRO reviewsHeuristic analysis
6: Evolve & IterateKeep on learning and testingYour website is never finishedLook at metrics as you improve
![Page 30: Website Redesigns: Why they Fail and How to Ensure Success](https://reader034.vdocuments.mx/reader034/viewer/2022050614/587cda531a28abff0b8b550f/html5/thumbnails/30.jpg)
But What About Low Traffic Pages?
• Low traffic for some pages problematic -‐ makes A/B testing hard/slow.
• Just launch these based on CRO/UX best practices – without testing.
• Outside expertise very useful for these – CRO reviews etc.
• Monitor overall web site impact using analytics instead.
• Avoid test pollution. Launch these separately than other tests.
![Page 31: Website Redesigns: Why they Fail and How to Ensure Success](https://reader034.vdocuments.mx/reader034/viewer/2022050614/587cda531a28abff0b8b550f/html5/thumbnails/31.jpg)
Wrapping Up
Avoid full website redesigns -‐ too much can go wrong
Use CRO key elements for incremental changes
Analytics key for benchmarking and improvement ideas
Much higher conversion rate lifts are often gained
Greatly reduces risk and improves chance of higher ROI
Don’t treat redesigns as projects – keep on optimizing!
![Page 32: Website Redesigns: Why they Fail and How to Ensure Success](https://reader034.vdocuments.mx/reader034/viewer/2022050614/587cda531a28abff0b8b550f/html5/thumbnails/32.jpg)
Q&A
![Page 33: Website Redesigns: Why they Fail and How to Ensure Success](https://reader034.vdocuments.mx/reader034/viewer/2022050614/587cda531a28abff0b8b550f/html5/thumbnails/33.jpg)
Doing a website redesign soon? Contact us for a free consultation from RedEye to help you succeed.
The first 10 responders also get a free copy of my CRO book: ‘Website Optimization: An Hour A Day’.
Thank you!