WordCamp BKK 2017: Designing WordPress Websites that Convert
-
Upload
bow-kraivanich -
Category
Marketing
-
view
1.405 -
download
0
Transcript of WordCamp BKK 2017: Designing WordPress Websites that Convert
![Page 1: WordCamp BKK 2017: Designing WordPress Websites that Convert](https://reader033.fdocuments.in/reader033/viewer/2022051520/58ed3a541a28ab33768b45e5/html5/thumbnails/1.jpg)
Designing WordPress Websites That Convert
By Bow Kraivanich
bow.kraivanich www.bowkraivanich.com@bowkraivanich
![Page 2: WordCamp BKK 2017: Designing WordPress Websites that Convert](https://reader033.fdocuments.in/reader033/viewer/2022051520/58ed3a541a28ab33768b45e5/html5/thumbnails/2.jpg)
01
Introducing Conversion-Focused Design
![Page 3: WordCamp BKK 2017: Designing WordPress Websites that Convert](https://reader033.fdocuments.in/reader033/viewer/2022051520/58ed3a541a28ab33768b45e5/html5/thumbnails/3.jpg)
Conversion-focused Design is a framework for creating high converting
websites — using principles of persuasive design, psychology, and communication.
Applied definition from Unbounce
![Page 4: WordCamp BKK 2017: Designing WordPress Websites that Convert](https://reader033.fdocuments.in/reader033/viewer/2022051520/58ed3a541a28ab33768b45e5/html5/thumbnails/4.jpg)
Business Goal
Why Conversion MattersUser Friendly
Branding
Beautifully Design and Communication
UX
UVP
Diffe
rent
iatio
nContent
Relevant Information
![Page 5: WordCamp BKK 2017: Designing WordPress Websites that Convert](https://reader033.fdocuments.in/reader033/viewer/2022051520/58ed3a541a28ab33768b45e5/html5/thumbnails/5.jpg)
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
![Page 6: WordCamp BKK 2017: Designing WordPress Websites that Convert](https://reader033.fdocuments.in/reader033/viewer/2022051520/58ed3a541a28ab33768b45e5/html5/thumbnails/6.jpg)
Three Elements of Conversion
Buyer Persona Clear Benefit
Immediate Gain/Result
Share Comment Gain Trust
Forms Calls-toAction Landing Pages
Attention Engagement Action
![Page 7: WordCamp BKK 2017: Designing WordPress Websites that Convert](https://reader033.fdocuments.in/reader033/viewer/2022051520/58ed3a541a28ab33768b45e5/html5/thumbnails/7.jpg)
02
What is Your Goal?
![Page 8: WordCamp BKK 2017: Designing WordPress Websites that Convert](https://reader033.fdocuments.in/reader033/viewer/2022051520/58ed3a541a28ab33768b45e5/html5/thumbnails/8.jpg)
— Ben Hunt, Convert Book
“To measure conversion, you have to have a goal — a result you can measure”
![Page 9: WordCamp BKK 2017: Designing WordPress Websites that Convert](https://reader033.fdocuments.in/reader033/viewer/2022051520/58ed3a541a28ab33768b45e5/html5/thumbnails/9.jpg)
To Purchase
![Page 10: WordCamp BKK 2017: Designing WordPress Websites that Convert](https://reader033.fdocuments.in/reader033/viewer/2022051520/58ed3a541a28ab33768b45e5/html5/thumbnails/10.jpg)
To Sign Up
![Page 11: WordCamp BKK 2017: Designing WordPress Websites that Convert](https://reader033.fdocuments.in/reader033/viewer/2022051520/58ed3a541a28ab33768b45e5/html5/thumbnails/11.jpg)
To Try a Product
![Page 12: WordCamp BKK 2017: Designing WordPress Websites that Convert](https://reader033.fdocuments.in/reader033/viewer/2022051520/58ed3a541a28ab33768b45e5/html5/thumbnails/12.jpg)
To Share Information
![Page 13: WordCamp BKK 2017: Designing WordPress Websites that Convert](https://reader033.fdocuments.in/reader033/viewer/2022051520/58ed3a541a28ab33768b45e5/html5/thumbnails/13.jpg)
To Request A Quote / Contact
![Page 14: WordCamp BKK 2017: Designing WordPress Websites that Convert](https://reader033.fdocuments.in/reader033/viewer/2022051520/58ed3a541a28ab33768b45e5/html5/thumbnails/14.jpg)
03
5 Design Principles to Increase your Conversion
![Page 15: WordCamp BKK 2017: Designing WordPress Websites that Convert](https://reader033.fdocuments.in/reader033/viewer/2022051520/58ed3a541a28ab33768b45e5/html5/thumbnails/15.jpg)
Principle #1
Attention
![Page 16: WordCamp BKK 2017: Designing WordPress Websites that Convert](https://reader033.fdocuments.in/reader033/viewer/2022051520/58ed3a541a28ab33768b45e5/html5/thumbnails/16.jpg)
Encapsulation
![Page 17: WordCamp BKK 2017: Designing WordPress Websites that Convert](https://reader033.fdocuments.in/reader033/viewer/2022051520/58ed3a541a28ab33768b45e5/html5/thumbnails/17.jpg)
Subtle Encapsulation
![Page 18: WordCamp BKK 2017: Designing WordPress Websites that Convert](https://reader033.fdocuments.in/reader033/viewer/2022051520/58ed3a541a28ab33768b45e5/html5/thumbnails/18.jpg)
Remove Distractions
![Page 19: WordCamp BKK 2017: Designing WordPress Websites that Convert](https://reader033.fdocuments.in/reader033/viewer/2022051520/58ed3a541a28ab33768b45e5/html5/thumbnails/19.jpg)
Use Color and Contrast
![Page 20: WordCamp BKK 2017: Designing WordPress Websites that Convert](https://reader033.fdocuments.in/reader033/viewer/2022051520/58ed3a541a28ab33768b45e5/html5/thumbnails/20.jpg)
Principle #2
Clarity
![Page 21: WordCamp BKK 2017: Designing WordPress Websites that Convert](https://reader033.fdocuments.in/reader033/viewer/2022051520/58ed3a541a28ab33768b45e5/html5/thumbnails/21.jpg)
Prevent Choice Paralysis
![Page 22: WordCamp BKK 2017: Designing WordPress Websites that Convert](https://reader033.fdocuments.in/reader033/viewer/2022051520/58ed3a541a28ab33768b45e5/html5/thumbnails/22.jpg)
One Message at A Time
![Page 23: WordCamp BKK 2017: Designing WordPress Websites that Convert](https://reader033.fdocuments.in/reader033/viewer/2022051520/58ed3a541a28ab33768b45e5/html5/thumbnails/23.jpg)
Tell the Benefit
![Page 24: WordCamp BKK 2017: Designing WordPress Websites that Convert](https://reader033.fdocuments.in/reader033/viewer/2022051520/58ed3a541a28ab33768b45e5/html5/thumbnails/24.jpg)
Tell the Benefit
![Page 25: WordCamp BKK 2017: Designing WordPress Websites that Convert](https://reader033.fdocuments.in/reader033/viewer/2022051520/58ed3a541a28ab33768b45e5/html5/thumbnails/25.jpg)
Principle #3
Direction Cues
![Page 26: WordCamp BKK 2017: Designing WordPress Websites that Convert](https://reader033.fdocuments.in/reader033/viewer/2022051520/58ed3a541a28ab33768b45e5/html5/thumbnails/26.jpg)
Use Arrow Get to The Point
![Page 27: WordCamp BKK 2017: Designing WordPress Websites that Convert](https://reader033.fdocuments.in/reader033/viewer/2022051520/58ed3a541a28ab33768b45e5/html5/thumbnails/27.jpg)
Image as Directional Cues
![Page 28: WordCamp BKK 2017: Designing WordPress Websites that Convert](https://reader033.fdocuments.in/reader033/viewer/2022051520/58ed3a541a28ab33768b45e5/html5/thumbnails/28.jpg)
Principle #4
Credibility
![Page 29: WordCamp BKK 2017: Designing WordPress Websites that Convert](https://reader033.fdocuments.in/reader033/viewer/2022051520/58ed3a541a28ab33768b45e5/html5/thumbnails/29.jpg)
Social Proof
![Page 30: WordCamp BKK 2017: Designing WordPress Websites that Convert](https://reader033.fdocuments.in/reader033/viewer/2022051520/58ed3a541a28ab33768b45e5/html5/thumbnails/30.jpg)
Show what other people talking about
![Page 31: WordCamp BKK 2017: Designing WordPress Websites that Convert](https://reader033.fdocuments.in/reader033/viewer/2022051520/58ed3a541a28ab33768b45e5/html5/thumbnails/31.jpg)
Principle #5
Urgency and Scarcity
![Page 32: WordCamp BKK 2017: Designing WordPress Websites that Convert](https://reader033.fdocuments.in/reader033/viewer/2022051520/58ed3a541a28ab33768b45e5/html5/thumbnails/32.jpg)
Create a Scarcity
![Page 33: WordCamp BKK 2017: Designing WordPress Websites that Convert](https://reader033.fdocuments.in/reader033/viewer/2022051520/58ed3a541a28ab33768b45e5/html5/thumbnails/33.jpg)
Create a Scarcity
![Page 34: WordCamp BKK 2017: Designing WordPress Websites that Convert](https://reader033.fdocuments.in/reader033/viewer/2022051520/58ed3a541a28ab33768b45e5/html5/thumbnails/34.jpg)
Countdown Timer
![Page 35: WordCamp BKK 2017: Designing WordPress Websites that Convert](https://reader033.fdocuments.in/reader033/viewer/2022051520/58ed3a541a28ab33768b45e5/html5/thumbnails/35.jpg)
Countdown Timer
![Page 36: WordCamp BKK 2017: Designing WordPress Websites that Convert](https://reader033.fdocuments.in/reader033/viewer/2022051520/58ed3a541a28ab33768b45e5/html5/thumbnails/36.jpg)
04
WordPress Plugins to Help you do the job
![Page 37: WordCamp BKK 2017: Designing WordPress Websites that Convert](https://reader033.fdocuments.in/reader033/viewer/2022051520/58ed3a541a28ab33768b45e5/html5/thumbnails/37.jpg)
Google Analytics: Google Analytics Dashboard for WP
https://wordpress.org/plugins/google-analytics-dashboard-for-wp/
Google Analytics Dashboard for WP
![Page 39: WordCamp BKK 2017: Designing WordPress Websites that Convert](https://reader033.fdocuments.in/reader033/viewer/2022051520/58ed3a541a28ab33768b45e5/html5/thumbnails/39.jpg)
Opt-in Forms: SumoMe, WordPress PopUp - Popover Maker
https://wordpress.org/plugins/wordpress-popup/screenshots/https://sumome.com/
SumoMe WordPress PopUp - Popover Maker
![Page 40: WordCamp BKK 2017: Designing WordPress Websites that Convert](https://reader033.fdocuments.in/reader033/viewer/2022051520/58ed3a541a28ab33768b45e5/html5/thumbnails/40.jpg)
Heatmaps: SumoMe, hotjar
https://wordpress.org/plugins/hotjar-connecticator/https://hotjar.comhttps://sumome.com/
SumoMe Hotjar
![Page 41: WordCamp BKK 2017: Designing WordPress Websites that Convert](https://reader033.fdocuments.in/reader033/viewer/2022051520/58ed3a541a28ab33768b45e5/html5/thumbnails/41.jpg)
A/B Testing: Title Experiments
https://wordpress.org/plugins/wp-experiments-free/
Title Experiments
![Page 42: WordCamp BKK 2017: Designing WordPress Websites that Convert](https://reader033.fdocuments.in/reader033/viewer/2022051520/58ed3a541a28ab33768b45e5/html5/thumbnails/42.jpg)
“Good websites impress, Great websites convert”
![Page 43: WordCamp BKK 2017: Designing WordPress Websites that Convert](https://reader033.fdocuments.in/reader033/viewer/2022051520/58ed3a541a28ab33768b45e5/html5/thumbnails/43.jpg)
THANK YOU
Feel free to connect with me :)
bow.kraivanich www.bowkraivanich.com@bowkraivanich