{"id":333,"date":"2013-12-20T00:24:16","date_gmt":"2013-12-20T00:24:16","guid":{"rendered":"http:\/\/blog.mozilla.org\/creative\/?p=333"},"modified":"2013-12-20T00:24:16","modified_gmt":"2013-12-20T00:24:16","slug":"2013-in-review-a-visual-roundup","status":"publish","type":"post","link":"https:\/\/blog.mozilla.org\/creative\/2013\/12\/20\/2013-in-review-a-visual-roundup\/","title":{"rendered":"2013 in Review: A Visual Roundup"},"content":{"rendered":"

Mozillians are a hard-working lot, and we should be proud of the many things we accomplished together this year.\u00a0 2013 was one of the most intense years I\u2019ve spent working on the project, and now that we\u2019re saying farewell to 2013, it\u2019s rewarding to look back and tally up our successes.<\/p>\n

It\u2019s become tradition for the Creative team to design Mozilla\u2019s year-end infographic – a visual roundup of our achievements, presented to you in a single, pretty picture.\u00a0 Having had the pleasure of designing Mozilla\u2019s 2011 year-end graphic<\/a>, I was happy to summate 2013 with some visual flair.<\/p>\n

\"Fistbumps<\/a>

Fistbumps all-around, Mozilla!<\/p><\/div>\n

To be clear, this image is an infographic – not a data visualization.\u00a0 Data visualizations usually contain one narrative which displays information relative to itself within a single through line. Because our narrative spans multiple initiatives over a year\u2019s time, the design goal was about finding a fresh way to display statistics and accomplishments that work well independently of each other, but still tie into a greater whole.<\/p>\n

In most cases, the year-end graphic will be posted to blogs, so a static image seemed to be the most efficient form to design around.\u00a0 In the future, I can see the potential for a more robust experience – something interactive could be really fun.<\/p>\n

Leaning on amorphous circular forms gave me the flexibility to expand the content areas where needed. Because we\u2019re so wonderfully geo-dispersed,\u00a0 it gets tricky designing these graphics so each section can comfortably accommodate numerous languages and character-counts.\u00a0 By using our primary palette, I kept the graphic looking classically \u201cMozillian\u201d in color, while keeping it fresh in form. By employing project\/product motifs and icons, I gave context to the information which helps make the piece easier to read by theme.<\/p>\n

Thank you, Mozilla PR. The remaining weeks of the year can be quite hectic trying to wrap up work before the Holiday break, but your tidy and timely content made this year\u2019s year-end graphic a pleasure to close out the year to.\u00a0 Happy holidays.<\/p>\n","protected":false},"excerpt":{"rendered":"

Mozillians are a hard-working lot, and we should be proud of the many things we accomplished together this year.\u00a0 2013 was one of the most intense years I\u2019ve spent working on the project, and now that we\u2019re saying farewell to … Continue reading<\/a><\/p>\n","protected":false},"author":540,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[26524,26521],"tags":[],"_links":{"self":[{"href":"https:\/\/blog.mozilla.org\/creative\/wp-json\/wp\/v2\/posts\/333"}],"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\/540"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.mozilla.org\/creative\/wp-json\/wp\/v2\/comments?post=333"}],"version-history":[{"count":0,"href":"https:\/\/blog.mozilla.org\/creative\/wp-json\/wp\/v2\/posts\/333\/revisions"}],"wp:attachment":[{"href":"https:\/\/blog.mozilla.org\/creative\/wp-json\/wp\/v2\/media?parent=333"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.mozilla.org\/creative\/wp-json\/wp\/v2\/categories?post=333"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.mozilla.org\/creative\/wp-json\/wp\/v2\/tags?post=333"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}