Designing WordPress Websites that convert

Presented by Linda Kraivanich

The true value of a website is that it can help you grow your business online. This session will share the art and science of designing with conversion-focused as a goal by using WordPress and Plugins provided by the platform.

Transcript

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