Portfolio: Icons
Badges for Habr
Badges for social network with RPG elementsWeb 2.0 | Social Network
“Why don’t you draw us some badges!” – told us our friends from Habr. “No problem! We’ll get right to it!” – we responded – “BTW, what are the badges?” Later we learned that badges are some sort of pins just like icons that are used for awarding users for their merits.
Badges represent a system of awards available to habr-users for decorating them for certain achievements. Badges are given automatically and are visible in the users’ profiles. Help Manual / Harbahabr
We were given a list of possible badges:
- Author. User with over 10 published topics; rating of each topic should be over 50 points.
- Star. User with over 20 published topics; rating of each topic should be over 50 points.
- Legend. User with over 30 published topics; rating of each topic should be over 50 points.
- Commentator. User with 5 posted comments; rating of each comment should be over 50 points.
- Old-timer. User registered earlier than 3 years ago (at the time of measuring) with karma over 100.
- Podcaster. User with over 5 habred podcasts.
- Translator. User with over 5 habred translations.
- Humorist. User with over 5 published topics in the “Humor on site” section.
- Troll. User with karma less than -100.
- Habred. User with karma over 0.
- Habred-out. User with karma less than 0.
We spent quite some time thinking about badges: should they be like icons or medals or something else. Later Captain Obvious visited us opening our minds: we will draw badges as pins by using graphics with names! Why simple solutions come so hard?
In the process of sketching we were not completely sure about the metaphor for the Old-timer’s badge and we approached our colleagues from Thematic Media for help:
Here is our condition: Old-timer. User registered over 3 years ago (at the time of measuring) with karma over 100. In the essence these are very good and loyal Habr-users. Respected users. And the current version of the old-timer appears as an fluffy ET holding a sign when converted into vector.
Maybe you should work from something more manly, since these users have been around for over 3 years with karma over 100 and with respect gained from other users. We are talking about a handful of people who should not be ashamed of their badges but rather be proud of it. Maybe it will be a thousand times more obvious in curves but, guys, please avoid something as weird as this picture:
Laurentiy Kutsia, Thematic Media
As a result we drew the following sketches:
![]()
Once the sketches got approved, we carefully drew all the badges in the delicate Habra-palette:
![]()
You can take a look at the badges “in real life” in the list of people or in each individual habr-profile.
Project participants
- Denis Kortunov — Senior Designer
- Olesya Kozlova — Designer
Our Services
Many companies all around the world have already become our clients and are very pleased with the quality of our work. We are glad to offer the following services:
- Icon design for applications and websites
- Interface visual design: Windows, Mac OS, Web 2.0, Rich Internet Applications
- Logo and application icon design
- Development of characters
Please follow this link to learn more about the prices for our services. Should you have any questions related to our work process, you are most likely to find answers on our FAQ page.
If you are interested in our services or want to clarify on something, do not hesitate to send your message to info@turbomilk.com
Icons
Qt
Icons for mobile developers
Webka
Social Network Application Icon
Badoo
iPhone icons for mobile dating
Promethean
Cute avatars for a learning application
Intuit QuickBooks for Mac 2011
Financial application icons for Mac OS
Partouche
Extra-large icons on sports and casino
Badges for Habr
Badges for social network with RPG elements
Accela Mobile Office
Business icons for public servants on the move
Oversun-Scalaxy
Icons for a hosting and cloud computing company.
Begun
Pictograms for the leader of web context advertising
Intuit Customer Manager
Original style icons with special guidelines
GraphicRiver Web Set Icons
Icon set for web apps in three sizes
Holdet.dk
Icons for sport gaming portal
Livejournal.app
iPhone application icon
Ingeniux
Icons for content management system
Edopter
Large icon-illustrations for social trendcasting
Autokadabra
Icons for all the cars in the World
mIRC
New icons for old good IRC-client
Metrics
Icons for computer games developers
Storebrand
Large and beautiful icon-illustrations
Belkin Network USB Hub
Windows Vista style icons for strange device
ArrowModel
Realistic brushed metal icons
Interfaces
Characters
Sinbad
Noble thoroughbred Cat-aviator
Illustrations for Boonex
Cheerful little fellows as illustrations for the site
Olympic mascot
Vivid happy mittens
NetCat
Dancing cat turned into a CMS company character
Rabbit for 404 Festival
Sinister rabbit for a web developers’ festival
MrTour
Cheerful Mister Traveler
Framebase
Energized character and logo for a freelance designer from Norway
P.I.T. Positive
Positive pit bull for an animal protection website
Brain Slug for Habr
Illustrations for famous geek’s site
Smynx
Cute character for social network
Identity
LondonClasses.co.uk
Origami logos for a social network
MSDN TV
Developers’ TV network logo
Infocont
Enterprise Manufacturing Intelligence system logo
Kanobu
Logo for the Gaming Universe
Iconfinder
Logo-icon for search service
MashLogic
Firefox application logo
Dribbler
Character logo for a football fans community

