53
What does conversion even mean? In society we talk about a conversion experience.

Designing for conversion

Embed Size (px)

Citation preview

Page 1: Designing for conversion

What does conversion even mean?

In society we talk about a conversion

experience.

Page 2: Designing for conversion

Who gets converted?

Page 3: Designing for conversion

The desperate:“I hit bottom and then …”

“I was dead broke and my partner had

left me …”

Page 4: Designing for conversion

The disappointed:Clergy: they were susceptible to our message.”

“We change lives.”If that’s your target

audience,

Page 5: Designing for conversion

But.Regular people?

Only with immense effort.

Page 6: Designing for conversion

John Carlton: “Most people live lives of quiet

desperation.”

Page 7: Designing for conversion

“Somewhere there’s a party going on, and I want in.”

Wealth Looks Pain relief Freedom from drudgery Secrets

Of the experts Of the successful That they’re keeping from you

Page 8: Designing for conversion

Still not enough.Until we add the persuaders.

Urgency

Scarcity

FOMO

Page 9: Designing for conversion

Should be easy, right?

Page 10: Designing for conversion

The pitch.

Page 11: Designing for conversion

Sign shops, copy places et al:

Page 12: Designing for conversion

Lies clients tell: “If they see how great we are, the

product will sell itself.”

Page 13: Designing for conversion

Lies we tell ourselves:“Our message was so compelling it

changed their whole approach.”

Page 14: Designing for conversion

How it really works.

Page 15: Designing for conversion

Nobody gives a puppy’s posterior.

Page 16: Designing for conversion

Not about

Our products.

Our company.

Our brand.

Our anything.

Page 17: Designing for conversion

Prospects care about five things.

Their families.

Their money.

Their passions.

Their personal growth.

Page 18: Designing for conversion

Plus ...

Page 19: Designing for conversion

Whatever problem we’re trying to solve RIGHT NOW.

Page 20: Designing for conversion

IF they can see we care about what they care about, THEN we

might have a minute of their time.

Page 21: Designing for conversion

Conversion is part of a process.

Attract

Engage

Convert

Retain

Reward

Page 22: Designing for conversion

Design has a role.

Page 23: Designing for conversion

Here’s what it’s NOT.

Page 24: Designing for conversion

Buy NOWWW!!!

Page 25: Designing for conversion

314.609.7844

Page 26: Designing for conversion

Design tweaks to buttons and form elements.

Page 27: Designing for conversion

Copy is everything!

Page 28: Designing for conversion
Page 29: Designing for conversion

So. What IS designing for conversion?

Page 30: Designing for conversion

It depends.On where we are in the process.

What we need to achieve.

Page 31: Designing for conversion

Attract.

Page 32: Designing for conversion

Dog-whistle branding.

Page 33: Designing for conversion

Are you my kind of folks?Do you know your stuff?

Stanford study on health-care sites: design = credibility

Are you going to be around a while?

Are you interested in what I’m interested in?

Page 34: Designing for conversion

Can I trust you?For users over 70: phone number

Physical address

Team pics, bios

Page 35: Designing for conversion

Am I in the right place?Clear navigation

Related products

Labels and instructions

Page 36: Designing for conversion

Engage

Page 37: Designing for conversion

Shoot real people, products, events.

Page 38: Designing for conversion

Make ideas tangible.

Page 39: Designing for conversion

Places & processes, too.

Page 40: Designing for conversion

Type, graphics, grids: Do you care more about me or Dribbble?

https://blog.intercom.io/the-

dribbblisation-of-design/

Page 41: Designing for conversion

Can I:find what I want?

see what to do?

read the damn type? A site is a product, too.

Page 42: Designing for conversion

RetainIt costs at least five times as much to get

a new customer as to keep a current one.

Page 43: Designing for conversion

Is it easy to: Reorder?

Find new stuff (that’s just for me)?

Page 44: Designing for conversion

Am I part of the tribe?How about the inner circle?

Page 45: Designing for conversion

Convert: When design supports copy.

Page 46: Designing for conversion

Three critical components:1. Typography

2. Typography.

3. Typography.

Page 47: Designing for conversion

Graphic tricks that help.

Page 48: Designing for conversion

Buttons: Colors contrast with the rest of the page.

Copy restates benefit.

Sign up for class!

Write better PHP!

Page 49: Designing for conversion

Forms.Field labels big enough to read.

Tall enough to type, with room to spare.

Page 50: Designing for conversion

Plus.More and bigger images than we think.

Big type - 22px is fine for body copy.

Page 51: Designing for conversion

The objective.Get the audience to:

See themselves in the story.

Want the result.

Believe this is the way.

Page 52: Designing for conversion

And join the tribe.

Page 53: Designing for conversion

Mary Baum marginhancers.com

@marybaum