how the psychology of color can increase your website conversions
TRANSCRIPT
![Page 1: How the Psychology of Color Can Increase Your Website Conversions](https://reader030.vdocuments.mx/reader030/viewer/2022032420/55a572531a28ab19518b47cb/html5/thumbnails/1.jpg)
Neil Patel, co-founder at KISSmetrics
How the Psychology of Color Can Increase Your Website Conversions
![Page 2: How the Psychology of Color Can Increase Your Website Conversions](https://reader030.vdocuments.mx/reader030/viewer/2022032420/55a572531a28ab19518b47cb/html5/thumbnails/2.jpg)
@thuelmadsen #KISSwebinar
Join the conversation on Twi!er
![Page 3: How the Psychology of Color Can Increase Your Website Conversions](https://reader030.vdocuments.mx/reader030/viewer/2022032420/55a572531a28ab19518b47cb/html5/thumbnails/3.jpg)
Neil Patel - KISSmetrics - @neilpatel !Neil Patel is a serial entrepreneur and the co-founder of KISSmetrics and Crazy Egg. He helps companies like Amazon, NBC, GM, HP, and Viacom grow their revenue. The Wall Street Journal calls him a top influencer on the web and Entrepreneur Magazine says he created one of the 100 most brilliant companies in the world.
Your presenter
![Page 4: How the Psychology of Color Can Increase Your Website Conversions](https://reader030.vdocuments.mx/reader030/viewer/2022032420/55a572531a28ab19518b47cb/html5/thumbnails/4.jpg)
Doing Business on the Web for 11 Years
![Page 5: How the Psychology of Color Can Increase Your Website Conversions](https://reader030.vdocuments.mx/reader030/viewer/2022032420/55a572531a28ab19518b47cb/html5/thumbnails/5.jpg)
@neilpatel #KISSwebinar
Join Neil on Twi!er
![Page 6: How the Psychology of Color Can Increase Your Website Conversions](https://reader030.vdocuments.mx/reader030/viewer/2022032420/55a572531a28ab19518b47cb/html5/thumbnails/6.jpg)
1 How Colors Affect Us
2 Using the Psychology of Colors to Your Advantage
3 Color Tips
Today we will cover
![Page 7: How the Psychology of Color Can Increase Your Website Conversions](https://reader030.vdocuments.mx/reader030/viewer/2022032420/55a572531a28ab19518b47cb/html5/thumbnails/7.jpg)
WATCH WEBINAR RECORDING NOW
![Page 8: How the Psychology of Color Can Increase Your Website Conversions](https://reader030.vdocuments.mx/reader030/viewer/2022032420/55a572531a28ab19518b47cb/html5/thumbnails/8.jpg)
How Colors Affect Us
1
![Page 9: How the Psychology of Color Can Increase Your Website Conversions](https://reader030.vdocuments.mx/reader030/viewer/2022032420/55a572531a28ab19518b47cb/html5/thumbnails/9.jpg)
Humans Can See About 10 Million Different Colors
Source: http://www.simoneye.com/blog/how-many-colors-do-we-actually-see
![Page 10: How the Psychology of Color Can Increase Your Website Conversions](https://reader030.vdocuments.mx/reader030/viewer/2022032420/55a572531a28ab19518b47cb/html5/thumbnails/10.jpg)
Colors Can Create Emotional Reactions
Source: http://psycnet.apa.org/journals/xge/123/4/394/
One study examined which colors were the most and
least pleasant
![Page 11: How the Psychology of Color Can Increase Your Website Conversions](https://reader030.vdocuments.mx/reader030/viewer/2022032420/55a572531a28ab19518b47cb/html5/thumbnails/11.jpg)
Pleasant Hue
Source: http://psycnet.apa.org/journals/xge/123/4/394/
Blue:
![Page 12: How the Psychology of Color Can Increase Your Website Conversions](https://reader030.vdocuments.mx/reader030/viewer/2022032420/55a572531a28ab19518b47cb/html5/thumbnails/12.jpg)
Most Pleasant & Most Arousing
Source: http://psycnet.apa.org/journals/xge/123/4/394/
Blue-Green:
![Page 13: How the Psychology of Color Can Increase Your Website Conversions](https://reader030.vdocuments.mx/reader030/viewer/2022032420/55a572531a28ab19518b47cb/html5/thumbnails/13.jpg)
Pleasant Hue & Most Arousing
Source: http://psycnet.apa.org/journals/xge/123/4/394/
Green:
![Page 14: How the Psychology of Color Can Increase Your Website Conversions](https://reader030.vdocuments.mx/reader030/viewer/2022032420/55a572531a28ab19518b47cb/html5/thumbnails/14.jpg)
Pleasant Hue
Source: http://psycnet.apa.org/journals/xge/123/4/394/
Red-Purple:
![Page 15: How the Psychology of Color Can Increase Your Website Conversions](https://reader030.vdocuments.mx/reader030/viewer/2022032420/55a572531a28ab19518b47cb/html5/thumbnails/15.jpg)
Pleasant Hue
Source: http://psycnet.apa.org/journals/xge/123/4/394/
Purple:
![Page 16: How the Psychology of Color Can Increase Your Website Conversions](https://reader030.vdocuments.mx/reader030/viewer/2022032420/55a572531a28ab19518b47cb/html5/thumbnails/16.jpg)
Pleasant Hue & Least Arousing
Source: http://psycnet.apa.org/journals/xge/123/4/394/
Purple - Blue:
![Page 17: How the Psychology of Color Can Increase Your Website Conversions](https://reader030.vdocuments.mx/reader030/viewer/2022032420/55a572531a28ab19518b47cb/html5/thumbnails/17.jpg)
Least Pleasant
Yellow:
![Page 18: How the Psychology of Color Can Increase Your Website Conversions](https://reader030.vdocuments.mx/reader030/viewer/2022032420/55a572531a28ab19518b47cb/html5/thumbnails/18.jpg)
Least Pleasant & Most Arousing
Green-Yellow:
![Page 19: How the Psychology of Color Can Increase Your Website Conversions](https://reader030.vdocuments.mx/reader030/viewer/2022032420/55a572531a28ab19518b47cb/html5/thumbnails/19.jpg)
Least Arousing
Yellow-Red:
![Page 20: How the Psychology of Color Can Increase Your Website Conversions](https://reader030.vdocuments.mx/reader030/viewer/2022032420/55a572531a28ab19518b47cb/html5/thumbnails/20.jpg)
Most Pleasant & Least Pleasant
Least Pleasant:
Most Pleasant:
![Page 21: How the Psychology of Color Can Increase Your Website Conversions](https://reader030.vdocuments.mx/reader030/viewer/2022032420/55a572531a28ab19518b47cb/html5/thumbnails/21.jpg)
Most Arousing & Least Arousing
Least Arousing:
Most Pleasant:
![Page 22: How the Psychology of Color Can Increase Your Website Conversions](https://reader030.vdocuments.mx/reader030/viewer/2022032420/55a572531a28ab19518b47cb/html5/thumbnails/22.jpg)
Red & Yellow
Red & yellow shown to elicit more brain activity than green or blue
Source: http://emotion-research.net/Members/AlexGenov/Genov,%20Schall,%20Laird,%201999.pdf
![Page 23: How the Psychology of Color Can Increase Your Website Conversions](https://reader030.vdocuments.mx/reader030/viewer/2022032420/55a572531a28ab19518b47cb/html5/thumbnails/23.jpg)
Colors Affect Buying Decisions
• Consumers buy products in colors that they find most appealing at the time of purchase
• 90% of snap judgments made about products can be based on color alone (depending on the product).
• Colors impact how consumers view the personality of a brand
Sources: http://faculty.haas.berkeley.edu/c_lee/manuscript.pdf http://www.emeraldinsight.com/journals.htm?articleid=1558119&show=abstract http://link.springer.com/article/10.1007%2Fs11747-010-0245-y
![Page 24: How the Psychology of Color Can Increase Your Website Conversions](https://reader030.vdocuments.mx/reader030/viewer/2022032420/55a572531a28ab19518b47cb/html5/thumbnails/24.jpg)
LOG IN WITH GOOGLE
Start Your Free KISSmetrics Trial
![Page 25: How the Psychology of Color Can Increase Your Website Conversions](https://reader030.vdocuments.mx/reader030/viewer/2022032420/55a572531a28ab19518b47cb/html5/thumbnails/25.jpg)
Using the Psychology of Colors to Your Advantage
2
![Page 26: How the Psychology of Color Can Increase Your Website Conversions](https://reader030.vdocuments.mx/reader030/viewer/2022032420/55a572531a28ab19518b47cb/html5/thumbnails/26.jpg)
Logo Color Helps in Establishing Differentiation
![Page 27: How the Psychology of Color Can Increase Your Website Conversions](https://reader030.vdocuments.mx/reader030/viewer/2022032420/55a572531a28ab19518b47cb/html5/thumbnails/27.jpg)
Colors Help a Product and Brand Stand Out
Think Apple’s aluminum color and white cables.
![Page 28: How the Psychology of Color Can Increase Your Website Conversions](https://reader030.vdocuments.mx/reader030/viewer/2022032420/55a572531a28ab19518b47cb/html5/thumbnails/28.jpg)
Influences Consumer Perception
Use colors to establish your differentiation from competitors
![Page 29: How the Psychology of Color Can Increase Your Website Conversions](https://reader030.vdocuments.mx/reader030/viewer/2022032420/55a572531a28ab19518b47cb/html5/thumbnails/29.jpg)
Ignore Stereotypical Color Associations
Color preferences are determined by experience.
Source: http://news.discovery.com/human/evolution/colors-preferences-evolution-style.htm
![Page 30: How the Psychology of Color Can Increase Your Website Conversions](https://reader030.vdocuments.mx/reader030/viewer/2022032420/55a572531a28ab19518b47cb/html5/thumbnails/30.jpg)
Stereotypical Color Association
Purple means “imaginative and wise”
![Page 31: How the Psychology of Color Can Increase Your Website Conversions](https://reader030.vdocuments.mx/reader030/viewer/2022032420/55a572531a28ab19518b47cb/html5/thumbnails/31.jpg)
Stereotypical Color Association
Red means “excitement, youthful, and bold”
![Page 32: How the Psychology of Color Can Increase Your Website Conversions](https://reader030.vdocuments.mx/reader030/viewer/2022032420/55a572531a28ab19518b47cb/html5/thumbnails/32.jpg)
Stereotypical Color Association
Blue means “trust”
![Page 33: How the Psychology of Color Can Increase Your Website Conversions](https://reader030.vdocuments.mx/reader030/viewer/2022032420/55a572531a28ab19518b47cb/html5/thumbnails/33.jpg)
Stereotypical Color Association
Green means “peaceful, growth, and health”
![Page 34: How the Psychology of Color Can Increase Your Website Conversions](https://reader030.vdocuments.mx/reader030/viewer/2022032420/55a572531a28ab19518b47cb/html5/thumbnails/34.jpg)
Ignore Stereotypical Color
Associations!
![Page 35: How the Psychology of Color Can Increase Your Website Conversions](https://reader030.vdocuments.mx/reader030/viewer/2022032420/55a572531a28ab19518b47cb/html5/thumbnails/35.jpg)
Color Guidelines for Web Conversions
Contrast is key when forming CTAs
![Page 36: How the Psychology of Color Can Increase Your Website Conversions](https://reader030.vdocuments.mx/reader030/viewer/2022032420/55a572531a28ab19518b47cb/html5/thumbnails/36.jpg)
Facebook’s Sign Up Bu!on
![Page 37: How the Psychology of Color Can Increase Your Website Conversions](https://reader030.vdocuments.mx/reader030/viewer/2022032420/55a572531a28ab19518b47cb/html5/thumbnails/37.jpg)
Charity Water Donate Now Bu!on
![Page 38: How the Psychology of Color Can Increase Your Website Conversions](https://reader030.vdocuments.mx/reader030/viewer/2022032420/55a572531a28ab19518b47cb/html5/thumbnails/38.jpg)
Lings Cars
![Page 39: How the Psychology of Color Can Increase Your Website Conversions](https://reader030.vdocuments.mx/reader030/viewer/2022032420/55a572531a28ab19518b47cb/html5/thumbnails/39.jpg)
Color Tips
2
![Page 40: How the Psychology of Color Can Increase Your Website Conversions](https://reader030.vdocuments.mx/reader030/viewer/2022032420/55a572531a28ab19518b47cb/html5/thumbnails/40.jpg)
Red
In competitive situations, a red background made people pay more.
Source: http://www.vt.edu/spotlight/innovation/2013-04-22-consumers/color.html
![Page 41: How the Psychology of Color Can Increase Your Website Conversions](https://reader030.vdocuments.mx/reader030/viewer/2022032420/55a572531a28ab19518b47cb/html5/thumbnails/41.jpg)
Blue
In negotiations, a red background decreased a consumer’s willingness to pay as compared to blue.
Source: http://www.vt.edu/spotlight/innovation/2013-04-22-consumers/color.html
![Page 42: How the Psychology of Color Can Increase Your Website Conversions](https://reader030.vdocuments.mx/reader030/viewer/2022032420/55a572531a28ab19518b47cb/html5/thumbnails/42.jpg)
Blue
In fixed price se!ings, consumers are more influenced by blue.
Source: http://www.vt.edu/spotlight/innovation/2013-04-22-consumers/color.html
![Page 43: How the Psychology of Color Can Increase Your Website Conversions](https://reader030.vdocuments.mx/reader030/viewer/2022032420/55a572531a28ab19518b47cb/html5/thumbnails/43.jpg)
Blue
Researcher says:
Source: http://www.vt.edu/spotlight/innovation/2013-04-22-consumers/color.html
“Because these consumers were also only competing with the seller, purchase likelihoods were lower with red backgrounds compared to blue, indicating that their willingness to pay may have been lower.”
![Page 44: How the Psychology of Color Can Increase Your Website Conversions](https://reader030.vdocuments.mx/reader030/viewer/2022032420/55a572531a28ab19518b47cb/html5/thumbnails/44.jpg)
Red & Blue
Red induces aggression relative to blue.
Source: http://www.vt.edu/spotlight/innovation/2013-04-22-consumers/color.html
![Page 45: How the Psychology of Color Can Increase Your Website Conversions](https://reader030.vdocuments.mx/reader030/viewer/2022032420/55a572531a28ab19518b47cb/html5/thumbnails/45.jpg)
What This Means For You
In competitive situations, test using a red background.
![Page 46: How the Psychology of Color Can Increase Your Website Conversions](https://reader030.vdocuments.mx/reader030/viewer/2022032420/55a572531a28ab19518b47cb/html5/thumbnails/46.jpg)
What This Means For You
For fixed-price scenarios, test using a blue background.
![Page 47: How the Psychology of Color Can Increase Your Website Conversions](https://reader030.vdocuments.mx/reader030/viewer/2022032420/55a572531a28ab19518b47cb/html5/thumbnails/47.jpg)
Color Psychology for Men and Women
Men and women vary in their color preferences
![Page 48: How the Psychology of Color Can Increase Your Website Conversions](https://reader030.vdocuments.mx/reader030/viewer/2022032420/55a572531a28ab19518b47cb/html5/thumbnails/48.jpg)
Men’s Favorite Colors
Source: http://www.joehallock.com/edu/COM498/preferences.html
![Page 49: How the Psychology of Color Can Increase Your Website Conversions](https://reader030.vdocuments.mx/reader030/viewer/2022032420/55a572531a28ab19518b47cb/html5/thumbnails/49.jpg)
Women’s Favorite Colors
Source: http://www.joehallock.com/edu/COM498/preferences.html
![Page 50: How the Psychology of Color Can Increase Your Website Conversions](https://reader030.vdocuments.mx/reader030/viewer/2022032420/55a572531a28ab19518b47cb/html5/thumbnails/50.jpg)
Women’s Favorite Colors
Source: http://www.joehallock.com/edu/COM498/preferences.html
![Page 51: How the Psychology of Color Can Increase Your Website Conversions](https://reader030.vdocuments.mx/reader030/viewer/2022032420/55a572531a28ab19518b47cb/html5/thumbnails/51.jpg)
Women’s Favorite Colors
Source: http://www.joehallock.com/edu/COM498/preferences.html
![Page 52: How the Psychology of Color Can Increase Your Website Conversions](https://reader030.vdocuments.mx/reader030/viewer/2022032420/55a572531a28ab19518b47cb/html5/thumbnails/52.jpg)
Gender Color Preferences
Source: http://www.ncbi.nlm.nih.gov/pubmed/2235253\
![Page 53: How the Psychology of Color Can Increase Your Website Conversions](https://reader030.vdocuments.mx/reader030/viewer/2022032420/55a572531a28ab19518b47cb/html5/thumbnails/53.jpg)
THANK YOU
Neil Patel Co-Founder KISSmetrics
@neilpatel
![Page 54: How the Psychology of Color Can Increase Your Website Conversions](https://reader030.vdocuments.mx/reader030/viewer/2022032420/55a572531a28ab19518b47cb/html5/thumbnails/54.jpg)
Questions?
Neil Patel Co-Founder KISSmetrics
!@neilpatel
Thue Madsen Marketing Associate
KISSmetrics !
@thuelmadsen