luke summerfield - growth driven design

76
INBOUND15 GROWTH-DRIVEN DESIGN A retainer based web design methodology that produces better client results and helps grow your agency. Luke Summerfield Program Manager, HubSpot

Upload: inbound

Post on 14-Feb-2017

1.210 views

Category:

Marketing


4 download

TRANSCRIPT

Page 1: Luke Summerfield - Growth Driven Design

INBOUND15

GROWTH-DRIVEN DESIGNA retainer based web design methodologythat produces better client resultsand helps grow your agency.

Luke Summerfield

Program Manager, HubSpot

Page 2: Luke Summerfield - Growth Driven Design

#GrowthDrivenDesign @SavvyLuke

Page 3: Luke Summerfield - Growth Driven Design

#GrowthDrivenDesign @SavvyLuke

Page 4: Luke Summerfield - Growth Driven Design

#GrowthDrivenDesign @SavvyLuke

Page 5: Luke Summerfield - Growth Driven Design

#GrowthDrivenDesign @SavvyLuke

Page 6: Luke Summerfield - Growth Driven Design

#GrowthDrivenDesign @SavvyLuke

Page 7: Luke Summerfield - Growth Driven Design

#GrowthDrivenDesign @SavvyLuke

Page 8: Luke Summerfield - Growth Driven Design

#GrowthDrivenDesign @SavvyLuke

Page 9: Luke Summerfield - Growth Driven Design
Page 10: Luke Summerfield - Growth Driven Design

Website Redesign

#GrowthDrivenDesign @SavvyLuke

Page 11: Luke Summerfield - Growth Driven Design

#GrowthDrivenDesign @SavvyLuke

Page 12: Luke Summerfield - Growth Driven Design

SMB websites typically cost

$15,000 - $80,000

#GrowthDrivenDesign @SavvyLuke

Page 13: Luke Summerfield - Growth Driven Design

and takes around

Three Months

#GrowthDrivenDesign @SavvyLuke

Page 14: Luke Summerfield - Growth Driven Design

#GrowthDrivenDesign @SavvyLuke

Page 15: Luke Summerfield - Growth Driven Design

#GrowthDrivenDesign @SavvyLuke

Page 16: Luke Summerfield - Growth Driven Design

#GrowthDrivenDesign @SavvyLuke

Page 17: Luke Summerfield - Growth Driven Design

TRADITIONALWEB DESIGN

UpfrontCosts

Resources& Time

(out of scope, over budget, late)

#GrowthDrivenDesign @SavvyLuke

RISK

Page 18: Luke Summerfield - Growth Driven Design

#GrowthDrivenDesign @SavvyLuke

Page 19: Luke Summerfield - Growth Driven Design

How do you launch thebest possible

performing website?

#GrowthDrivenDesign @SavvyLuke

Page 20: Luke Summerfield - Growth Driven Design

Traditional Web DesignIm

pact

Time

1.5 - 2 Years

1.5 - 2 Years

H

H

1

2

3 MonthRedesign

Site

Launch new site

3 MonthRedesign

Launch new site

#GrowthDrivenDesign @SavvyLuke

Page 21: Luke Summerfield - Growth Driven Design

Traditional Web Design

1.5 - 2 YearsH 3 Month

Redesign

Launch new site

WTF?

Page 22: Luke Summerfield - Growth Driven Design

Your website is your

#1 Marketing Asset#1 Sales Person

#GrowthDrivenDesign @SavvyLuke

Page 23: Luke Summerfield - Growth Driven Design

#GrowthDrivenDesign @SavvyLuke

Page 24: Luke Summerfield - Growth Driven Design

RISK

TRADITIONALWEB DESIGN

UpfrontCosts

Resources& Time

Based onAssumptions

Static for2 Years

(out of scope, over budget, late)

#GrowthDrivenDesign @SavvyLuke

RESULTS

Page 25: Luke Summerfield - Growth Driven Design

AGENCY CHALLENGES

TRADITIONALWEB DESIGN

Hard to growwith projects

Out of scope,launching late

No system[ongoing]

(client risks)

#GrowthDrivenDesign @SavvyLuke

Page 26: Luke Summerfield - Growth Driven Design

The traditional web design model is totally broken.

