The Magic of Color on Your Website

music-website-color.jpg
 

Ever admired another music studio website - without really knowing what was great about it?

Have you ever been to a website that had a magnetic quality you couldn't quite explain?

There are a number of key elements in a great website, and some are so subtle that you don’t really notice them. One of those elements is color.

In this post, you’ll see some fantastic examples of websites that are using the power of color to create a sense of welcome and personality.

You’ll earn how much color is enough - and how much is too much.

You’ll be inspired to take another look at how you use color on your website.

 

The Power of Color

 
 

Color is uniquely powerful. It has the ability to affect our mood, our impressions, and our buying choices.

In fact, 84.7% of consumers claim that color influences their buying decisions.

We all know that red can be powerful or angry, and that green is calming.

But did you know that green also creates a sense of growth and stability?

Or that red, while it can communicate power or anger, is also exciting, courageous, and a good action color? (Think “book your trial lesson” buttons.)

Purple, while not as popular with men, creates an aura of luxury, creativity, and knowledge and is quite popular with women.

Blue encourages a sense of trust and honesty, and is often used by banks for that reason. It’s a popular color with both men and women.  

Yellow is optimistic, warm, and youthful, but can also be seen as jealous or weak.

Orange is confident and friendly, but can also be seen as aggressive or even cheap (not ideal if you want families to enroll in a high-end lesson program).

If you’re curious about what different colors mean, this article provides an interesting chart that explains what colors mean in different cultures.

So why does color matter on your website?

Pictures are worth a thousand words, so I’ll show you.

For the first few examples, I’ve created a sample website page to show you the differences in color use. This isn’t a real studio, so I'm not singling anyone out!

 

Not Enough Color

First, what does it look like when your website doesn’t have enough color?

 
 

 
music-studio-website-no-color.png
 

When I first built this page, I left the background and navigation bar white. It’s clean, simple, and straightforward. It’s not bad, and you probably wouldn’t notice the lack of color.

But look at it again. Do you notice that it’s missing sparkle? It’s a bit flat, and that’s because there is no color to tie the photo in with the rest of the page.

 

Too Much Color

Let’s go the other way.

Is it possible for your website to have too much color?

 
 

 
music-studio-website-color.png
 

The answer, as you can see above, is YES. It is possible to have so much color in your website that you overwhelm any content you want to draw attention to.

This is fairly common in older websites. Because our service is mainly meant for children, it’s easy to overdo the “playful” element by relying too heavily on color.

The trouble is that this really does date a website. The color tends to smother photos and text on the website, so parents will be more likely to skim over content.

 
music-studio-website-colors.png
 

Here’s another example, so you can see what another color combination looks like. Do your eyes hurt yet?

 

Color Magic

So what does great color balance look like in a studio website?

First, take a look at our sample website with just a single color that's coordinated with an element in the homepage photo.

 
 

 
music-studio-website-good-color.png
 

This color is great for this homepage because it pulls out the blue in the photo. And remember: blue is a color that represents honesty and inspires trust, so your brain is likely to be more receptive to this website.

For the next examples, I’m excited to show you actual studio websites that are doing a great job of using color to highlight their content.

 

 
sonata-piano-studio.png
 

Sonata Piano Studio in Windsor, Ontario uses just a small amount of well-placed color on their homepage. This bright, sunny yellow gives the entire page a modern, welcoming feel. It adds sparkle to their homepage and connects the visual dots in their design.

 

 
 Web design by Tiffany Creuzbaur

Web design by Tiffany Creuzbaur

 

This is Jubilee Music in Rogers, AR. It's immediately clear that their focus age group is quite young, and that's not just communicated through the sweet photo and tagline. The use of soft turquoise and bright yellow support the photo and tagline, leaving no doubt that this is a studio that offers something unique for young children.

 

 
red-cloud-studio.png
 

Red Cloud Studio in Chicago, IL uses color in a subtle, modern way. The combination of neutral tones and pops of bright color create an elegant, hip aesthetic.

I don't know about you, but I immediately want to see Red Cloud Studio in person!

 

Your Turn

Take a look at your website. If you could change one element of color, what would it be?

What is color doing for your website?

I'd love to hear from you!

 
Janna CarlsonComment