Injecting Personality in Your Web Designs

Posted in Tips, Tools, Web Design • Posted on 17 Comments

If you want your websites to stand out from a sea of competitors, the easiest way to accomplish this is to give it a little personality. As web designers, we have the capability to tap into this human trait through well-conceived designs that forge an emotional connection with the visitor. How is this attribute achieved? In this article I will present ways you can inject personality into your web designs and create a memorable business solution for your client.

Visual Language

The visual language of a website plays a pivotal role in its personality. Is your site clean and minimal or bold and eye-catching? The way you define your website will help you in creating an effective visual language. Visual language is expressed by:

  • type choices
  • alignments
  • color usage
  • the overall design style

To better understand the potential of this trait, take a look at the following two corporate websites and how their visual language is defined through the above attributes. While neither of them is better than the other, you can pick up how the designer expressed the company’s vision through the site.

Capegemini presents a clean, slick visual language. The color blue is used predominately throughout the site – a good choice as it represents protection and wisdom – something a user is looking for in visiting this site.

Red Brick Health takes a softer approach on their website, choosing illustration to convey personality. The result is a feeling of warmth – an attribute visitors respond favorably to in visiting this health website.

Color

Color is a powerful tool that can affect our senses and be associated with feelings and ideas.  It’s said that reds, oranges, and yellows are associated with hunger, excitement, and warmth while cool colors such as blue and purple evoke calmness and serenity.  These feelings are tied to the overall experience we have with a brand and factor in largely to the decision making process.

Adding textures too can alter colors – a roughly textured surface makes a color seem darker, while a smooth surface lightens the same color.

Consider the following feelings evoked by the corresponding color:

  • Red – Energy, strength, passion
  • Pink – Romance, love, friendship, femininity,
  • Orange – warmth, energy, balance, enthusiasm,
  • Brown – friendships, special events, earth,
  • Gold – wealth, god, winning, safety, masculine power,
  • Yellow – sun, intelligence, light, accelerated learning,
  • Green – earth mother, physical healing, monetary success,
  • Blue – good fortune, communication, wisdom, protection,
  • Purple : influence, third eye, psychic ability, spiritual power,
  • White : spirituality, goddess, peace, higher self, purity,
  • Silver : glamour, distinguished, high-tech, industrial,
  • Grey : security, reliability, intelligence, staid, modesty,
  • Black : protection, repelling negativity, binding,

Resources:
Color Theory

Color Scheme Designer

Color Psychology in Online Marketing

The social networking site Twitter has designed a look and feel for their site to make visitors feel at ease. The color blue is a nice choice here, as it enhances productivity and makes you feel relaxed and trusting. It’s no surprise that a lot of companies use blue when designing their logos.

Twitter

Atmosphere

Atmosphere contributes a lot to one’s emotions. When you walk into a restaurant or café, you’re probably formulating in your head impressions you have about the particular establishment. The same is true for the web. Atmosphere is created through a number of elements including color, texture and organization. Whether fun and family friendly or elegant and professional, the atmosphere should give the viewer a taste of what your business has to offer.

When you think of coffee shop websites and how they engage users you may think of close-up shots of coffee or large static images of customers enjoying the atmosphere. The designers of Melitta knew this and made some intelligent decisions to really push the environment of the shop. What better way to get the user involved in your product then by putting them into the scene?

Melitta redefines what it’s like to enjoy coffee by putting us at eye level with the rest of the shop patron’s, making us feel included and like we’re enjoying the coffee ourselves. With a large view of the shop’s exterior and by watching the patrons move and enjoy the experience, we are given an insight into the culture and experience of Melitta before we even step foot in the door.

Texture

Texture is another element used in design to evoke a feeling and contribute to the overall experience. If used correctly it can evoke memories – the emotional reaction of seeing a texture can conjure up images of how we felt about it when first experiencing it.

Cure

Peter Granfors

Resources
CG Textures

25 Excellent Photoshop Texture Tutorials

Designing a Website with Personality

  • Incorporate original and unique graphics. Through large or slightly quirky graphics you can help your website stand out from the competition.
  • Use confident opening statements, catchphrases and/or interesting summaries to catch the attention of your audience. Most visitors will only read a small percentage of text on any given page, so use original language to emphasize your differences.
  • Keep things organized. If a visitor can’t see past the first page due to untidy navigation, chances are they won’t stay around much longer after that.
  • Experiment with non-traditional color combinations. You want to user to feel engaged, but keep readability in the back of your mind too.

Related Links
Personality Culture History
Designing Websites with Personality

Conclusion

As designers we have the ability to think outside pure functionality concerns and creating websites that forge emotional bonds with the viewer. Of course, you should have a solid strategy in place for what the site will achieve, but personality is one way of helping your design cut through the clutter and reap rewards for your clients. What are some ways you show personality in your web designs?

14 Written Articles

