the importance of design and marketing collaboration with dan slagen of crayon

59
The importance of collaboration between design and marketing teams. #invisionwebinar

Upload: invision-app

Post on 20-Mar-2017

1.738 views

Category:

Design


0 download

TRANSCRIPT

Page 1: The importance of design and marketing collaboration with Dan Slagen of Crayon

The importance of collaboration between design and marketing teams.

#invisionwebinar

Page 2: The importance of design and marketing collaboration with Dan Slagen of Crayon
Page 3: The importance of design and marketing collaboration with Dan Slagen of Crayon

Hi…I’m Dan.I’m a marketer.

Wayfair, HubSpot, VentureBeat. @Crayon

Page 4: The importance of design and marketing collaboration with Dan Slagen of Crayon
Page 5: The importance of design and marketing collaboration with Dan Slagen of Crayon

Agenda:1. How to lose $124,0002. The Disconnect3. The Fix

#invisionwebinar

Page 6: The importance of design and marketing collaboration with Dan Slagen of Crayon

Design without Marketing sucks.

Page 7: The importance of design and marketing collaboration with Dan Slagen of Crayon

Design without Marketing sucks.Marketing without Design sucks.

Page 8: The importance of design and marketing collaboration with Dan Slagen of Crayon

2015 holiday shopping estimates:135,000,000

$882

Page 9: The importance of design and marketing collaboration with Dan Slagen of Crayon
Page 10: The importance of design and marketing collaboration with Dan Slagen of Crayon

• 3.93% desktop conversion * $8,820,000 = $346,626 in sales

• 10,000 website visitors• $882 average spend = $8,820,000 revenue potential

2014 Scenario

Page 11: The importance of design and marketing collaboration with Dan Slagen of Crayon

50% of traffic from mobile

Mobile conversion rates = 1.10%

Page 12: The importance of design and marketing collaboration with Dan Slagen of Crayon

• 3.93% * $4,410,000 = $173,313 in sales• 1.10% * $4,410,000 = $48,510 in sales

$221,823 in total sales

• 5,000 desktop website visitors * $882 = $4,410,000

• 5,000 mobile website visitors * $882 = $4,410,000

= $8,820,000 revenue potential

2015 Scenario

Page 13: The importance of design and marketing collaboration with Dan Slagen of Crayon

$346,626 vs. $221,823

-36%-$132,300-$124,803

Page 14: The importance of design and marketing collaboration with Dan Slagen of Crayon

• 7/10 of SMB websites not mobile optimized

Page 15: The importance of design and marketing collaboration with Dan Slagen of Crayon

We corroborated eMarketer’s findings…

Page 16: The importance of design and marketing collaboration with Dan Slagen of Crayon

Software Designs

Page 17: The importance of design and marketing collaboration with Dan Slagen of Crayon

Energy + WordPress + Home Page Designs

Page 18: The importance of design and marketing collaboration with Dan Slagen of Crayon
Page 19: The importance of design and marketing collaboration with Dan Slagen of Crayon

Teams that aren’t aligned properly lose.

Designers need Marketers.Marketers need Designers.

Page 20: The importance of design and marketing collaboration with Dan Slagen of Crayon

Agenda:1. How to lose $124,0002. The Disconnect3. The Fix

#invisionwebinar

Page 21: The importance of design and marketing collaboration with Dan Slagen of Crayon

Design Marketing

Page 22: The importance of design and marketing collaboration with Dan Slagen of Crayon

Marketers and Designers are supposed to work together to create amazing experiences, so where’s the disconnect?

Page 23: The importance of design and marketing collaboration with Dan Slagen of Crayon
Page 24: The importance of design and marketing collaboration with Dan Slagen of Crayon

Twitter convo: 1/3

Page 25: The importance of design and marketing collaboration with Dan Slagen of Crayon

Twitter convo: 2/3

Page 26: The importance of design and marketing collaboration with Dan Slagen of Crayon

Marketers

1. Content/Copy2. Conversions3. Funnel4. Brand tone

Designers

1. Hierarchy2. Purpose3. Emotion4. Experience

A few of the “differences”

Page 27: The importance of design and marketing collaboration with Dan Slagen of Crayon

Twitter convo: 3/3

Page 28: The importance of design and marketing collaboration with Dan Slagen of Crayon

The disconnect is in collaboration.

Page 29: The importance of design and marketing collaboration with Dan Slagen of Crayon

Marketers care about goals.Designers care about goals.

Page 30: The importance of design and marketing collaboration with Dan Slagen of Crayon

How do you fix the disconnect?

Page 31: The importance of design and marketing collaboration with Dan Slagen of Crayon

Agenda:1. How to lose $124,0002. The Disconnect3. The Fix

#invisionwebinar

Page 32: The importance of design and marketing collaboration with Dan Slagen of Crayon

To fix the disconnect…Marketers and Designers have the same

goals.

Page 33: The importance of design and marketing collaboration with Dan Slagen of Crayon

Performance design&