Whether you’re an agency or a business, it leaves you extremely vulnerable to project failure and

often does not produce optimal results.

Gabe WahhabDirector, Interactive Services

“ ”

#GrowthDrivenDesign @SavvyLuke

Page 27: Luke Summerfield - Growth Driven Design

flickr.com/photos/lst1984/2430338903#GrowthDrivenDesign @SavvyLuke

Page 28: Luke Summerfield - Growth Driven Design

Growth Driven Design

Create an elevator pitch for this method here.

flickr.com/photos/samueljohn/5348462863/in/photolist-jVoiAQ-3rKpVZ#GrowthDrivenDesign @SavvyLuke

Page 29: Luke Summerfield - Growth Driven Design

Minimize The Risk[long timeframe, cost, over-budget/late]

Better Results[by learning & continuous improvement]

Inform Other Parts of the Business

flickr.com/photos/samueljohn/5348462863/in/photolist-jVoiAQ-3rKpVZ

GROWTH-DRIVEN DESIGN

#GrowthDrivenDesign @SavvyLuke

Page 30: Luke Summerfield - Growth Driven Design

#GrowthDrivenDesign @SavvyLuke

Page 31: Luke Summerfield - Growth Driven Design

#GrowthDrivenDesign@SavvyLuke

WEBSITE HIERARCHY OF NEEDS

Page 32: Luke Summerfield - Growth Driven Design

#GrowthDrivenDesign@SavvyLuke

WEBSITE HIERARCHY OF NEEDS

FOUNDATION:• [empathic] Strategy

Page 33: Luke Summerfield - Growth Driven Design

STRATEGY

• Fundamental Assumptions

• Personas, Questions & Goals

• User Research

• Journey Mapping

• Global Strategy

• Brainstorm Wishlist

#GrowthDrivenDesign @SavvyLuke

Growth-Driven Design

Page 34: Luke Summerfield - Growth Driven Design

#GrowthDrivenDesign@SavvyLuke

WEBSITE HIERARCHY OF NEEDS

FOUNDATION:• [empathic] Strategy

• Launch Pad Website

Page 35: Luke Summerfield - Growth Driven Design

LAUNCH PADWEBSITE

• Filter & prioritize Wishlist

• Build the Launch Pad

• Test along the way

• Launch quick

PHASE ONE - 30 - 45 Days

Growth-Driven Design

STRATEGY

Page 36: Luke Summerfield - Growth Driven Design
Page 37: Luke Summerfield - Growth Driven Design

Traditional Web Design

designer dictates action

Growth-Driven Design

user dictates action

VIDEO VIDEO SIMPLE

DISTRACTING!

Page 38: Luke Summerfield - Growth Driven Design

GOAL OF A LAUNCH PADGet out of the bubble. Get people using it so

we can make smarter decisions… not guesses.

GDD = User / Data Focused Process

Page 39: Luke Summerfield - Growth Driven Design

#GrowthDrivenDesign@SavvyLuke

WEBSITE HIERARCHY OF NEEDS

FOUNDATION:• [empathic] Strategy

• Launch Pad Website

• Fresh Audience

• Strategy Fit

Page 40: Luke Summerfield - Growth Driven Design

#GrowthDrivenDesign@SavvyLuke

WEBSITE HIERARCHY OF NEEDS

VALUE:• Usefulness

• Ease of Use

• Flow

• Stickiness

• Personalization

Page 41: Luke Summerfield - Growth Driven Design

#GrowthDrivenDesign@SavvyLuke

WEBSITE HIERARCHY OF NEEDS

GROWTH:• Virality

• Marketing Assets

• Doubling Down

Page 42: Luke Summerfield - Growth Driven Design

Plan

Transfer

Learn

Develop

#GrowthDrivenDesign @SavvyLuke

Growth-Driven Design

Page 43: Luke Summerfield - Growth Driven Design

Plan

#GrowthDrivenDesign @SavvyLuke

• Hierarchy -> Metric to Move

Page 44: Luke Summerfield - Growth Driven Design

#GrowthDrivenDesign @SavvyLuke

ACTION ITEM 2

ACTION ITEM 3

ACTION ITEM 4

ACTION ITEM 5

ACTION ITEM 1

Growth-Driven Design

Hierarchyof Needs

