63

Tel Aviv HUG Luke Summerfield

Embed Size (px)

Citation preview

Page 1: Tel Aviv HUG Luke Summerfield
Page 2: Tel Aviv HUG Luke Summerfield

WHO HERE HAS BEEN INVOLVED IN A WEBSITE REDESIGN?

Page 3: Tel Aviv HUG Luke Summerfield

WHAT CHALLENGES DID YOU RUN INTO WHILE REDESIGNING?

Page 4: Tel Aviv HUG Luke Summerfield

UNSPLASH USER TRISTAN COLANGELO

On Time? On Budget?

Page 5: Tel Aviv HUG Luke Summerfield

WHAT EMOTIONS DID YOU HAVE WHILE REDESIGNING?

Page 6: Tel Aviv HUG Luke Summerfield

Based on a 2016 survey conducted by HubSpot

Page 7: Tel Aviv HUG Luke Summerfield

Based on a 2016 survey conducted by HubSpot

Page 8: Tel Aviv HUG Luke Summerfield

Based on a 2016 survey conducted by HubSpot

Page 10: Tel Aviv HUG Luke Summerfield

TRADITIONALWEB DESIGN

UpfrontCosts

Resources& Time

(out of scope, over budget, late)

RISKS

#GrowthDrivenDesign @SavvyLuke

Page 11: Tel Aviv HUG Luke Summerfield

The website is live!

Page 12: Tel Aviv HUG Luke Summerfield

HOW IMPORTANT IS YOUR WEBSITE TO YOUR BUSINESS?

Page 13: Tel Aviv HUG Luke Summerfield

HOW IMPORTANT IS YOUR WEBSITE TO YOUR BUSINESS?

Based on a 2016 survey conducted by HubSpot

0 5 10Not Important Extremely Important

54%

13%

8%10%6%4%

2%2%

Page 14: Tel Aviv HUG Luke Summerfield

HOW OFTEN DO YOU MAKE IMPACTFUL IMPROVEMENTS TO YOUR WEBSITE?

Page 15: Tel Aviv HUG Luke Summerfield

2%

23%

33%

19%

23%

HOW OFTEN DO YOU MAKE IMPACTFUL IMPROVEMENTS TO YOUR WEBSITE?

Based on a 2016 survey conducted by HubSpot

- Sir Edmund HillaryOnly when we redesign

Yearly

Quarterly

Monthly

Weekly

Page 16: Tel Aviv HUG Luke Summerfield

Traditional Web DesignIm

pact

Time

2 Years

3 MonthRedesign

SITE

2 Years

3 MonthRedesign

SITE

SITE

Page 17: Tel Aviv HUG Luke Summerfield

Observation Two: Traditional web design produces poor results.

Page 18: Tel Aviv HUG Luke Summerfield

RISKS

TRADITIONALWEB DESIGN

UpfrontCosts

Resources& Time

Based onAssumptions

Static for2 Years

(out of scope, over budget, late)

POOR RESULTS

#GrowthDrivenDesign @SavvyLuke

Page 19: Tel Aviv HUG Luke Summerfield

THE TRADITIONAL WEB DESIGN PROCESS IS BROKEN.

Page 20: Tel Aviv HUG Luke Summerfield

FLICKR USER LUIS SARABIA

Luke… What are we suppose to do?

Page 21: Tel Aviv HUG Luke Summerfield

A SMARTER APPROACH TO WEB DESIGN THAT:

• REDUCE HEADACHES.

• MAXIMIZE RESULTS.

• INFORM OTHER DEPARTMENTS.

Page 22: Tel Aviv HUG Luke Summerfield

STRATEGY

Page 23: Tel Aviv HUG Luke Summerfield

STRATEGY

LAUNCH PAD WEBSITE

Page 24: Tel Aviv HUG Luke Summerfield

PHASE 1: FOUNDATION 45 - 60 DAYS

LAUNCH PADWEBSITE

STRATEGY

Page 25: Tel Aviv HUG Luke Summerfield

FLICKER USER NASAMARSHALL

Our launch pad website is live.

Page 26: Tel Aviv HUG Luke Summerfield

STRATEGY

LAUNCH PAD WEBSITE

CONTINUOUS IMPROVEMENT

Page 27: Tel Aviv HUG Luke Summerfield

FLICKER USER WADE MORGAN

Too many options with little direction.

Page 28: Tel Aviv HUG Luke Summerfield

WEBSITE HIERARCHY A roadmap to follow for building a peak performing site.