Performance marketing

Page 34: The importance of design and marketing collaboration with Dan Slagen of Crayon

1. Communicate performance2. Go visual3. Educate

Page 35: The importance of design and marketing collaboration with Dan Slagen of Crayon

1. Who is the client and what do they do?2. What is the scope of the project?3. Who is the target market?4. Competition? 5. What is the tone?6. What is the ultimate goal and how will it be

measured?7. What’s the budget/timing?8. Approval process?9. Are there previous designs or projects I should be

aware of?10.Should the mobile experience mimic desktop?

Go Further Than the “Creative Brief”

Page 36: The importance of design and marketing collaboration with Dan Slagen of Crayon

Page Type Goal Measureable Q1 testing plan

Q2 testing plan

Q3 testing plan

Q4 testing plan

Home Page

Landing Page

Pricing Page

Testimonial Page

Jobs Page

Press Page

Page 37: The importance of design and marketing collaboration with Dan Slagen of Crayon

Page Type Goal Measureable Q1 testing plan Q2 testing plan Q3 testing plan Q4 testing plan

Home Page Bounce rate <40%

Landing Page 30% conversion rate

Pricing Page 10% conversion rate

Testimonial Page Add 8 new customer testimonials this year

Jobs Page 25% application conversion rate

Press Page Add 4 new press logos this year

Page 38: The importance of design and marketing collaboration with Dan Slagen of Crayon

Page Type Goal Measureable Q1 testing plan Q2 testing plan Q3 testing plan Q4 testing plan

Home Page Bounce rate <40%

Landing Page 30% conversion rate

Pricing Page 10% conversion rate

Discount pricing CTA

Testimonial Page Add 8 new customer testimonials this year

Jobs Page 25% application conversion rate

Press Page Add 4 new press logos this year

Page 39: The importance of design and marketing collaboration with Dan Slagen of Crayon

Page Type Goal Measureable Q1 testing plan Q2 testing plan Q3 testing plan Q4 testing plan

Home Page Bounce rate <40%

Landing Page 30% conversion rate

Pricing Page 10% conversion rate

Discount pricing CTA

Testimonial Page Add 8 new customer testimonials this year

Reach out to 2 customers in Feb

Jobs Page 25% application conversion rate

Press Page Add 4 new press logos this year

Page 40: The importance of design and marketing collaboration with Dan Slagen of Crayon

Page Type Goal Measureable Q1 testing plan Q2 testing plan Q3 testing plan Q4 testing plan

Home Page Bounce rate <40%

Landing Page 30% conversion rate

Pricing Page 10% conversion rate

Discount pricing CTA

Testimonial Page Add 8 new customer testimonials this year

Reach out to 2 customers in Feb

Jobs Page 25% application conversion rate

Add employee video

Press Page Add 4 new press logos this year

Page 41: The importance of design and marketing collaboration with Dan Slagen of Crayon

Both sides need to know what the future holds

Page 42: The importance of design and marketing collaboration with Dan Slagen of Crayon

1. Communicate performance2. Go visual3. Educate

Page 43: The importance of design and marketing collaboration with Dan Slagen of Crayon
Page 44: The importance of design and marketing collaboration with Dan Slagen of Crayon
Page 45: The importance of design and marketing collaboration with Dan Slagen of Crayon
Page 46: The importance of design and marketing collaboration with Dan Slagen of Crayon
Page 47: The importance of design and marketing collaboration with Dan Slagen of Crayon

1. Communicate performance2. Go visual3. Educate

Page 48: The importance of design and marketing collaboration with Dan Slagen of Crayon

Well educated teams stand out

Page 49: The importance of design and marketing collaboration with Dan Slagen of Crayon
Page 50: The importance of design and marketing collaboration with Dan Slagen of Crayon

Measurement of subject knowledge

Novice Beginner Competent Proficient Expert

Page 51: The importance of design and marketing collaboration with Dan Slagen of Crayon

Host lunch and learns

Page 52: The importance of design and marketing collaboration with Dan Slagen of Crayon

Marketers

1. Content/Copy2. Conversions3. Funnel4. Brand tone

Designers

1. Hierarchy2. Purpose3. Emotion4. Experience

Share real data & ideas

Page 53: The importance of design and marketing collaboration with Dan Slagen of Crayon
Page 54: The importance of design and marketing collaboration with Dan Slagen of Crayon
Page 55: The importance of design and marketing collaboration with Dan Slagen of Crayon
Page 56: The importance of design and marketing collaboration with Dan Slagen of Crayon

Marketers need to explain their 2016 strategy, plan for working with

Designers and trends

Page 57: The importance of design and marketing collaboration with Dan Slagen of Crayon

Designers need to explain their 2016 strategy, plan for working with

Marketers and trends

Page 58: The importance of design and marketing collaboration with Dan Slagen of Crayon

Design + Marketing = Performance

Page 59: The importance of design and marketing collaboration with Dan Slagen of Crayon

Thank You! Questions?