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.

1. Designing WordPress
Websites That Convert
By Bow Kraivanich
bow.kraivanich www.bowkraivanich.com@bowkraivanich

2. 01
Introducing Conversion-
Focused Design

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. Business
Goal
Why Conversion Matters
User Friendly
Branding
Beautifully Design and Communication
UX
UVP
Differentiation
Content
RelevantInformation

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. Three Elements of Conversion
Buyer Persona
Clear Benefit
Immediate Gain/Result
Share
Comment
Gain Trust
Forms
Calls-toAction
Landing Pages
Attention Engagement Action

7. 02
What is Your Goal?

8. — Ben Hunt, Convert Book
“To measure conversion, you have to have
a goal — a result you can measure”

9. To Purchase

10. To Sign Up

11. To Try a Product

12. To Share Information

13. To Request A Quote / Contact

14. 03
5 Design Principles to
Increase your Conversion

15. Principle #1
Attention

16. Encapsulation

17. Subtle Encapsulation

18. Remove Distractions

19. Use Color and Contrast

20. Principle #2
Clarity

21. Prevent Choice Paralysis

22. One Message at A Time

23. Tell the Benefit

24. Tell the Benefit

25. Principle #3
Direction Cues

26. Use Arrow Get to The Point

27. Image as Directional Cues

28. Principle #4
Credibility

29. Social Proof

30. Show what other people talking about

31. Principle #5
Urgency and Scarcity

32. Create a Scarcity

33. Create a Scarcity

34. Countdown Timer

35. Countdown Timer

36. 04
WordPress Plugins to
Help you do the job

37. Google Analytics: Google Analytics Dashboard for WP
https://wordpress.org/plugins/google-analytics-dashboard-for-wp/
Google Analytics Dashboard for WP

38. Social Buttons: SumoMe
https://sumome.com/
SumoMe

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. Heatmaps: SumoMe, hotjar
https://wordpress.org/plugins/hotjar-connecticator/https://hotjar.comhttps://sumome.com/
SumoMe Hotjar

41. A/B Testing: Title Experiments
https://wordpress.org/plugins/wp-experiments-free/
Title Experiments

42. “Good websites impress,
Great websites convert”

43. THANK
YOU
Feel free to connect with me :)
bow.kraivanich www.bowkraivanich.com@bowkraivanich