• Skip to primary navigation
  • Skip to content
  • Skip to primary sidebar
  • Skip to footer

Mallee Blue Media - Web Design and Management Services

Australian Web Site Design and Site Management for Australian Small Business

  • HOME
  • WEB DESIGN
  • SITE SERVICES
  • AGENCY SERVICES
  • BLOG
  • ABOUT US
  • CONTACT US
How Web Design Colour Affects Conversion

How Web Design Colour Affects Conversion

Updated - October 14, 2018 By Mallee Blue 3 Comments

The Psychology of colour in marketing has a long history. From MacDonald’s, “Make you feel Hungry”, red and yellow, to Pepsi’s, “All American you-can-trust-us for a good time”, colour and logo design, everybody is making choices every day based on colour and perception in marketing design.

Web design for a small business is no exception. Studies have shown that not only the site structure but also the colour and combination of patterns and colour affect consumer behaviour.

As a small business website owner, it pays to know how your web design colours impact your audience.

Do Colours Affect website Conversions and Sales?

How much thought do you put in to your small business web design? You spend time planning the pages, the categories and the keywords. Then comes the difficult task of putting the colour in. How do you decide what is best for your industry or niche?

Colour does impact conversion, sales, time on page and much more.

How Web Design Colour Effects Customer Conversion

When choosing the colours for your website logo and design, you need to keep your visitors in mind as well as the type of business you are conducting.

Some colour themes are obvious. Red and Yellow create an appetite. Green is one of the most trustworthy colours and is used by those in the health and environmental fields.

Black represents sophistication and elegance. Use the chart below as a guide to how your colours might be perceived by your website visitors.

Website Colours Associated With Trust

Is all your online effort believable? You can write till the cows come home and you can make all the wild claims and tremendous promises in the world, but your colours speak louder than words.

The signifiance of a colour can also change according to certain other associations. For example, yellow is considered the happiest colour in the spectrum. It’s also typical of shonky used car dealers and cheap store sales.

colours in web design associated with trust

Thanks to http://www.joehallock.com/edu/COM498/associations.html for this research.

Your small business web design and eCommerce store is communicating something. Not only with language, but with colours, position, style and fonts. We all have cultural as well as natural associations with various colours.

This is true for all of the design elements on your site, including logo. branding, product images, calls-to-action and more.

One way to experiment with the colour set you are interested in is to use a colour tool like Logojoy’s logo design tool. Using an online tool to develop logo and branding concepts allows you to experiment with logo colour ideas.

Moving on…

Horizontal lines tend to depict stability while vertical lines tend to evoke masculinity, strength and dynamism.

Red has a temper, is reactive and spontaneous. Got the Picture? For some nice colour combination experiments, try the ColorCombo site.

awesome-web-design-using-colour

Tips on Choosing Colours for Your Website

For most websites, minimal colour is best. Two or Three Colours is plenty. Remember, you want your website calls to action to stand out so:

  • Only use one colour for buttons and clickable media
  • Keep the colour scheme consistent. Headings that are blue today should be blue tomorrow
  • Maintain plenty of white space (or, for a darker site, empty space)

Consider your Target Audience in Terms of:

  • Gender
  • Age
  • Interests

And consider which Colours are most naturally associated with your product or service.

colour rules for website design

As a general rule, most designer begin with the 60 | 30 | 10 rule which is often used by interior designers and those in the fashion industry.

The idea is to choose three colours and use them in that ratio.

  • The 60% will be the main colour of your landing page, blog or website. It’s going to be the colour that all the other colours dance around
  • The 30% needs to be in stark contrast to the main theme colour.
  • It’s going to be used for things like buttons and calls to action to contrast with the 60% to create a visually striking effect.
  • The final 10% is your ‘accent colour’, which should complement either your primary or secondary colour.

In conventional design wisdom, it’s safer to make either the 60% or 30% a ‘neutral’ colour (white, grey, beige, black and so on). This gives you the maximum number of options when choosing your other two colours, because neutral elements will generally go with anything.

  • Author Details
  • More from this Author
Mallee Blue
At Mallee Blue Media we focus on business growth, marketing and management.

See a subject we haven’t covered? Contact Us and let us know what you would like us to write about.

Hey, maybe you could write it for us!
  • How to connect social media to Your Business Website
    7 Tips to Connect Social Media to Your Business Website
    February 17, 2019
    Mallee Blue
  • MBM Featured 7 Tips to Improve Your Business Marketing Research Skills
    7 Tips to Improve Your Business and Marketing Research Skills
    January 8, 2019
    Mallee Blue
  • MBM Featured How Technology is Empowering Consumers in the 21st Century
    How Technology is Empowering 21st Century Consumers
    December 21, 2018
    Mallee Blue
  • cyber security and AI
    The Role of Artificial Intelligence in Cybersecurity
    September 17, 2018
    Mallee Blue

Related Posts:

  • 10 Web Design Tricks For High Converting Websites10 Web Design Tricks For High Converting Websites
  • 2017 Small Business Web Design and UX Trends2017 Small Business Web Design and UX Trends

Filed Under: Web Design Trends

Comments

  1. Fred says

    November 13, 2015 at 1:37 pm

    Some directories have default descriptions for particular categories. If you have a great product that somehow never seems to get the attention that it deserves, it may be that by creating a landing page and a campaign to drive traffic to that page is all you require, rather than a full website build and optimisation of every page on the website. Ranking for keywords isn’t an easy task, especially if the word you’re looking for is competitive.

    Reply
  2. Alicia Ayden says

    December 31, 2015 at 11:16 am

    Fantastic post about web design. If you want a web design that could bring better sales, then choose UK Logos web design service.

    Reply
  3. Outright Logos says

    January 30, 2016 at 6:34 am

    Excellent post.

    Reply

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Sign up for Exclusive Traffic, Link Building and Marketing Tips


Browse Topics

  • Business Trends
  • Digital Marketing
  • Web Design
  • Customer Focus
  • Social Media
  • Writing Tips and Tricks
wordpress site migration service

Latest from our Authors

7 Tips to Connect Social Media to Your Business Website

February 17, 2019Mallee Blue

7 Tips to Connect Social Media to Your Business Website

The No-Nonsense Guide to Building Your First eCommerce Store

February 15, 2019Michelle Deery

The No-Nonsense Guide to Building Your First eCommerce Store

7 Tips to Improve Your Business and Marketing Research Skills

January 8, 2019Mallee Blue

7 Tips to Improve Your Business and Marketing Research Skills

How Technology is Empowering 21st Century Consumers

December 21, 2018Mallee Blue

How Technology is Empowering 21st Century Consumers

  • Site Services
  • Agency Services
  • Schedule a Consultation
Phone: (Aust +61) 2 800 649 55
  • Web Design Service
  • Blog
  • Privacy, Terms and Conditions
  • Facebook
  • Google+
  • LinkedIn
  • Pinterest
  • RSS
  • Twitter
  • YouTube
DMCA.com Protection Status
  • Contact Us
  • About Mallee Blue Media
  • Digital Marketing Tools for Business
Phone: (Aust +61) 414 355 522

· Mallee Blue Media. A Web Designer and Site Management Service Company ·

· Copyright © 2019 · Australia · P +61 2 8006 4955 · ABN: 363 34370 438 ·