- January 15th, 2008
- 63 Comments
The more emotional a site design is, the more likely it is to evoke positive feelings within its visitors. To achieve a lasting impression, designers tend to use visual cues and offer some eye candy for hurried and hectic users. E.g. vibrant color schemes, photos and illustrations can be used to draw user’s attention to some specific site section.
But are there any further options? Yes, there are. Actually, mascots are traditional for sports competitions such as Football World Championship or Olympic Games. Mascot is a more or less nicely designed creature which is symbolic for something and is supposed to evoke sympathy and strengthen the sense of belonging to one single team.
Today mascots are used almost everywhere3 — e.g. by a number of software applications, groups and communties. It can also support the corporate identity for companies and services. Consequently, they are also becoming more and more popular in web designs.
What Do Mascots Look Like?
Animals and human-like creatures are used more frequently than some abstract creatures. The reason is quite trivial: users are more likely to associate their emotions with something they can easily recognize and find emotional binding to. Abstract creatures need to be studied and understood first. Most users don’t have the time and patience to do that. And that’s definitely not sometihng they are looking for in the first place. Still, abstract creatures are also possible.
As the carrier of positive feelings, mascots usually laugh and transport the feeling of joy, contentment and happiness. To leave a lasting impression, mascots have to look as cute, as sweet, as adorable, as pity and sometimes even as silly as possible. Unfortunately, most mascots have no names; however, having a name is rather usual for large communities as it can be easier referred to.
Some mascots are just hand-drawn illustrations, others are combined with a logo. They appear throughout the site and motivate users to some actions — e.g. to visit some site section or fill in the sign-up form.
Illustrations ≠ Mascots
Please notice that an illustration and a mascot aren’t the same thing. Joyent8 and HappyWebbies9 use creatures in the comic-style; they’re not mascots, as different creatures are displayed on different pages. Ellislabs10 also uses illustratoins, not mascots.
Mascots in Modern Web Design
A mascot can provide a site design with a fine and nice detail which the site would miss otherwise. This detail is used on private pages as often as in an online-shop or by a web-service. It’s important that the final mascot design is clean and fits to the overall site design. For instance, a laughing beaver doesn’t really help a site which tries to sell some underwater accessories.
We have collected a number of cute, well-designed and visually appealing mascots. The images are linked and lead to the pages from which they’ve been taken.
Should Smashing Magazine have a mascot?
We’d like to know your opinion. If yes, how should it look like? Please let us know in the comments!
- 1 http://www.gnu.org/graphics/agnuhead.html
- 2 http://www.gnu.org/graphics/agnuhead.html
- 3 http://en.wikipedia.org/wiki/List_of_mascots
- 4 http://www.livejournal.com/
- 5 http://www.livejournal.com/
- 6 http://www.yigg.de/
- 7 http://www.yigg.de
- 8 http://www.joyent.com
- 9 http://www.happywebbies.com/
- 10 http://ellislab.com/
- 11 http://www.joyeur.com/
- 12 http://www.happywebbies.com/
- 13 http://bobrdobr.ru
- 14 http://bobrdobr.ru
- 15 http://www.justinbird.com/
- 16 http://www.justinbird.com/
- 17 http://www.stoodeo.com/
- 18 http://www.stoodeo.com/
- 19 http://linksguy.com/
- 20 http://linksguy.com/
- 21 http://www.wishlistr.com/
- 22 http://www.wishlistr.com/
- 23 http://www.brentayers.com/
- 24 http://www.brentayers.com/
- 25 http://netnova.com.au/
- 26 http://netnova.com.au/
- 27 http://www.netmaths.net/
- 28 http://www.netmaths.net/
- 29 http://www.elitistsnob.com/
- 30 http://www.elitistsnob.com/
- 31 http://corkd.com/
- 32 http://corkd.com/
- 33 http://freelanceswitch.com/
- 34 http://freelanceswitch.com/
- 35 http://octwelve.com/
- 36 http://octwelve.com/
- 37 http://www.globalzoo.de/
- 38 http://www.globalzoo.de/
- 39 http://www.nuregime.com
- 40 http://www.nuregime.com
- 41 http://darkmotion.com
- 42 http://darkmotion.com
- 43 http://www.potatoparade.co.uk/
- 44 http://www.potatoparade.co.uk/
- 45 http://www.goanna-webdesign.com/
- 46 http://www.goanna-webdesign.com/
- 47 http://www.crayons.be/
- 48 http://www.crayons.be/
- 49 http://www.outshouts.com/
- 50 http://www.outshouts.com/
- 51 http://www.fluther.com/
- 52 http://www.fluther.com/
- 53 http://www.companions.com.au/
- 54 http://www.companions.com.au/
- 55 http://www.datejs.com
- 56 http://www.datejs.com
- 57 http://www.moourl.com/
- 58 http://www.moourl.com/
- 59 http://www.drweb.de/
- 60 http://www.drweb.de/
- 61 http://www.meinprof.de
- 62 http://www.meinprof.de
- 63 http://www.nrhrehab.org/About+NRH/Meet+Vic+our+Mascot/default.aspx
- 64 http://www.nrhrehab.org/About+NRH/Meet+Vic+our+Mascot/default.aspx
- 65 http://www.amiamivillage.com/
- 66 http://www.amiamivillage.com/
- 67 http://www.sourcebench.com
- 68 http://www.sourcebench.com
- 69 http://www.ask.com
- 70 http://www.ask.com
- 71 http://www.autoblog.com/2006/06/30/ask-dr-z-national-ad-campaign-for-chrysler-starts-tomorrow/
- 72 http://www.autoblog.com/2006/06/30/ask-dr-z-national-ad-campaign-for-chrysler-starts-tomorrow/