50
Basics of Landing Page Design Saturday, April 27, 13

LSM - Landing Page Design

Embed Size (px)

DESCRIPTION

Landing Page Design - Palestra de Ricardo Couto no Lean Startup Machine III

Citation preview

Page 1: LSM - Landing Page Design

Basics&of&Landing&Page&Design&&

Saturday, April 27, 13

Page 2: LSM - Landing Page Design

Some Context

What are the most important costs inherent in our business model? Which Key Resources are most expensive? Which Key Activities are most expensive?

Through which Channels do our Customer Segments want to be reached? How are we reaching them now?How are our Channels integrated? Which ones work best?Which ones are most cost-efficient? How are we integrating them with customer routines?

For what value are our customers really willing to pay?For what do they currently pay? How are they currently paying? How would they prefer to pay? How much does each Revenue Stream contribute to overall revenues?

For whom are we creating value?Who are our most important customers?

What type of relationship does each of our CustomerSegments expect us to establish and maintain with them?Which ones have we established? How are they integrated with the rest of our business model?How costly are they?

What value do we deliver to the customer?Which one of our customer’s problems are we helping to solve? What bundles of products and services are we offering to each Customer Segment?Which customer needs are we satisfying?

What Key Activities do our Value Propositions require?Our Distribution Channels? Customer Relationships?Revenue streams?

Who are our Key Partners? Who are our key suppliers?Which Key Resources are we acquiring from partners?Which Key Activities do partners perform?

What Key Resources do our Value Propositions require?Our Distribution Channels? Customer Relationships?Revenue Streams?

Day Month Year

No.

This work is licensed under the Creative Commons Attribution-Share Alike 3.0 Unported License. To view a copy of this license, visit http://creativecommons.org/licenses/by-sa/3.0/

or send a letter to Creative Commons, 171 Second Street, Suite 300, San Francisco, California, 94105, USA.

Saturday, April 27, 13

Page 3: LSM - Landing Page Design

Business Models

Concept Phase Execution Phase

Value Prop//Customer Segment//

//Management//Systems

Saturday, April 27, 13

Page 4: LSM - Landing Page Design

Lean Business Models

Get to your first sale as quickly as possible!

Break it! -> Push

Saturday, April 27, 13

Page 5: LSM - Landing Page Design

What’s&the&Point?&

•  Controlled&experiment&(MVP)&

•  Get&people&to&convert&on&a&single,&specific&value&proposiDon.&

•  Split&test&and&iterate&rapidly.&

Saturday, April 27, 13

Page 6: LSM - Landing Page Design

The Buyer Persona

Who you are selling to?

Saturday, April 27, 13

Page 7: LSM - Landing Page Design

The Buyer Persona

Saturday, April 27, 13

Page 8: LSM - Landing Page Design

•  Did&I&land&in&the&correct&place?&•  Is&This&What&I&Expected?&•  Do&I&Trust&This&Site?&•  How&Long&Will&This&Take?&•  What&Should&I&Do&Next?&•  Where&Should&I&Go&Next?&•  Should&I&Click&the&Back&BuUon?&

Empathize&

Saturday, April 27, 13

Page 9: LSM - Landing Page Design

•  Did&I&land&in&the&correct&place?&•  Is&This&What&I&Expected?&•  Do&I&Trust&This&Site?&•  How&Long&Will&This&Take?&•  What&Should&I&Do&Next?&•  Where&Should&I&Go&Next?&•  Should&I&Click&the&Back&BuUon?&

Empathize&

Colocar-se no lugar do outro.Porém, sem perder a essa condição de “como se”.

Saturday, April 27, 13

Page 10: LSM - Landing Page Design

•  Did&I&land&in&the&correct&place?&•  Is&This&What&I&Expected?&•  Do&I&Trust&This&Site?&•  How&Long&Will&This&Take?&•  What&Should&I&Do&Next?&•  Where&Should&I&Go&Next?&•  Should&I&Click&the&Back&BuUon?&

Empathize&

“Seus clientes não são você. Se eles fossem, não seriam clientes, seriam competidores.”- Mike Kuniavsky

Saturday, April 27, 13

Page 11: LSM - Landing Page Design

•  Did&I&land&in&the&correct&place?&•  Is&This&What&I&Expected?&•  Do&I&Trust&This&Site?&•  How&Long&Will&This&Take?&•  What&Should&I&Do&Next?&•  Where&Should&I&Go&Next?&•  Should&I&Click&the&Back&BuUon?&