• Provide focus

• Clear expectations

• Measure progress to goals

Page 29: Tel Aviv HUG Luke Summerfield

GOAL: What we are trying to accomplish at that given step.

FOCUS METRIC: A single metric we are laser focused on.

LEADING INDICATORS: The “levers” you can pull that are highly correlated with increasing the focus metric.

AT EACH STEP:

Page 30: Tel Aviv HUG Luke Summerfield

GOAL FOCUS METRIC

Visitors to bring visitors R.R..>1.0 + TimePromoters

Items so valuable, user would pay Qualified lead genAssets

Users keep coming back User return in X DaysStickiness

Intuitive & easy to use Task completionUsability

Audience Fresh flow of new visitors M/M Unique Visitors

Value Solves some point of pain How useful? 1-10

Personalization Customized for specific users (revisit others)

Conversion Rate Optimization No friction in funnels 1st - last step %

Page 31: Tel Aviv HUG Luke Summerfield

UNSPLASH USER PIERRE ROUGIER

The Continuous Improvement Cycle

Page 32: Tel Aviv HUG Luke Summerfield

Promoters

Assets

Personalization

Stickiness

Conversion Rate Optimization

Usability

Value

Audience

CONTINUOUS IMPROVEMENTPLAN

PLAN 1. Audit your performance.

2. Determine which hierarchy step you’re currently at.

3. What parts of the site have the most leverage at the current time.

Usability

Page 33: Tel Aviv HUG Luke Summerfield

STAGE GOAL FOCUS METRIC

Usability Intuitive & Easy to Use Task CompletionHome -> Product

EXAMPLE: AREA OF FOCUS

Page 34: Tel Aviv HUG Luke Summerfield

Question

PLAN

Home PageHome Product

Usability

FOCUS AND DISCOVERY

Page 35: Tel Aviv HUG Luke Summerfield

Research

Question

PLAN

Usability

FOCUS AND DISCOVERY

Home PageHome Product

Page 36: Tel Aviv HUG Luke Summerfield

EXAMPLE: RESEARCH

Static .jpg graphic on HubSpot’s home page showing some of HubSpot tools

Page 37: Tel Aviv HUG Luke Summerfield

EXAMPLE: RESEARCH

Users were trying to click on each tool, but this was on a static .jpg

Page 38: Tel Aviv HUG Luke Summerfield

ACTION ITEM 2

ACTION ITEM 3

ACTION ITEM 4

ACTION ITEM 5

ACTION ITEM 1

Brainstorm

Research

Question

PLAN

FOCUS METRIC (task completion)

USABILITY

Page 39: Tel Aviv HUG Luke Summerfield

ACTION ITEM 2

ACTION ITEM 3

ACTION ITEM 4

ACTION ITEM 5

ACTION ITEM 1

HIGH IMPACT

MEDIUM IMPACT

LOW IMPACT

Page 40: Tel Aviv HUG Luke Summerfield

EXAMPLE: DASHBOARD

Scope capacity for that sprint

Page 41: Tel Aviv HUG Luke Summerfield

Promoters

Assets

Personalization

Stickiness

Conversion Rate Optimization

Usability

Value

Audience

CONTINUOUS IMPROVEMENTPLAN BUILD

ACTION ITEMS

HIGH IMPACT

Page 42: Tel Aviv HUG Luke Summerfield

For [Marketing Mary] visiting the [Home Page], we believe changing

[funnel tool graphic] into a [interactive & linked graphic] will

[increase home -> product page visitor flow by 5%]

HIGH IMPACT - ACTION ITEM 1

We believe this to be true because [research or previous experiment]

Hypothesis Statement

Expected Impact + Effort Required + Experiment Design

Page 43: Tel Aviv HUG Luke Summerfield

EXAMPLE: ACTION ITEM CARD

Page 44: Tel Aviv HUG Luke Summerfield

BUILD Everyone on the team will pitch in

and work together to:

• Implement the high impact items

• Setup experiments to test impact

Promoters

Assets

Personalization

Stickiness

Conversion Rate Optimization

Usability

Value

Audience

CONTINUOUS IMPROVEMENTPLAN BUILD

ACTION ITEMS

HIGH IMPACT

Page 45: Tel Aviv HUG Luke Summerfield

EXAMPLE: BUILD

Page 46: Tel Aviv HUG Luke Summerfield

LEARN After running our experiments, your team will take a step back:

• Review results

• What did we learn?

• Publish findings

Promoters

Assets

