{"id":1597,"date":"2016-11-10T15:07:44","date_gmt":"2016-11-10T23:07:44","guid":{"rendered":"http:\/\/www.smarttofinish.com\/Blog\/?p=1389"},"modified":"2017-10-19T15:43:26","modified_gmt":"2017-10-19T15:43:26","slug":"web-design-and-the-psychology-of-color","status":"publish","type":"post","link":"https:\/\/smarttofinish.com\/Blog\/2016\/11\/10\/web-design-and-the-psychology-of-color\/","title":{"rendered":"Web Design and the Psychology of Color"},"content":{"rendered":"

Have you spent hours working on the perfect website only to find out your conversion rate is kind of lame? You’ve done some A\/B testing on layout and content but nothing seems to be working…<\/p>\n

Have you tried changing the colors?<\/strong><\/p>\n

Studying and understanding the psychology of color is critical when it comes to maximizing your websites overall design. Getting your color scheme right can help compel customers to take action by grabbing their attention and triggering the right emotions needed complete the sale. But take note… it’s not as simple as changing the color of a button to red or a header to blue. While color can mean something to every person, it’s meaning can vary from person to person depending on their personal preferences and cultural background.<\/p>\n

Let’s take a brief look at our STF color chart… it will give you a general understanding of how colors can make us feel:<\/p>\n

\"psychology<\/a><\/p>\n

The color of psychology goes beyond changing the colors on your website. You really need to take your whole brand into account. Below we’ve listed a number of companies who have built their entire brands around specific colors.<\/p>\n

Orange (companies that want to express a fun, cheerful, and confident culture) – Nickelodeon, Amazon, Fanta, and Shutterfly<\/span>
\nRed (companies that want to express a exciting and bold culture) – Coca Cola, Netflix, Target, and Lego<\/span>
\nBlue (companies that want to express a more dependable and trustful culture) – Dell, Lowes, AT&T, and Pfizer<\/span><\/p><\/blockquote>\n

Have you thought about how you want your brand to be expressed? Do you consider your company fun and bright like Nickelodeon, or dependable and strong like Lowes? If your company is actually a luxurious purple company, it doesn’t really make sense for your site to be bright red. Start off with some purple accents and backgrounds then work in some blues and greens to help buttons and other calls-to-action stand out. Don’t go overboard on the color options, keep it simple. Stick with 2-5 colors, tops! If you’ve got a whole rainbow on your site, all you’re going to do is confuse people.<\/p>\n

In all reality, figure out what your color palette is and what might attract your niche market the most. If you’re having a hard time trying to figure out what your brand personality is and how you should update your site colors, shoot us a note<\/a> \ud83d\ude42 We love helping companies show their true colors to the world!<\/p>\n","protected":false},"excerpt":{"rendered":"

Have you spent hours working on the perfect website only to find out your conversion rate is kind of lame? You’ve done some A\/B testing on layout and content but nothing seems to be working… Have you tried changing the colors? Studying and understanding the psychology of color is critical when it comes to maximizing […]<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","_exactmetrics_skip_tracking":false,"_exactmetrics_sitenote_active":false,"_exactmetrics_sitenote_note":"","_exactmetrics_sitenote_category":0,"footnotes":""},"categories":[17,19,258],"tags":[253,254,255,256,257,259,260,261],"class_list":["post-1597","post","type-post","status-publish","format-standard","hentry","category-blog","category-internet-marketing","category-web-design","tag-color","tag-color-on-websites","tag-psychology-of-color","tag-psychology-of-color-in-marketing","tag-psychology-of-color-in-web-design","tag-web-design","tag-web-design-and-color","tag-website-color-design"],"yoast_head":"\nWeb Design and the Psychology of Color<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/smarttofinish.com\/Blog\/2016\/11\/10\/web-design-and-the-psychology-of-color\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Web Design and the Psychology of Color\" \/>\n<meta property=\"og:description\" content=\"Have you spent hours working on the perfect website only to find out your conversion rate is kind of lame? You’ve done some A\/B testing on layout and content but nothing seems to be working… Have you tried changing the colors? Studying and understanding the psychology of color is critical when it comes to maximizing […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/smarttofinish.com\/Blog\/2016\/11\/10\/web-design-and-the-psychology-of-color\/\" \/>\n<meta property=\"og:site_name\" content=\"Smart To Finish Office Solutions, LLC\" \/>\n<meta property=\"article:publisher\" content=\"http:\/\/www.facebook.com\/delegationdiva\/\" \/>\n<meta property=\"article:published_time\" content=\"2016-11-10T23:07:44+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2017-10-19T15:43:26+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/www.smarttofinish.com\/Blog\/wp-content\/uploads\/2016\/11\/psychology-of-color-chart-300x266.png\" \/>\n<meta name=\"author\" content=\"Amber Miller\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@delegationdiva\" \/>\n<meta name=\"twitter:site\" content=\"@delegationdiva\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Amber Miller\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/smarttofinish.com\/Blog\/2016\/11\/10\/web-design-and-the-psychology-of-color\/\",\"url\":\"https:\/\/smarttofinish.com\/Blog\/2016\/11\/10\/web-design-and-the-psychology-of-color\/\",\"name\":\"Web Design and the Psychology of Color\",\"isPartOf\":{\"@id\":\"https:\/\/smarttofinish.com\/Blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/smarttofinish.com\/Blog\/2016\/11\/10\/web-design-and-the-psychology-of-color\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/smarttofinish.com\/Blog\/2016\/11\/10\/web-design-and-the-psychology-of-color\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/www.smarttofinish.com\/Blog\/wp-content\/uploads\/2016\/11\/psychology-of-color-chart-300x266.png\",\"datePublished\":\"2016-11-10T23:07:44+00:00\",\"dateModified\":\"2017-10-19T15:43:26+00:00\",\"author\":{\"@id\":\"https:\/\/smarttofinish.com\/Blog\/#\/schema\/person\/28cbe0b070f5e2ab81ec607dd1de5433\"},\"breadcrumb\":{\"@id\":\"https:\/\/smarttofinish.com\/Blog\/2016\/11\/10\/web-design-and-the-psychology-of-color\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/smarttofinish.com\/Blog\/2016\/11\/10\/web-design-and-the-psychology-of-color\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/smarttofinish.com\/Blog\/2016\/11\/10\/web-design-and-the-psychology-of-color\/#primaryimage\",\"url\":\"http:\/\/www.smarttofinish.com\/Blog\/wp-content\/uploads\/2016\/11\/psychology-of-color-chart-300x266.png\",\"contentUrl\":\"http:\/\/www.smarttofinish.com\/Blog\/wp-content\/uploads\/2016\/11\/psychology-of-color-chart-300x266.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/smarttofinish.com\/Blog\/2016\/11\/10\/web-design-and-the-psychology-of-color\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/smarttofinish.com\/Blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Web Design and the Psychology of Color\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/smarttofinish.com\/Blog\/#website\",\"url\":\"https:\/\/smarttofinish.com\/Blog\/\",\"name\":\"Smart To Finish Office Solutions, LLC\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/smarttofinish.com\/Blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/smarttofinish.com\/Blog\/#\/schema\/person\/28cbe0b070f5e2ab81ec607dd1de5433\",\"name\":\"Amber Miller\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/smarttofinish.com\/Blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/eb34b8f941f3373526e36931680a195a6178cae77ba99fc40eb402c2155ab18b?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/eb34b8f941f3373526e36931680a195a6178cae77ba99fc40eb402c2155ab18b?s=96&d=mm&r=g\",\"caption\":\"Amber Miller\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Web Design and the Psychology of Color","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/smarttofinish.com\/Blog\/2016\/11\/10\/web-design-and-the-psychology-of-color\/","og_locale":"en_US","og_type":"article","og_title":"Web Design and the Psychology of Color","og_description":"Have you spent hours working on the perfect website only to find out your conversion rate is kind of lame? You’ve done some A\/B testing on layout and content but nothing seems to be working… Have you tried changing the colors? Studying and understanding the psychology of color is critical when it comes to maximizing […]","og_url":"https:\/\/smarttofinish.com\/Blog\/2016\/11\/10\/web-design-and-the-psychology-of-color\/","og_site_name":"Smart To Finish Office Solutions, LLC","article_publisher":"http:\/\/www.facebook.com\/delegationdiva\/","article_published_time":"2016-11-10T23:07:44+00:00","article_modified_time":"2017-10-19T15:43:26+00:00","og_image":[{"url":"http:\/\/www.smarttofinish.com\/Blog\/wp-content\/uploads\/2016\/11\/psychology-of-color-chart-300x266.png","type":"","width":"","height":""}],"author":"Amber Miller","twitter_card":"summary_large_image","twitter_creator":"@delegationdiva","twitter_site":"@delegationdiva","twitter_misc":{"Written by":"Amber Miller","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/smarttofinish.com\/Blog\/2016\/11\/10\/web-design-and-the-psychology-of-color\/","url":"https:\/\/smarttofinish.com\/Blog\/2016\/11\/10\/web-design-and-the-psychology-of-color\/","name":"Web Design and the Psychology of Color","isPartOf":{"@id":"https:\/\/smarttofinish.com\/Blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/smarttofinish.com\/Blog\/2016\/11\/10\/web-design-and-the-psychology-of-color\/#primaryimage"},"image":{"@id":"https:\/\/smarttofinish.com\/Blog\/2016\/11\/10\/web-design-and-the-psychology-of-color\/#primaryimage"},"thumbnailUrl":"http:\/\/www.smarttofinish.com\/Blog\/wp-content\/uploads\/2016\/11\/psychology-of-color-chart-300x266.png","datePublished":"2016-11-10T23:07:44+00:00","dateModified":"2017-10-19T15:43:26+00:00","author":{"@id":"https:\/\/smarttofinish.com\/Blog\/#\/schema\/person\/28cbe0b070f5e2ab81ec607dd1de5433"},"breadcrumb":{"@id":"https:\/\/smarttofinish.com\/Blog\/2016\/11\/10\/web-design-and-the-psychology-of-color\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/smarttofinish.com\/Blog\/2016\/11\/10\/web-design-and-the-psychology-of-color\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/smarttofinish.com\/Blog\/2016\/11\/10\/web-design-and-the-psychology-of-color\/#primaryimage","url":"http:\/\/www.smarttofinish.com\/Blog\/wp-content\/uploads\/2016\/11\/psychology-of-color-chart-300x266.png","contentUrl":"http:\/\/www.smarttofinish.com\/Blog\/wp-content\/uploads\/2016\/11\/psychology-of-color-chart-300x266.png"},{"@type":"BreadcrumbList","@id":"https:\/\/smarttofinish.com\/Blog\/2016\/11\/10\/web-design-and-the-psychology-of-color\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/smarttofinish.com\/Blog\/"},{"@type":"ListItem","position":2,"name":"Web Design and the Psychology of Color"}]},{"@type":"WebSite","@id":"https:\/\/smarttofinish.com\/Blog\/#website","url":"https:\/\/smarttofinish.com\/Blog\/","name":"Smart To Finish Office Solutions, LLC","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/smarttofinish.com\/Blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/smarttofinish.com\/Blog\/#\/schema\/person\/28cbe0b070f5e2ab81ec607dd1de5433","name":"Amber Miller","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/smarttofinish.com\/Blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/eb34b8f941f3373526e36931680a195a6178cae77ba99fc40eb402c2155ab18b?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/eb34b8f941f3373526e36931680a195a6178cae77ba99fc40eb402c2155ab18b?s=96&d=mm&r=g","caption":"Amber Miller"}}]}},"_links":{"self":[{"href":"https:\/\/smarttofinish.com\/Blog\/wp-json\/wp\/v2\/posts\/1597","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/smarttofinish.com\/Blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/smarttofinish.com\/Blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/smarttofinish.com\/Blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/smarttofinish.com\/Blog\/wp-json\/wp\/v2\/comments?post=1597"}],"version-history":[{"count":1,"href":"https:\/\/smarttofinish.com\/Blog\/wp-json\/wp\/v2\/posts\/1597\/revisions"}],"predecessor-version":[{"id":2149,"href":"https:\/\/smarttofinish.com\/Blog\/wp-json\/wp\/v2\/posts\/1597\/revisions\/2149"}],"wp:attachment":[{"href":"https:\/\/smarttofinish.com\/Blog\/wp-json\/wp\/v2\/media?parent=1597"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/smarttofinish.com\/Blog\/wp-json\/wp\/v2\/categories?post=1597"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/smarttofinish.com\/Blog\/wp-json\/wp\/v2\/tags?post=1597"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}