17 Comments Best Comments First
  • John

    Wednesday, July 13th, 2011 16:22

    1

    There is so much junk out there now that a good design does really sell your business. The great thing is it takes money to invest into these websites and people do not have it. So if you do then you really set your self apart!

    0
  • Alex

    Friday, July 15th, 2011 00:04

    7

    Adding personality to a website can be a double edged sword, particularly if the personality you’re displaying doesn’t click with the viewer! For example, the other day I came across a website for a web design company that had a load of chicks (baby chickens) all over the front page… bizarre!

    0
  • Michael Francis

    Friday, July 15th, 2011 21:13

    8

    Great article, and examples.

    0
  • Gavin

    Thursday, July 14th, 2011 11:55

    6

    Great post, i’m a firm believer of all the above. I love the use of textures and patterns to bring a design to life. Nothing beats a design that has a lot of thought, care and attention put into it, certainly separates it from the crowd!

    0
  • Salman Olevel

    Wednesday, July 13th, 2011 12:15

    2

    Atmosphere and texture for the win \m/
    Thanks for an awesome post!

    0
  • Singh

    Wednesday, July 13th, 2011 14:21

    3

    Excellent post, Great one!!

    0
  • Seth

    Thursday, July 14th, 2011 01:34

    4

    Slight typo-
    “Through large or slightly quirky graphics you can held your website stand out from the competition.” Should be help instead of held. :-)

    0
  • Stan

    Saturday, July 16th, 2011 08:45

    9

    Nice inspirations, specially the author described more facts about the colors. Thanks for posting

    0
  • Eliot

    Saturday, July 16th, 2011 08:47

    10

    This seems so goood. A lot of informations abt color under a hood.
    Thanks buddy

    0
  • Dan

    Saturday, March 3rd, 2012 00:00

    16

    Nice article, always suprising how many designers don’t understand the basics of colour. When we created our website we aimed for a warm, contemporary feel with a the wood effect. You don’t see many sites using wood.

    0
  • Christina Cruz

    Thursday, April 12th, 2012 16:44

    17

    Great article and examples. Thank you.

    0
  • robin

    Tuesday, October 11th, 2011 16:28

    15

    amazing collection you sharing. thanks

    0
  • Joel A. Glovier

    Thursday, September 8th, 2011 20:46

    14

    Hey thanks for featuring our work on CURE.org in your post!!

    0
  • Bud Kraus

    Sunday, July 17th, 2011 23:08

    11

    Very thought provoking. Really like what you had to say about color.
    I’m going to tweet this because it’s worth it.

    0
  • Ashley

    Tuesday, July 19th, 2011 22:14

    12

    Very informative Post. Adds a much needed creative prospective to include in our design efforts.

    0
  • Duncan

    Wednesday, August 3rd, 2011 17:13

    13

    I guess the reason wh anyone or any business designs a website is to portray an image of who they are.Its actually amazing how using the features stated above in your article,one can display the kind of person they are.

    0
  • Christina Cruz

    Thursday, April 12th, 2012 16:44

    17

    Great article and examples. Thank you.

    0
  • Dan

    Saturday, March 3rd, 2012 00:00

    16

    Nice article, always suprising how many designers don’t understand the basics of colour. When we created our website we aimed for a warm, contemporary feel with a the wood effect. You don’t see many sites using wood.

    0
  • robin

    Tuesday, October 11th, 2011 16:28

    15

    amazing collection you sharing. thanks

    0
  • Joel A. Glovier

    Thursday, September 8th, 2011 20:46

    14

    Hey thanks for featuring our work on CURE.org in your post!!

    0
  • Duncan

    Wednesday, August 3rd, 2011 17:13

    13

    I guess the reason wh anyone or any business designs a website is to portray an image of who they are.Its actually amazing how using the features stated above in your article,one can display the kind of person they are.

    0
  • Ashley

    Tuesday, July 19th, 2011 22:14

    12

    Very informative Post. Adds a much needed creative prospective to include in our design efforts.

    0
  • Bud Kraus

    Sunday, July 17th, 2011 23:08

    11

    Very thought provoking. Really like what you had to say about color.
    I’m going to tweet this because it’s worth it.

    0
  • Eliot

    Saturday, July 16th, 2011 08:47

    10

    This seems so goood. A lot of informations abt color under a hood.
    Thanks buddy

    0
  • Stan

    Saturday, July 16th, 2011 08:45

    9

    Nice inspirations, specially the author described more facts about the colors. Thanks for posting

    0
  • Michael Francis

    Friday, July 15th, 2011 21:13

    8

    Great article, and examples.

    0
  • Alex

    Friday, July 15th, 2011 00:04

    7

    Adding personality to a website can be a double edged sword, particularly if the personality you’re displaying doesn’t click with the viewer! For example, the other day I came across a website for a web design company that had a load of chicks (baby chickens) all over the front page… bizarre!

    0
  • Gavin

    Thursday, July 14th, 2011 11:55

    6

    Great post, i’m a firm believer of all the above. I love the use of textures and patterns to bring a design to life. Nothing beats a design that has a lot of thought, care and attention put into it, certainly separates it from the crowd!

    0
  • Seth

    Thursday, July 14th, 2011 01:34

    4

    Slight typo-
    “Through large or slightly quirky graphics you can held your website stand out from the competition.” Should be help instead of held. :-)

    0
  • Singh

    Wednesday, July 13th, 2011 14:21

    3

    Excellent post, Great one!!

    0
  • Salman Olevel

    Wednesday, July 13th, 2011 12:15

    2

    Atmosphere and texture for the win \m/
    Thanks for an awesome post!

    0
  • John

    Wednesday, July 13th, 2011 16:22

    1

    There is so much junk out there now that a good design does really sell your business. The great thing is it takes money to invest into these websites and people do not have it. So if you do then you really set your self apart!

    0

Comments are closed.

54.226.7.15 - unknown - unknown - US