Personalization

Stickiness

Conversion Rate Optimization

Usability

Value

Audience

CONTINUOUS IMPROVEMENTPLAN BUILD LEARN

Page 47: Tel Aviv HUG Luke Summerfield

22% CTR Increase HubSpot.com to Product Pages 4,600 -> 5,600

40,000 Session Sample Size

EXAMPLE: LEARN

22% CTR increase from HubSpot.com to product pages

USER LEARNINGS: 1. Users like interactivity 2. Users are most interested in the CRM & analytics • Informs next cycle

Page 48: Tel Aviv HUG Luke Summerfield

EXAMPLE: LEARNING - ACTION ITEM CARD

Page 49: Tel Aviv HUG Luke Summerfield

Promoters

Assets

Personalization

Stickiness

Conversion Rate Optimization

Usability

Value

Audience

CONTINUOUS IMPROVEMENTPLAN BUILD LEARN TRANSFER

TRANSFER Collaborate between departments to:

• Share user learnings

• Create recommendations

• Ask questions

Page 50: Tel Aviv HUG Luke Summerfield

22% CTR Increase HubSpot.com to Product Pages 4,600 -> 5,600

40,000 Session Sample Size

EXAMPLE: TRANSFER

USER LEARNINGS: 1. Users like interactive

elements and graphics • Interactive infographic

2. Users are most interested in the CRM & analytics

• CRM related offer forthe home page?

• Newsletters and blogs

Page 51: Tel Aviv HUG Luke Summerfield

EXAMPLE: TRANSFER

Value & Features Social Validation Testimonial

Page 52: Tel Aviv HUG Luke Summerfield

REPEAT THE CYCLE Optimize each stage of the GDD website hierarchy.

• Repeat cycle • Continue to build action items • Hit “focus metric” threshold • Move to next step in the hierarchy

Promoters

Assets

Personalization

Stickiness

Conversion Rate Optimization

Usability

Value

Audience

CONTINUOUS IMPROVEMENTPLAN BUILD LEARN TRANSFER

Usability

Conversion Rate Optimization

Page 53: Tel Aviv HUG Luke Summerfield

STRATEGY

Page 54: Tel Aviv HUG Luke Summerfield

STRATEGY

LAUNCH PAD WEBSITE

Page 55: Tel Aviv HUG Luke Summerfield

STRATEGY

LAUNCH PAD WEBSITE

CONTINUOUS IMPROVEMENT

Page 56: Tel Aviv HUG Luke Summerfield

STRATEGY

LAUNCH PAD WEBSITE

CONTINUOUS IMPROVEMENT

Audience

Value

Usability

Conversion Rate Optimization

Stickiness

Personalization

Assets

Promoters

Page 57: Tel Aviv HUG Luke Summerfield

STRATEGY

LAUNCH PAD WEBSITE

CONTINUOUS IMPROVEMENTPLAN BUILD LEARN TRANSFER

Audience

Value

Usability

Conversion Rate Optimization

Stickiness

Personalization

Assets

Promoters

Page 58: Tel Aviv HUG Luke Summerfield

Traditional Web DesignIm

pact

Time

2 Years

3 MonthRedesign

SITE

2 Years

3 MonthRedesign

SITE

SITE

Page 59: Tel Aviv HUG Luke Summerfield

Traditional Web Design vs.

2 Years

3 MonthRedesign

SITE

SITE

2 Years

3 MonthRedesign

Impa

ct

Time

SITE

Page 60: Tel Aviv HUG Luke Summerfield

2 Years

3 MonthRedesign

SITE

SITE

2 Years

3 MonthRedesign

Traditional Web Design vs.Im

pact

Time

SITE

Page 61: Tel Aviv HUG Luke Summerfield

MARKETING & SALES

2 Years

3 MonthRedesign

SITE

SITE

2 Years

3 MonthRedesign

Traditional Web Design vs.Im

pact

Time

SITE

Page 62: Tel Aviv HUG Luke Summerfield

TRADITIONALWEB DESIGN

GROWTH- DRIVEN DESIGN

Data BasedDecisions

ContinuousImprovement

SpreadOver Time

Launch Quick& Improve

(agile, on time & on budget)

UpfrontCosts

Resources& Time

Based onAssumptions

(out of scope, over budget, late)

RISKS RESULTS

Static for2 Years

Page 63: Tel Aviv HUG Luke Summerfield

GROWTHDRIVENDESIGN.COMVISIT

(get the slides and presentation recording) - [email protected]