Attention visual designers! Are you interested in contributing to Mozilla, being part of an awesome worldwide community and having your work seen by a *lot* of people? If so, read on because we’re looking for help with a very cool new project.
Our Web Development team relies on community volunteers for help with a variety of things and would like to create a series of badges to recognize these contributors for their work. Specifically, they need badges that could be earned by the following actions on Github:
* fork a site repo
* submit a pull request
* one pull request merged
* 10 pull requests merged
* 25 pull requests merged
* 50 pull requests merged
* 100 pull requests merged
These will be part of the Open Badge project – a wider network of badges that are interoperable, shareable and contain metadata so people can easily learn more about how they’re earned. The only catch is that we need someone to design them. Interested? Read on after the jump for more details.
The project entails designing a series of seven badges to match the topics listed above. Christopher Appleton of the Mozilla Foundation has already developed a visual system for other Mozilla-related badges, so we would need you to both follow his general style and put your own creative twist on this particular project. I’ve included some specific design direction from him plus a reference image of the existing badges at the end of this post.
Here are the other key things to know:
* to submit designs, please upload your images to Flickr and tag them with webdevbadges. (This part is very important…we won’t see your submission if it’s not tagged properly.)
* designs are due on Monday, February 11.
* deliverables include 90×90 PNGs for each badge, with a maximum size of 256kb.
* curious as to where these badges will be used? They’ll go into a digital badge repository, and could be added to blogs using a WordPress plugin.
* be sure to follow Chris’ direction below. We do encourage you to bring your own creative sensibility to this project, but also want to make sure they fit within our larger system.
* if you have questions, please ask in the comments section of this post and we’ll respond as quickly as possible.
Variety and creativity are encouraged, but please do use these principles as your guide for the work.
• hexagonal shape
• strong, flat, bold colours
• crisp and clean, iconic graphics
• predominantly illustrative (photography should be used sparingly or not at all)
• Subtle textures optional (gloss, stitching, fabric)
• badges can be part of a set, or stand alone as individual pieces
• consistent use of the elements mentioned above will help tie the set together
• text should be avoided on the badge itself
• graphics should be legible at small sizes
• helpful to include a white border with subtle drop shadow to account for a variety of backgrounds on which it may appear