Understand The Colors

The first thing that you need to understand is what feelings and emotions different colors evoke. There are varying interpretations of the different colors across different cultures and other contexts. Let us take a look at what we commonly associate with certain colors.

• Red – Attention, excitement, anger, love, warmth, life, blood
• Yellow – Happiness, competence, enthusiasm, wealth, sophistication.
• Green – Balance, good taste, envy, health, money, harmony.
• Orange - Passion, originality, and freshness
• Blue – Honesty, masculinity, competence, coldness, loyalty, trust, reliability.
• Pink – Feminist, love, compassion, sophistication, sincerity, romance, gentleness.
• Black – Grief, sophistication, expensive, intelligent, death, slimming.
• White – Purity, simplicity, order, innocence, cleanliness, neutrality

Choose Apt Colors for your Market and Products

First things first you should choose colors taking into consideration your target audience and the products you are selling.  Though you can see same emotions being associated with different colors you need to be extremely choosy while making use of colors. For instance we have associated love with both pink and red, however if you plan to sell products to both men and women choosing red over pink is advisable. If you are targeting only the fairer sex using pink might seem to be the right choice as this color is highly feminine. This is one reason most online stores selling dolls and other accessories for the girls have shades of pink in them.

Black is associated with sophistication and luxury and thus you will find most automobile sites make extensive use of black and grey shades on their online stores. This catches the attention of the premier segment of the target audience. Similarly one online store associated with medical supplies would make use of the color white extensively as it is associated with the profession and also cleanliness.

Color Harmony Is Important

A perfect color scheme is one where you get the perfect balance between the background and foreground colors in your website. By convention most sites make use of lighter shades of colors in the background and contrasting shades with the text and other elements in the website. However you can break the convention whenever required. For instance if you are selling LED bulbs using a dark background would make the site appear attractive.

Color harmony here becomes very important as all the shades must complement each other and not appear disconnected. You can make use of the color wheel to know the compatibility among different colors. This will also help you distinguish between warm and cool colors as they have variable effects on a person’s mood. Also keep the number of colors used to minimum and instead use different shades of the same colors wherever possible. The golden rule says you shouldn’t use more than three colors in designing your website. If you break the convention have a good reason to do so.

Use Isolation Effect to Draw Attention

Just imagine reading through some text book and suddenly you come across a word that is highlighted in a different color. It will immediately register in your mind and this is called the effect of isolation. So if you have a long product page that is displaying dozens of products to highlight any of these break the conventional color scheme of your site. You might have noticed this being used to highlight discounts and other special offers on a product.

Call To Action

Call to Action elements such as ‘Buy Now’, ‘Order Now’ act as the catalyst that converts lead into sales. Thus you should be extremely careful in choosing colors for these. They should attract the attention of the visitor as soon as they land on the page and thus using bright colors such as red or orange works best for these buttons. You can also use other shades that blend with your overall theme and other colors that are used in the online store. You can also use shadowy effects on these buttons with dark and light shades of the same color to create a 3D effect.

When it comes to choosing a color scheme for your ecommerce store you should look beyond your favorite shade. Colors can be the different between an average performing online store and well-known brand in the market.

About The Author

Mark Wilston works with PixelCrayons.com, an India-based outsourcing and consulting firm. PixelCrayons offers extended teams to its clients, helping them to reduce Time To Market (TTM) and enhance Return On Investment (ROI). With services such as eCommerce development and B2B web development, PixelCrayons helps clients define and leverage their offshore strategy, offering them “value for money”. One can hire eCommerce website developer here for effective eCommerce development services.

File Resolution: 2400 × 1800
File Format: PSD ( vector)
Keywords:  iPhone 5 PSD, phone, design template, flat design, mobile, mobile mockup, mobile application wireframe
Size: 74 KB  (zip)

File Resolution: 1280 × 1024
File Format: PSD ( vector)
Keywords:  box illustration, product icon, packaging design, design template
Size: 760 KB  (zip)

File Resolution: 1280 × 1024
File Format: PSD ( vector)
Keywords:  computer concept graphics, arrow icon, simple cursor icon, pixel hand pointer icon
Size: 3.77 MB  (zip)

File Resolution: 1280 × 1024
File Format: PSD ( vector)
Keywords:  Dark UI, Music player web kit, Music knob PSD
Size: 4.71 MB  (zip

File Resolution: 1280 × 1024
File Format: PSD ( vector)
Keywords:  Responsive design, web media, UI design for display design work, ipad PSD, iphone PSD
Size: 27.9 KB  (zip)

File Resolution: 1280 × 1024
File Format: PSD ( vector)
Keywords:  school, student, teacher, children, university, school supplies, chalkboard, study, blackboard, class, chalk drawing, education, draw, knowledge, wooden background, hand drawing, high resolution background, wooden background
Size: 5.05 MB  (zip)

File Resolution: 1280 × 1024
File Format: PSD ( vector)
Keywords: origami, bird, crane, paper, vector icon, illustration, icon, geometric, isolated, folded, dove, page, wing, fly, polygon, china, creative
Size: 768 KB  (zip)

File Resolution: 1280 × 1024
File Format: PSD ( vector)
Keywords: food icon, mobile apps icon, drink icon set, icon set, vector icons, web icon set, nutrition icon, spoon fork illustration, beverage icons
Size: 3.06 MB  (zip)

File Resolution: 1280 × 1024
File Format: PSD ( vector shape)
Keywords: 3d Object, check, check box, checklist, isolated mark, yes icon, three-dimensional, tick mark
Size: 786 KB  (zip)