Metric to Move

Research

Brainstorm

Page 45: Luke Summerfield - Growth Driven Design

#GrowthDrivenDesign @SavvyLuke

ACTION ITEM 2

ACTION ITEM 3

ACTION ITEM 4

ACTION ITEM 5…

ACTION ITEM 1

Growth-Driven Design

HIGH IMPACT

MEDIUM IMPACT

LOW IMPACT

Page 46: Luke Summerfield - Growth Driven Design

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

[Enterprise Pricing] into a [“Request a Quote”] will

[boost MQL conversion from this page by 10%]

Expected Impact + Effort Required + Experiment Design

HIGH IMPACT - ACTION ITEM 1

We believe this to be true because [research or previously validated assumption]

Hypothesis Statement

Page 47: Luke Summerfield - Growth Driven Design

Plan

• Hierarchy -> Metric to Move

• Research

• Brainstorm & prioritize wishlist

• Design experiment

• Run though cycle sprint

Deep Dive Training at GrowthDrivenDesign.com

#GrowthDrivenDesign @SavvyLuke

Page 48: Luke Summerfield - Growth Driven Design

Develop

• “Get Shit Done”

• All team hands on deck

• Setup experiments

• Marketing campaign

Deep Dive Training at GrowthDrivenDesign.com

#GrowthDrivenDesign @SavvyLuke

Page 49: Luke Summerfield - Growth Driven Design

Learn

• Run experiment

• Review results

• What did we learn?

• Publish findings

#GrowthDrivenDesign @SavvyLuke

Deep Dive Training at GrowthDrivenDesign.com

Page 50: Luke Summerfield - Growth Driven Design

Transfer• Create recommendations

• Collaborate between functions

• Ask questions and learn

#GrowthDrivenDesign @SavvyLuke

Deep Dive Training at GrowthDrivenDesign.com

Page 51: Luke Summerfield - Growth Driven Design

STRATEGY LAUNCH PADWEBSITE

Plan

Develop

Transfer

Learn

PHASE ONE - 30-45 Days PHASE TWO - MONTHLY CYCLE - FOR 11 MONTHS

Growth-Driven Design

Page 52: Luke Summerfield - Growth Driven Design

Traditional Web DesignIm

pact

Time

1.5 - 2 Years

1.5 - 2 Years

H

H

1

2

3 MonthRedesign

Site

Launch new site

3 MonthRedesign

Launch new site

#GrowthDrivenDesign @SavvyLuke

Page 53: Luke Summerfield - Growth Driven Design

Traditional Web Design vs. Growth-Driven DesignIm

pact

Time

1.5 - 2 Years

1.5 - 2 Years

H

H

1

2

3 MonthRedesign

Site

Launch new site

3 MonthRedesign

Launch new site

#GrowthDrivenDesign @SavvyLuke

Page 54: Luke Summerfield - Growth Driven Design

Traditional Web Design vs. Growth-Driven DesignIm

pact

Time

1.5 - 2 Years

1.5 - 2 Years

H

H

1

2

3 MonthRedesign

Site

Launch new site

3 MonthRedesign

Launch new site

#GrowthDrivenDesign @SavvyLuke

Page 55: Luke Summerfield - Growth Driven Design

Traditional Web Design vs. Growth-Driven DesignIm

pact

Time

1.5 - 2 Years

1.5 - 2 Years

H

H

1

2

3 MonthRedesign

Site

Launch new site

3 MonthRedesign

Launch new site

#GrowthDrivenDesign @SavvyLuke

Page 56: Luke Summerfield - Growth Driven Design

Traditional Web Design vs. Growth Driven DesignIm

pact

Time

1.5 - 2 Years

1.5 - 2 Years

H

H

1

2

3 MonthRedesign

Site

Launch new site

3 MonthRedesign

Launch new site

#GrowthDrivenDesign @SavvyLuke

Page 57: Luke Summerfield - Growth Driven Design

Traditional Web Design vs. Growth Driven DesignIm

pact

Time

1.5 - 2 Years

1.5 - 2 Years

H

H

1

2

3 MonthRedesign

Site

Launch new site

3 MonthRedesign

Launch new site

#GrowthDrivenDesign @SavvyLuke

Page 58: Luke Summerfield - Growth Driven Design

