Downloaded 79 times
Uploaded byUnbounce
Designing for Conversion
This webinar on conversion centered design covered three quick tips that can immediately improve conversions: ungating content, reducing leaks/links on pages, and doing a congruence test by reading pages out loud. It then discussed what conversion centered design is and how it differs from user centered design by focusing on the landing page. The webinar reviewed the seven principles of conversion centered design: encapsulation, contrast and color, directional cues, white space, urgency and scarcity, try before you buy, and social proof. It provided examples of how to apply each principle and concluded with a demonstration of optimizing a landing page using the conversion centered design framework.
More Related Content
Similar to Designing for Conversion
![[Webinar] Tech Inbound Sessions: Inbound Marketing mit Twitter Chats](https://cdn.slidesharecdn.com/ss_thumbnails/techinboundsessions-10-160711125743-thumbnail.jpg?width=640&height=640&fit=bounds)
![[Webinar] Tech Inbound Sessions: Die Homepage ist tot - Wie du Content für de...](https://cdn.slidesharecdn.com/ss_thumbnails/techinboundsessions-11-160711130540-thumbnail.jpg?width=640&height=640&fit=bounds)
![[Webinar] 4 Dinge, über die du dir Gedanken machen solltest, bevor du eine La...](https://cdn.slidesharecdn.com/ss_thumbnails/unbounce-dmk16-11-160226102313-thumbnail.jpg?width=640&height=640&fit=bounds)
![[Webinar] Der richtige User Research Mix als Sprungbrett für die effiziente C...](https://cdn.slidesharecdn.com/ss_thumbnails/unbounce-dmk16-13-160226102902-thumbnail.jpg?width=640&height=640&fit=bounds)
![[Webinar] DMK16 Marketing Trends + Webinare als essentieller Bestandteil im C...](https://cdn.slidesharecdn.com/ss_thumbnails/unbounce-dmk16-10-160226101137-thumbnail.jpg?width=640&height=640&fit=bounds)
![[Webinar] So entwickelst du einen Prozess für A/B-Tests, der deine Umsätze st...](https://cdn.slidesharecdn.com/ss_thumbnails/unbounce-dmk16-13-160226104047-thumbnail.jpg?width=640&height=640&fit=bounds)
![[Webinar] In 10 Schritten zum strategischen Content Marketing](https://cdn.slidesharecdn.com/ss_thumbnails/unbounce-dmk16-10-160226101425-thumbnail.jpg?width=640&height=640&fit=bounds)
![[Webinar] Mit der richtigen SEO-Strategie von 0 auf 35.000 Besucher im Monat](https://cdn.slidesharecdn.com/ss_thumbnails/unbounce-unwebinar-everbill-seo-blog-final-20160413-160413195649-thumbnail.jpg?width=640&height=640&fit=bounds)
![[Webinar] 20 Tricks, um hochqualifizierten AdWords Traffic auf deine Landing ...](https://cdn.slidesharecdn.com/ss_thumbnails/unbounce-dmk16-14-160226104848-thumbnail.jpg?width=640&height=640&fit=bounds)
![[Webinar] DMKwomen 2017 Eröffnung](https://cdn.slidesharecdn.com/ss_thumbnails/unbounce-dmkwomen-opening-20170504-170505132934-thumbnail.jpg?width=640&height=640&fit=bounds)
![[Webinar] Tech Inbound Sessions: So tunen wir deine Landing Page für die turb...](https://cdn.slidesharecdn.com/ss_thumbnails/techinboundsessions-09-160711124318-thumbnail.jpg?width=640&height=640&fit=bounds)
Designing for Conversion
- 1. Thank you forjoining us! We’ll be starting in just a few minutes About the Hosts Designing for Conversion Oli Gardner Unbounce Co-Founder Oli Gardner is our resident landing page expert. Oli's writing on conversion centered design and landing page optimization can be found on the Unbounce conversion blog and he's been featured on top marketing blogs including SEOmoz, Hubspot and Marketing Profs. Ryan Engley Ryan is our Director of Customer Success who along with his team, helps Unbounce customers boost their conversion rates. He is our resident webinar host and consummate office vegan.
- 3. Designing for Conversion Directorof Customer Success Ryan Engley Unbounce @ryan_engley Join our chat on Twitter
- 4. Designing for Conversion Co-Founder& Creative Director Oli Gardner Unbounce @oligardner Join our chat on Twitter
- 5. Recording and slides willbe emailed this week Designing for Conversion Join our chat on Twitter
- 6. We’ll talk about... Designingfor Conversion • 3 actionable conversion design tips you can implement IMMEDIATELY • What is Conversion Centered Design (CCD)? • The 7 principles of CCD • How to apply the 7 principles to your landing pages for higher conversions • Q& A • An awesome demo of Unbounce!
- 7.
- 9. Build, publish &A/B test landing pages without I.T. Increase the ROI of your marketing campaigns
- 10. 3 Quick TipsYou Can Implement IMMEDIATELY
- 11. #1 - UngateYour Content Use previews to encourage downloads Designing for Conversion
- 12. #2 - ReduceYour Leaks Count and remove the links on your page Designing for Conversion
- 13. #3 - TheCongruence Test Aligning page elements by reading out loud Designing for Conversion
- 14. What is ConversionCentered Design?
- 15. User Centered Design(UCD) vs. Conversion Centered Design (CCD) Designing for Conversion
- 16. Landing Pages The Heartof CCD Designing for Conversion
- 17. Homepage vs. LandingPage Designing for Conversion 28 Links (Leaks) 1 Link (The CTA)
- 18. Designing for Conversion TheJam Case Study 6 options24 options
- 19. Designing for Conversion TheResult? 30% purchased jam3% purchased jam
- 20. Designing for Conversion TheDemo Choice Experiment 4 Choices 3 Choices
- 21. Designing for Conversion TheResult? 4 Choices 3 Choices Conversion Lift of 78%
- 23. Designing for Conversion INSUMMARY For an optimized conversion experience Less is more
- 24. The 7 Principlesof Conversion Centered Design
- 25. The 7 Principlesof CCD Designing for Conversion DESIGN 1. Encapsulation 2. Contrast & Color 3. Directional Cues 4. White Space PSYCHOLOGY 5. Urgency & Scarcity 6. Try before you buy 7. Social proof
- 26. 1. Encapsulation Designing forConversion
- 27. 2. Contrast &Color Designing for Conversion
- 28. 3. Directional Cues Designingfor Conversion
- 29. 3. Directional Cues- The Power of the Eye Designing for Conversion Place your CTA here • We are trained to follow the gaze of others • Use the gaze of your subject to drive attention to your CTA
- 30.
- 31. 4. White Space Designingfor Conversion
- 32. No Whitespace Designing forConversion A Nicely Spaced Design
- 33. 5. Urgency &Scarcity Designing for Conversion Limited time offer. Limited quantities left.
- 34. 5. Urgency &Scarcity Designing for Conversion Limited time offers. Limited quantities left. EXPEDIA Only 3 tickets left at this price Much less likely to wander off and check out the competition
- 35. 5. Urgency &Scarcity Designing for Conversion Limited time offers. Limited quantities left. AMAZON Order-by date to guarantee delivery date
- 36. 5. Urgency &Scarcity Designing for Conversion Limited time offers. Limited quantities left. TICKETMASTER 4 minutes to complete the ticket purchase transaction
- 37. 6. Try BeforeYou Buy Designing for Conversion Let your prospects EAT A GRAPE
- 38. 6. Try BeforeYou Buy Designing for Conversion Let your prospects EAT A GRAPE - using previews PREVIEW METHODS • PDF snapshot • SlideShare presentation AMAZON Look inside
- 39. 7. Social Proof Designingfor Conversion The psychology of “Me Too!” What is it? Herd Mentality • If they like it, you will too (Amazon recommended books) • The bigger the crowd, the bigger the crows gets... Humans exhibit a herd mentality just like sheep
- 40. Social Proof Designing forConversion The Staring Upward Study of 1969
- 41. The Staring UpwardStudy Designing for Conversion 1 Person vs. 5 People
- 42. The Results Designing forConversion 1 Person 20% stopped to look 5 People 80% stopped to look vs.
- 43. Quality by Association Designingfor Conversion Would you eat here? Here the quality is assumed by association with the number of customers
- 44. Social Interaction Transparency Designingfor Conversion Show how others are interacting with your brand to encourage people to join in Standard online trust indicators • Testimonials (quotes, tweets) • Press mention logos • Customer logos • Privacy statements/policies Numerical social proof • Number of event attendees (webinar, conference) • Number of downloads (ebook, software) • Customer count (online SaaS business) • Number of social shares
- 45. Applying The 7Principles to Your Landing Page
- 46. Without CCD Principles Applied Designingfor Conversion
- 47.
- 48.
- 49. Color & Contrast Designingfor Conversion
- 50. Directional Cues Designing forConversion
- 51.
- 52. Try Before YouBuy Designing for Conversion
- 53. Social Proof Designing forConversion
- 54. The Final CCD’d LandingPage Designing for Conversion 1.Encapsulation 2.Color & Contrast 3.Directional Cues 4.Whitespace 5.Urgency 6.Try Before You Buy (preview) 7.Social Proof
- 55.
- 56. Get 50% OffYour First 3 Months try.unbounce.com/ccd