Boost website conversions using colour psychology
When it comes to developing a website that generates sales, it takes more than just words and images to stir up emotion and help persuade consumers to purchase products. This is where colour psychology comes in. A simple thing like colour can create a positive or negative user experience. It can greatly influences how we organize, identify and interpret sensory information in order to form an understanding of our environment. In fact, nearly 40% of visitors may not return to a website if they don’t like the appearance.
If you look at popular brands, you’ll see that colour schemes, the style of the website and the logo are all linked with each other. Those things affect our mood, develop our perception about things, and subconsciously convince us whether or not to take action. That’s why established brands put a lot of emphasis and a great deal of thought on the choice of colour they use to market their products and services. So, what can you do to improve conversions on your website?
Recognizing the impact colour psychology can have on marketing and branding, Design Advisor has put together the following infographic. It explores the ways in which colour — when used wisely — can drive conversion rate optimization for your website.
40 facts about how psychology of colours can help boost your website conversions
- A product assessment takes 90 seconds and between 62% and 90% of this judgement is based on colour alone.
- Colour impression is responsible for 60% of the acceptance or rejection of a product and 80% of brand recognition.
- For 84.7% of consumers, colour is the main reason for buying a particular product.
- 2/3 of consumers will not buy a large appliance unless it comes in their preferred colour.
As a marketing expert, a few years ago Heinz changed the colour of their signature ketchup from red to green and sold over 10 million bottles in the following 7 months, which led to US$23 million in sales. This was the highest sales increase in the brand’s history.
Shoppers and colours
When trying to convert impulse buyers, use colours such as Royal Blue, Black, Red-Orange. They’re commonly used in clearance sales, outlet malls and fast food establishments. For shoppers on a budget, colours like Navy-Blue and Teal work best. Banks and larger department stores typically use these. For traditional buyers, however, Pink, Rose, or Sky-Blue colour psychology works best, which are mostly found in clothing stores.
Preferences by gender
Women prefer softer colours and are more receptive to tints. Blues, violets and greens are most liked, while greys, browns and orange are disliked.
Men, on the other hand, prefer bold colours and are more likely to select shades of colours. Blues, greens and blacks are more liked over browns, orange and violet colours.
Colour psychology and brands
Red: Life, excitement, boldness
- Red increases the heart rate and creates urgency, that’s why it’s used in clearance sales.
- It’s the most emotional colour.
Popular colour choice for:
- Food
- Technology
- Transportation
- Agriculture
Questionable choice for:
- Healthcare
- Household Products/Services
Unpopular for:
- Energy
- Finance
- Airlines
- Clothing
Blue: Productivity, tranquility, trust
- The most commonly used colour in today’s websites and branding.
- Banks and businesses use it to communicate security to clients.
- Blue is favoured by 57% of men and 35% of women.
Popular colour choice for:
- Healthcare
- Energy
- Finance
- Airlines
- Agriculture
- Technology
Questionable choice for:
- Household Products/Services
Unpopular for:
- Clothing
- Food
- Automotive
Green: Growth, nature, harmony
- Frequently used to help customers relax.
Popular colour choice for:
- Energy
- Finance
- Food
- Household Products/Services
- Technology
Questionable choice for:
- Healthcare
Unpopular for:
- Clothing
- Airlines
- Automotive
Orange: Ambition, enthusiasm, confidence
- Great for calls to action (CTA) like sell, buy, or subscribe.
- Web colour orange, defined as #FFA500, is the only named colour defined in CSS that’s not also defined in HTML 4.01
Popular colour choice for:
- Healthcare
- Technology
Questionable choice for:
- Food
- Agriculture
- Household Products/Services
Unpopular for:
- Clothing
- Airlines
- Automotive
- Energy
- Finance
Black: Authority, power, elegance
- The most popular choice for marketing luxury products.
Popular colour choice for:
- Technology
- Clothing
- Automotive
Questionable choice for:
- Agriculture
- Household Products/Services
Unpopular for:
- Food
- Energy
- Finance
- Healthcare
White/silver: Perfection
- White in advertising is associated with coolness and cleanliness.
Popular colour choice for:
- Healthcare
- Clothing
- Cards
- Charity
Questionable choice for:
- Agriculture
- Airlines
- Household Products/Services
- Energy
- Technology
Unpopular for:
- Finance
- Food
Purple: Wealth, power, royalty
- Purple is most often found in anti-aging and beauty products.
Popular colour choice for:
- Healthcare
- Technology
- Finance
Questionable choice for:
- Airlines
- Household Products/Services
- Clothing
- Automotive
Unpopular for:
- Energy
- Agriculture
Yellow: Joy, energy, intellect
- Yellow is often associated with food.
- It’s used by brands to evoke cheerful feelings.
Popular colour choice for:
- Household Products/Services
- Energy
- Food
Questionable choice for:
- Agriculture
- Healthcare
Unpopular for:
- Airlines
- Clothing
- Automotive
- Finance
Colours and website conversions
Having poor website navigation and a poor overall design are the top reasons why online shoppers choose not to purchase from a particular website. 93% find the visual as the number one influencing factor affecting their purchasing decision. 42% of shoppers base their opinion of a website on overall design. And 52% won’t return to a website because of the overall aesthetics.
Call-to-action button colours
- Having a CTA leads to a 6.5% increased add-to-cart rate.
- CTAs boost overall conversion rates by 9%.
- 13.5% drive conversion rate increases in mobile users.
In practice, Red, Orange and Green are the best colours for conversions, but only if they stand out.
Source: https://designadvisor.net/blog/psychology-of-colors-infographic/
2 Comments
Comments are closed.