Injecting Personality in Your Web Designs

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?

Stephanie

15 Smart Tools To Help You Build Your Freelance Business

Discover the awesome tools we use in making our clients comfortable and happy in learning new things every day.

Download Now

Comments

  1. Dan says

    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.

  2. Duncan says

    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.

  3. Ashley says

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

  4. says

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

  5. Eliot says

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

  6. Stan says

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

  7. Alex says

    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!

  8. Gavin says

    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!

  9. Seth says

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

  10. Salman Olevel says

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

  11. says

    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!