#GrowthDrivenDesign@SavvyLuke

WEBSITE HIERARCHY OF NEEDS

Page 59: Luke Summerfield - Growth Driven Design

TRADITIONALWEB DESIGN

GROWTH-DRIVEN DESIGN

Data BasedDecisions

ContinuousImprovement

SpreadOver Time

Launch Quick& Improve

(agile, on time & on budget)

#GrowthDrivenDesign @SavvyLuke

UpfrontCosts

Resources& Time

Based onAssumptions

(out of scope, over budget, late)

RISK RESULTS

Static for2 Years

Page 60: Luke Summerfield - Growth Driven Design

TRADITIONALWEB DESIGN

GROWTH-DRIVEN DESIGN

Agile,no scope creep

Packagedprocess

Stable revenueto grow

(minimizes risk)

AGENCY CHALLENGES

Differentiator - and - Help with retention#GrowthDrivenDesign @SavvyLuke

Hard to growwith projects

Out of scope,launching late

No system[ongoing]

(client risks)

Page 61: Luke Summerfield - Growth Driven Design

Growth-Driven Design is the new gold standard for delivering successful website redesigns that bring

measurable business value.

It is a smarter, agile and data guided approach that minimizes the pitfalls of traditional web design and

produces high performing websites.

Gabe WahhabDirector, Interactive Services

“ ”

#GrowthDrivenDesign @SavvyLuke

Page 62: Luke Summerfield - Growth Driven Design

+

Growth-Driven Design

#GrowthDrivenDesign @SavvyLuke

Page 63: Luke Summerfield - Growth Driven Design

TRISH LESSARDCEO

“In the past 30 days, our sales team has pitched both traditional and Growth-Driven Design. The Growth Driven retainer has been a clear winner 4 to 1 over traditional site design when offering clients both options.

I believe this is the future of website design.”

#GrowthDrivenDesign @SavvyLuke

Page 64: Luke Summerfield - Growth Driven Design

Growth DrivenDesign

TYPE

Traditional

$71,500 Project+

$5,000 / mo (12)

$84,750 Project

$5,000 Project+

$2,000 / mo (12)

$8,000 Project

$10,000 Project+

$2,000 / mo (6)

$18,000 Project

CONTRACT 1 CONTRACT 2 & 3 CONTRACT 4

55% 350% 22%Revenue Increase

Growth-Driven Design vs. Traditional Design

#GrowthDrivenDesign @SavvyLuke

Page 65: Luke Summerfield - Growth Driven Design

“Avella has partnered with Media Junction on an ongoing Growth-Driven Design retainer to continue to evolve our brand, and enhance messaging and user experience.

The end result is a web experience that surpasses our competitors and keeps our customers engaged and delighted.”

#GrowthDrivenDesign @SavvyLuke

Page 66: Luke Summerfield - Growth Driven Design

Growth-Driven Design Results

#GrowthDrivenDesign @SavvyLuke

Page 67: Luke Summerfield - Growth Driven Design
Page 68: Luke Summerfield - Growth Driven Design

#GrowthDrivenDesign @SavvyLuke

Page 69: Luke Summerfield - Growth Driven Design

#GrowthDrivenDesign @SavvyLuke

Page 70: Luke Summerfield - Growth Driven Design

#GrowthDrivenDesign @SavvyLuke

Page 71: Luke Summerfield - Growth Driven Design

flickr.com/photos/unitopia/3089010125

“ I will come again and conquer you, because as amountain you can not grow, but as a human, I can.”

- Sir Edmund Hillary

#GrowthDrivenDesign @SavvyLuke

Page 72: Luke Summerfield - Growth Driven Design
Page 73: Luke Summerfield - Growth Driven Design

GrowthDrivenDesign.comYour Next Steps…

Page 74: Luke Summerfield - Growth Driven Design

INBOUND ANNOUNCEMENT!

New GDD Client Consultation

• Post-sale next steps

• Gameplan Strategy, Launch Pad & Ongoing

• Resources and Tools

• Anything else I can help with

… Emailing details next week

Page 75: Luke Summerfield - Growth Driven Design

You’re invited!

Page 76: Luke Summerfield - Growth Driven Design

INBOUND15

THANK YOU!