Empathize&

Empatia afetivaRelacionada à habilidade de experimentar reações emocionais por meio da observação da experiência alheia.

Empatia cognitivaRelacionada à capacidade de compreender a perspectiva psicológica das outras pessoas.

Saturday, April 27, 13

Page 12: LSM - Landing Page Design

•  Did&I&land&in&the&correct&place?&•  Is&This&What&I&Expected?&•  Do&I&Trust&This&Site?&•  How&Long&Will&This&Take?&•  What&Should&I&Do&Next?&•  Where&Should&I&Go&Next?&•  Should&I&Click&the&Back&BuUon?&

Empathize&

Ai!

Saturday, April 27, 13

Page 13: LSM - Landing Page Design

•  Did&I&land&in&the&correct&place?&•  Is&This&What&I&Expected?&•  Do&I&Trust&This&Site?&•  How&Long&Will&This&Take?&•  What&Should&I&Do&Next?&•  Where&Should&I&Go&Next?&•  Should&I&Click&the&Back&BuUon?&

Empathize&

Por favor, não façam isso :(

Saturday, April 27, 13

Page 14: LSM - Landing Page Design

•  Did&I&land&in&the&correct&place?&•  Is&This&What&I&Expected?&•  Do&I&Trust&This&Site?&•  How&Long&Will&This&Take?&•  What&Should&I&Do&Next?&•  Where&Should&I&Go&Next?&•  Should&I&Click&the&Back&BuUon?&

Empathize&

Por favor, não façam isso :(

Saturday, April 27, 13

Page 15: LSM - Landing Page Design

&&&&

Large&Graphic&&

Headline&

Key&Benefits &&

CallJtoJAcDon&Social&Proof &&

Simplified&Layout&

!&"&

#&$&

Saturday, April 27, 13

Page 16: LSM - Landing Page Design

SaDsfies&the&“itch”&of&the&person&in&search&for&a&specific&soluDon&to&their&problem.&First&thing&read.&

&&&&

Large&Graphic&&

Headline&

Key&Benefits &&

CallJtoJAcDon&Social&Proof &&

Headline&

Saturday, April 27, 13

Page 17: LSM - Landing Page Design

“Big&Picture&Hypothesis”&&

a.k.a.&&

SoluDon&Hypothesis&&

a.k.a.&&

Value&ProposiDon&

Saturday, April 27, 13

Page 18: LSM - Landing Page Design

&&&&

Large&Graphic&&

Headline&

Key&Benefits &&

CallJtoJAcDon&Social&Proof &&

How&does&your&product&or&service&benefit&the&customer?&

Write&out&bullet&points.&&

Key&Benefits&

Saturday, April 27, 13

Page 19: LSM - Landing Page Design

&&&&

Large&Graphic&&

Headline&

Key&Benefits &&

CallJtoJAcDon&Social&Proof &&

Image&highlights&product&and&conveys&happy&user&experience.&

Hero&Shot&

Saturday, April 27, 13

Page 20: LSM - Landing Page Design

&&&&

Large&Graphic&&

Headline&

Key&Benefits &&

CallJtoJAcDon&Social&Proof &&

TesDmonials&help&to&establish&credibility&and&trust.&

Social&Proof&

Saturday, April 27, 13

Page 21: LSM - Landing Page Design

&&&&

Large&Graphic&&

Headline&

Key&Benefits &&

CallJtoJAcDon&Social&Proof &&

Solicit&one&clear&acDon&that&tests&your&Riskiest&Assump4on.&

CallJtoJAcDon&

Saturday, April 27, 13

Page 22: LSM - Landing Page Design

“Everything should be madeas simple as possible,

but not simpler.”- Albert Einstein

Saturday, April 27, 13

Page 23: LSM - Landing Page Design

Don’t&Blow&It&

•  The&Headline&is&Everything&and&will&Probably&Have&the&Biggest&Impact&on&Conversions&

•  A/B&Split&Test&the&Headline&&

Saturday, April 27, 13

Page 24: LSM - Landing Page Design

Example&Split&Test&

“Developers&Save&Time&and&Money&with&Our&Leading&ApplicaDon&Monitoring&SoYware”&&“Our&ApplicaDon&Monitoring&SoYware&Helps&Developers&Fix&Code&Bugs&Faster,&Improving&the&BoUom&Line”&

Saturday, April 27, 13

Page 25: LSM - Landing Page Design

Don’t&Blow&It&

•  Don’t&be&lazy&about&the&page&design.&Polish&=&Credibility.&

•  Keep&copy&clear&&&concise,&using&bullet&points&

Saturday, April 27, 13

Page 26: LSM - Landing Page Design

Don’t&Blow&It&

•  Don’t&be&lazy&about&the&page&design.&Polish&=&Credibility.&

•  Keep&copy&clear&&&concise,&using&bullet&points&

Fogg, B.J. (May 2002). "Stanford Guidelines for Web Credibility." A Research Summary from the Stanford Persuasive Technology Lab. Stanford University. www.webcredibility.org/guidelines

Saturday, April 27, 13

Page 27: LSM - Landing Page Design

Don’t&Blow&It&

•  If&collecDng&email&addresses,&must&include&a&privacy&statement.&

•  “Your&privacy&is&important&to&us.&We&will&never&share&your&email&address&with&third&parDes.”&

Saturday, April 27, 13

Page 28: LSM - Landing Page Design

Experiment&1:&3%&&&%&&Experiment&2:&3.2%&&&&&✗&&Experiment&1:&3%&&&%&&Experiment&2:&6%&&&&&&&&✓&

Gauge&ProducDvity&

Saturday, April 27, 13

Page 29: LSM - Landing Page Design

Primary&Traffic&Sources&

•  SEM&–&Adwords,&Bing,&Yahoo&•  Email&blasts&(remember%to%collect!)&•  Facebook&posts&/&ads&•  TwiUer&posts&/&ads&•  Google+&posts&•  Quora&/&Yahoo&Answers&•  Surveys&with&CTA&•  Live&Interviews&

Saturday, April 27, 13

Page 30: LSM - Landing Page Design

AddiDonal&Traffic&Sources&

•  Craigslist&Ads&•  Youtube&/&Vimeo&•  Flickr&/&Pinterest&•  Slideshare&/&Scribd&•  Blog&comments&•  Forum&comments&•  Paper&fliers,&posters,&biz&cards&

Saturday, April 27, 13

Page 31: LSM - Landing Page Design

Saturday, April 27, 13

Page 32: LSM - Landing Page Design

Saturday, April 27, 13

Page 33: LSM - Landing Page Design

Saturday, April 27, 13

Page 34: LSM - Landing Page Design

Saturday, April 27, 13

Page 35: LSM - Landing Page Design

Saturday, April 27, 13

Page 36: LSM - Landing Page Design

Saturday, April 27, 13

Page 37: LSM - Landing Page Design

Basics&of&Landing&Page&Design&&

Saturday, April 27, 13

Page 38: LSM - Landing Page Design

MarketingBuzz Marketing + Engagement + Value + Scarcity

Saturday, April 27, 13

Page 39: LSM - Landing Page Design

who is your customer

where do they live?

worth their time

make it easy to share

Saturday, April 27, 13

Page 40: LSM - Landing Page Design

Ask Jay

Saturday, April 27, 13

Page 41: LSM - Landing Page Design

Marketing Tools

1. Twitter

2. Facebook

3. LinkedIn

4. Email Lists

5. Others

6. Landing Page Design

Saturday, April 27, 13

Page 42: LSM - Landing Page Design

Twitter

It’s NEVER ABOUT YOU

Frequent Updates

Answer Questions

Personal Touch

Never Blast/Spam

Provide Value

Engage

Follow Influencers

Create a list

*don’t get blocked from Twitter*

Saturday, April 27, 13

Page 43: LSM - Landing Page Design

Twitter

Nail Value PropFaces

Link to Landing PageUse Hasthags

Saturday, April 27, 13

Page 44: LSM - Landing Page Design

Facebook

Infrequent Updates

Join Groups

Post Pictures

Sharing Links

Celebration of the community

Saturday, April 27, 13

Page 45: LSM - Landing Page Design

Facebook

Saturday, April 27, 13

Page 46: LSM - Landing Page Design

LinkedIn

Join groups

Providing relevant information to specific

groups

Ask questions

DM people

Join on more professional terms

Saturday, April 27, 13

Page 47: LSM - Landing Page Design

Unbounce

Urgency

Value

Saturday, April 27, 13

Page 48: LSM - Landing Page Design

Others

Join the Community

Saturday, April 27, 13

Page 49: LSM - Landing Page Design

Let’s Get Started!

Saturday, April 27, 13

Page 50: LSM - Landing Page Design

Questions?

[email protected]

@ricardocouto

Saturday, April 27, 13