Saturday, 28 November 2009

Colour Consideration 01

Using Adobe Kuler I searched for contemporary and warm colour schemes. I would really like to make this website contemporary and trendy but also with a warm feel to it.


Content background
Highlighted elements


Background

Header Background

Colours

Warm Colors
  • Red: Red is one of the most powerful and attention-getting colors. Red symbolizes passion and fire, love and lust. It has been proven to raise blood pressure and cause perspiration. Red reflects energy and can motivate an individual to take action. It can also symbolize war, violence, blood, and aggression. Pink, however, is the softer side of red. Pink is romantic, calming and feminine.
  • Orange: Vibrant and warm, orange is associated with autumn, pumpkins and Halloween. It inherits many of the traits of red, but is less passionate. Orange has been known to stimulate the appetite. As a citrus color, it can also symbolize health.
  • Yellow: Yellow symbolizes sunshine and warmth. It can mean hope, light and energy. On the other hand, it can mean weakness or illness, or symbolize cowardice.

Neutral Colors

  • Black: Black can represent power, elegance, and sophistication, but it can also represent death (Western culture), evil, anger and sadness.
  • White: White represents cleanliness, purity, and spirituality. It represents life and marriage in Western cultures, but it represents death in Eastern cultures.
  • Grey: Grey is the combination of black and white. It is a conservative color. Grey can symbolize security, maturity and reliability, but it can also signify gloominess and sadness.
  • Brown: We like to classify brown as a "special" color. Sometimes brown can be used as a neutral and sometimes as a warm color. Either way, brown represents credibility and stability, the hearth, home and the earth.

Taken from: http://newark1.com/color/000055.html

Logo Revisited




How does the website make you feel?

By looking at my mood board the feelings that I get are...

  • Warm
  • Cosy
  • Retro feel
  • Contemporary

After speaking to Sally Bell, she advised me to research some Add Imagewebsites that also provoked these feelings.

I decided coffee shop websites would be a good place to start:

  • Costa Coffee

Feelings: warm, cosy, posh

I think they have managed to achieve this feeling by using the right imagery and the use of warm colours. Although I think the layout is a bit boring.

  • Starbucks

Feelings: trendy, retro, contemporary, clean

By using this black and white image of an old starbucks shop, which looks like it is in New York it instantly makes me feel a a bit retro and as if I am part of something trendy. The colours are kept neutral and cool and with a plain background, small things such as the WISH star in red stands out.

  • Irving Farm Coffe Company

Feelings: Rustic, warm, retro, country

The fonts used on free shipping and coffee company instantly make the website look retro, but my first instinct is that it is quite rustic as the imagery suggests this. Colours are neutral and add to the rustic feel using shades of browns.

Summary

  • To create a warm cosy feeling I must use the right colours and imagery
  • To create a retro feeling I must use the right typeface and imagery
  • To create a contemporary feeling I must keep the website clean and slightly neutral in colour

Logo Prototypes



Wireframes

First wireframe Mock up:

Site Map

Taking everything that I plan to incorporate into the site I designed a simple site map