27
Basics of Landing Page Design @RyanMacCarrigan

Basics of landing page design shareable

Embed Size (px)

DESCRIPTION

Basic of landing page desing in the context of Lean Startup Machine workshops . Get tickets for LSM workshop in your city here: www.leanstartupmachine.com

Citation preview

Page 1: Basics of landing page design   shareable

Basics  of  Landing  Page  Design    

@RyanMacCarrigan  

Page 2: Basics of landing page design   shareable

What’s  the  Point?  

•  Controlled  experiment  (MVP)  

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

•  Split  test  and  iterate  rapidly.  

Page 3: Basics of landing page design   shareable

       

Large  Graphic    

Headline  

Key  Benefits    

Call-­‐to-­‐AcGon  Social  Proof    

Simplified  Layout  

ç  è  

é  ê  

Page 4: Basics of landing page design   shareable

SaGsfies  the  “itch”  of  the  person  in  search  for  a  specific  soluGon  to  their  problem.  First  thing  read.  

       

Large  Graphic    

Headline  

Key  Benefits    

Call-­‐to-­‐AcGon  Social  Proof    

Headline  

Page 5: Basics of landing page design   shareable

“Big  Picture  Hypothesis”    

a.k.a.    

SoluGon  Hypothesis    

a.k.a.    

Value  ProposiGon  

Page 6: Basics of landing page design   shareable

       

Large  Graphic    

Headline  

Key  Benefits    

Call-­‐to-­‐AcGon  Social  Proof    

How  does  your  product  or  service  benefit  the  customer?  

Write  out  bullet  points.    

Key  Benefits  

Page 7: Basics of landing page design   shareable

       

Large  Graphic    

Headline  

Key  Benefits    

Call-­‐to-­‐AcGon  Social  Proof    

Image  highlights  product  and  conveys  happy  user  experience.  

Hero  Shot  

Page 8: Basics of landing page design   shareable

       

Large  Graphic    

Headline  

Key  Benefits    

Call-­‐to-­‐AcGon  Social  Proof    

TesGmonials  help  to  establish  credibility  and  trust.  

Social  Proof  

Page 9: Basics of landing page design   shareable

       

Large  Graphic    

Headline  

Key  Benefits    

Call-­‐to-­‐AcGon  Social  Proof    

Solicit  one  clear  acGon  that  tests  your  Riskiest  Assump4on.  

Call-­‐to-­‐AcGon  

Page 10: Basics of landing page design   shareable

•  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  BuWon?  

Empathize  

Page 11: Basics of landing page design   shareable

Don’t  Blow  It  

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

•  A/B  Split  Test  the  Headline    

Page 12: Basics of landing page design   shareable

Example  Split  Test  

“Developers  Save  Time  and  Money  with  Our  Leading  ApplicaGon  Monitoring  So[ware”    “Our  ApplicaGon  Monitoring  So[ware  Helps  Developers  Fix  Code  Bugs  Faster,  Improving  the  BoWom  Line”  

Page 13: Basics of landing page design   shareable

Don’t  Blow  It  

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

•  Keep  copy  clear  &  concise,  using  bullet  points  

Page 14: Basics of landing page design   shareable

Don’t  Blow  It  

•  If  collecGng  email  addresses,  must  include  a  privacy  statement.  

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

Page 15: Basics of landing page design   shareable

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

Gauge  ProducGvity  

Page 16: Basics of landing page design   shareable

Primary  Traffic  Sources  

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

Page 17: Basics of landing page design   shareable

AddiGonal  Traffic  Sources  

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

Page 18: Basics of landing page design   shareable
Page 19: Basics of landing page design   shareable
Page 20: Basics of landing page design   shareable
Page 21: Basics of landing page design   shareable
Page 22: Basics of landing page design   shareable
Page 23: Basics of landing page design   shareable
Page 24: Basics of landing page design   shareable
Page 25: Basics of landing page design   shareable
Page 26: Basics of landing page design   shareable
Page 27: Basics of landing page design   shareable

Basics  of  Landing  Page  Design    

@RyanMacCarrigan  [email protected]