Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

WordCamp BKK 2017: Designing WordPress Websites that Convert

3,567 views

Published on

Conversion-focused Design is a framework for creating high converting websites. These slides explain why conversion-focused design matters and how we can easily improve the conversion rate by applying principles of persuasive design, psychology and clear communication.

Originally from my session at WordCamp Bangkok 2017 on Feb 18, 2017.

Published in: Marketing
  • Be the first to comment

WordCamp BKK 2017: Designing WordPress Websites that Convert

  1. 1. Designing WordPress Websites That Convert By Bow Kraivanich bow.kraivanich www.bowkraivanich.com@bowkraivanich
  2. 2. 01 Introducing Conversion- Focused Design
  3. 3. Conversion-focused Design is a framework for creating high converting websites — using principles of persuasive design, psychology, and communication. Applied definition from Unbounce
  4. 4. Business Goal Why Conversion Matters User Friendly Branding Beautifully Design and Communication UX UVP Differentiation Content RelevantInformation
  5. 5. Visitors Inbound Framework Leads Customers PromotersStrangers Attract Convert Close Delight Blog
 Keywords
 Social Publishing Forms
 Calls-toAction
 Landing Pages CRM
 Email
 Workflows Surveys
 Smart Content
 Social Monitoring Framework by HubSpot
  6. 6. Three Elements of Conversion Buyer Persona
 Clear Benefit
 Immediate Gain/Result
 Share 
 Comment
 Gain Trust Forms
 Calls-toAction
 Landing Pages Attention Engagement Action
  7. 7. 02 What is Your Goal?
  8. 8. — Ben Hunt, Convert Book “To measure conversion, you have to have a goal — a result you can measure”
  9. 9. To Purchase
  10. 10. To Sign Up
  11. 11. To Try a Product
  12. 12. To Share Information
  13. 13. To Request A Quote / Contact
  14. 14. 03 5 Design Principles to Increase your Conversion
  15. 15. Principle #1 Attention
  16. 16. Encapsulation
  17. 17. Subtle Encapsulation
  18. 18. Remove Distractions
  19. 19. Use Color and Contrast
  20. 20. Principle #2 Clarity
  21. 21. Prevent Choice Paralysis
  22. 22. One Message at A Time
  23. 23. Tell the Benefit
  24. 24. Tell the Benefit
  25. 25. Principle #3 Direction Cues
  26. 26. Use Arrow Get to The Point
  27. 27. Image as Directional Cues
  28. 28. Principle #4 Credibility
  29. 29. Social Proof
  30. 30. Show what other people talking about
  31. 31. Principle #5 Urgency and Scarcity
  32. 32. Create a Scarcity
  33. 33. Create a Scarcity
  34. 34. Countdown Timer
  35. 35. Countdown Timer
  36. 36. 04 WordPress Plugins to Help you do the job
  37. 37. Google Analytics: Google Analytics Dashboard for WP https://wordpress.org/plugins/google-analytics-dashboard-for-wp/ Google Analytics Dashboard for WP
  38. 38. Social Buttons: SumoMe https://sumome.com/ SumoMe
  39. 39. Opt-in Forms: SumoMe, WordPress PopUp - Popover Maker https://wordpress.org/plugins/wordpress-popup/screenshots/https://sumome.com/ SumoMe WordPress PopUp - Popover Maker
  40. 40. Heatmaps: SumoMe, hotjar https://wordpress.org/plugins/hotjar-connecticator/https://hotjar.comhttps://sumome.com/ SumoMe Hotjar
  41. 41. A/B Testing: Title Experiments https://wordpress.org/plugins/wp-experiments-free/ Title Experiments
  42. 42. “Good websites impress, Great websites convert”
  43. 43. THANK YOU Feel free to connect with me :) bow.kraivanich www.bowkraivanich.com@bowkraivanich

×