{"id":63,"date":"2013-01-23T06:42:47","date_gmt":"2013-01-23T06:42:47","guid":{"rendered":"http:\/\/blog.mozilla.org\/creative\/?p=63"},"modified":"2013-04-08T20:36:40","modified_gmt":"2013-04-08T20:36:40","slug":"community-design-mozilla-contributor-badges","status":"publish","type":"post","link":"https:\/\/blog.mozilla.org\/creative\/2013\/01\/23\/community-design-mozilla-contributor-badges\/","title":{"rendered":"Community Design: Mozilla Contributor Badges"},"content":{"rendered":"<p>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&#8217;re looking for help with a very cool new project.<\/p>\n<p>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:<\/p>\n<p>* fork a site repo<br \/>\n* submit a pull request<br \/>\n* one pull request merged<br \/>\n* 10 pull requests merged<br \/>\n* 25 pull requests merged<br \/>\n* 50 pull requests merged<br \/>\n* 100 pull requests merged<\/p>\n<p>These will be part of the <a href=\"https:\/\/wiki.mozilla.org\/Badges\" target=\"_blank\">Open Badge project<\/a> &#8211; a wider network of badges that are interoperable, shareable and contain metadata so people can easily learn more about how they&#8217;re earned. The only catch is that we need someone to design them. Interested? Read on after the jump for more details.<\/p>\n<p><!--more--><\/p>\n<p>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&#8217;ve included some specific design direction from him plus a reference image of the existing badges at the end of this post.<\/p>\n<p>Here are the other key things to know:<br \/>\n* to submit designs, please upload your images to <a href=\"http:\/\/www.flickr.com\" target=\"_blank\">Flickr<\/a> and tag them with <em>webdevbadges<\/em>. (This part is very important&#8230;we won&#8217;t see your submission if it&#8217;s not tagged properly.)<br \/>\n* designs are due on <strong>Monday, February 11<\/strong>.<br \/>\n* deliverables include 90&#215;90 PNGs for each badge, with a maximum size of 256kb.<br \/>\n* curious as to where these badges will be used? They&#8217;ll go into a <a href=\"http:\/\/beta.openbadges.org\/share\/7df44101fe719044f4507cf03bf8fcdb\/\" target=\"_blank\">digital badge repository<\/a>, and could be <a href=\"http:\/\/dougbelshaw.com\/blog\/\" target=\"_blank\">added to blogs<\/a> using a WordPress plugin.<br \/>\n* be sure to follow Chris\u2019 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.<br \/>\n* if you have questions, please ask in the comments section of this post and we&#8217;ll respond as quickly as possible.<\/p>\n<p>DESIGN DIRECTION:<\/p>\n<p>Variety and creativity are encouraged, but please do use these principles as your guide for the work.<\/p>\n<p>Visual<br \/>\n\u2022 hexagonal shape<br \/>\n\u2022 strong, flat, bold colours<br \/>\n\u2022 crisp and clean, iconic graphics<br \/>\n\u2022 predominantly illustrative (photography should be used sparingly or not at all)<br \/>\n\u2022 Subtle textures optional (gloss, stitching, fabric)<\/p>\n<p>Sets<br \/>\n\u2022 badges can be part of a set, or stand alone as individual pieces<br \/>\n\u2022 consistent use of the elements mentioned above will help tie the set together<\/p>\n<p>Other Considerations<br \/>\n\u2022 text should be avoided on the badge itself<br \/>\n\u2022 graphics should be legible at small sizes<br \/>\n\u2022 helpful to include a white border with subtle drop shadow to account for a variety of backgrounds on which it may appear<\/p>\n<p><a href=\"http:\/\/blog.mozilla.org\/creative\/2013\/01\/23\/community-design-mozilla-contributor-badges\/badges-batch-2\/\" rel=\"attachment wp-att-64\"><img decoding=\"async\" loading=\"lazy\" src=\"http:\/\/blog.mozilla.org\/creative\/files\/2013\/01\/badges-batch-2-600x1672.png\" alt=\"badges-batch-2\" width=\"600\" height=\"1672\" class=\"aligncenter size-large wp-image-64\" srcset=\"https:\/\/blog.mozilla.org\/creative\/files\/2013\/01\/badges-batch-2-600x1672.png 600w, https:\/\/blog.mozilla.org\/creative\/files\/2013\/01\/badges-batch-2-252x702.png 252w, https:\/\/blog.mozilla.org\/creative\/files\/2013\/01\/badges-batch-2.png 857w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>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&#8217;re looking for help with a very cool &hellip; <a class=\"go\" href=\"https:\/\/blog.mozilla.org\/creative\/2013\/01\/23\/community-design-mozilla-contributor-badges\/\">Continue reading<\/a><\/p>\n","protected":false},"author":47,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[26520],"tags":[],"_links":{"self":[{"href":"https:\/\/blog.mozilla.org\/creative\/wp-json\/wp\/v2\/posts\/63"}],"collection":[{"href":"https:\/\/blog.mozilla.org\/creative\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.mozilla.org\/creative\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.mozilla.org\/creative\/wp-json\/wp\/v2\/users\/47"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.mozilla.org\/creative\/wp-json\/wp\/v2\/comments?post=63"}],"version-history":[{"count":0,"href":"https:\/\/blog.mozilla.org\/creative\/wp-json\/wp\/v2\/posts\/63\/revisions"}],"wp:attachment":[{"href":"https:\/\/blog.mozilla.org\/creative\/wp-json\/wp\/v2\/media?parent=63"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.mozilla.org\/creative\/wp-json\/wp\/v2\/categories?post=63"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.mozilla.org\/creative\/wp-json\/wp\/v2\/tags?post=63"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}