{"id":405,"date":"2016-09-15T17:05:31","date_gmt":"2016-09-16T00:05:31","guid":{"rendered":"https:\/\/blog.mozilla.org\/opendesign\/?p=405"},"modified":"2016-09-16T06:00:25","modified_gmt":"2016-09-16T13:00:25","slug":"progress-in-the-making","status":"publish","type":"post","link":"https:\/\/blog.mozilla.org\/opendesign\/progress-in-the-making\/","title":{"rendered":"Progress in the making"},"content":{"rendered":"<div>Since posting the seven initial design directions for the Mozilla brand identity three weeks ago, we&#8217;ve continued to shape the work. Guided by where Mozilla is headed strategically, principles of good design, and the feedback we&#8217;ve received through this open process, today we release four design contenders. These will continue to be refined over the course of the next two weeks, then put through global consumer testing. We expect a brand identity recommendation to emerge in October.<\/div>\n<div><img decoding=\"async\" loading=\"lazy\" class=\"alignleft size-full wp-image-462\" src=\"http:\/\/blog.mozilla.org\/opendesign\/files\/2016\/09\/jb_Mozilla_first_round_all_up.jpg\" alt=\"mj_tm_Moz_Nashville_edits for new pics.key\" width=\"720\" height=\"411\" srcset=\"https:\/\/blog.mozilla.org\/opendesign\/files\/2016\/09\/jb_Mozilla_first_round_all_up.jpg 720w, https:\/\/blog.mozilla.org\/opendesign\/files\/2016\/09\/jb_Mozilla_first_round_all_up-300x171.jpg 300w, https:\/\/blog.mozilla.org\/opendesign\/files\/2016\/09\/jb_Mozilla_first_round_all_up-600x343.jpg 600w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/><\/div>\n<p>If you&#8217;re just joining this process, you can get oriented <a href=\"https:\/\/blog.mozilla.org\/opendesign\/designing-in-the-open\/\">here<\/a> and <a href=\"https:\/\/blog.mozilla.org\/opendesign\/now-were-talking\/\">here. <\/a> We&#8217;re\u00a0 grateful that this process has sparked such interest among Mozillians, those who care about Mozilla, and the global design community\u2014dozens of articles, hundreds of tweets, thousands of comments, and perhaps tens of thousands of words of feedback. As believers in transparency at Mozilla, we consider this a success.<\/p>\n<p>Thanks to all of you who have added your voice to the conversation. Your many constructive comments and suggestions have helped us chart a path forward. Some of you will find that your favored design directions have been let go in the pursuit of something better. We hope you&#8217;ll find a design here that you feel best represents Mozilla today and tomorrow.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignleft size-full wp-image-461\" src=\"http:\/\/blog.mozilla.org\/opendesign\/files\/2016\/09\/jb_Mozilla_first_round_all_up_slashed.jpg\" alt=\"mj_tm_Moz_Nashville_edits for new pics.key\" width=\"1500\" height=\"933\" srcset=\"https:\/\/blog.mozilla.org\/opendesign\/files\/2016\/09\/jb_Mozilla_first_round_all_up_slashed.jpg 1500w, https:\/\/blog.mozilla.org\/opendesign\/files\/2016\/09\/jb_Mozilla_first_round_all_up_slashed-300x187.jpg 300w, https:\/\/blog.mozilla.org\/opendesign\/files\/2016\/09\/jb_Mozilla_first_round_all_up_slashed-600x373.jpg 600w, https:\/\/blog.mozilla.org\/opendesign\/files\/2016\/09\/jb_Mozilla_first_round_all_up_slashed-1000x622.jpg 1000w\" sizes=\"(max-width: 1500px) 100vw, 1500px\" \/><\/p>\n<div><b>Some that we\u2019ve left behind.<\/b><\/div>\n<div>Of our original seven, four have fallen by the wayside, one has remained intact and two others have directly led to new ideas. We have let go <a href=\"https:\/\/blog.mozilla.org\/opendesign\/design-route-c-the-open-button\/\">The Open Button<\/a>, which upon further study we found lacked a clear connection to Mozilla&#8217;s purpose, and <a href=\"https:\/\/blog.mozilla.org\/opendesign\/design-route-g-flik-flak\/\">Flik Flak<\/a>, which had its fervent supporters but was either too complex, or too similar to other things, depending on your point of view.<\/div>\n<p>For many, The Impossible M was an early favorite, but we discovered that it was just too close to other design treatments already in the public domain. The Connector stayed in the running for some time, but was eventually overtaken by new ideas (and always slightly suffered from being a bit too complex).<\/p>\n<p><strong>What we resolved to do next.<\/strong><br \/>\nWorking in tandem with our London agency partner johnson banks and making the most of our time zone difference nearly around the clock, we agreed to redirect efforts toward these design goals:<\/p>\n<ul>\n<li>Focusing first on the core marks, particularly on their visual simplicity, before figuring out how they extend into design systems.<\/li>\n<li>Exploring the dinosaur. From the blog feedback, it was clear that we had permission to link more directly back to the former dinosaur logo. Aside from The Eye, what other paleo elements might we explore?<\/li>\n<li>Celebrating the Internet. Rather than seeking ways to render the Internet in three dimensions (as Wireframe World and Flik-Flak had bravely attempted to do), might be influenced by the random beauty of the Internet works and how people use it?<\/li>\n<li>Refining and simplifying the two routes, Protocol and Wireframe World, that showed the most promise in the first round.<\/li>\n<\/ul>\n<div><b>How the work links to the core narratives<\/b><\/div>\n<div>At this stage of the project, we\u2019re down to four overarching narratives, three from the original set and a new one:<\/div>\n<p><strong>The Pioneers:\u00a0<\/strong>This is still a strong and resonant territory, and one that works well with at least one of the final four.<br \/>\n<strong>Taking a stand: <\/strong>This positioning emerged directly from our earliest discussions and is still very strong.<br \/>\n<strong>The maker spirit: <\/strong>We\u2019ve seen from the first round, the community of Mozillians is vocal and engaged and is key to the organization going forward.<br \/>\n<strong>The Health of the Internet:<\/strong> This is a new idea that posits Mozilla is a guardian and promoter of the Internet\u2019s overall well-being.<\/p>\n<div><strong>The Final Four<\/strong><\/div>\n<div>Below is our continued work in progress on the four refined identity directions that we&#8217;ll take into testing with our key audiences. <strong>Please c<\/strong><strong>lick on the image to be taken to a page revealing the related design system, and make individual comments there.<\/strong> If you wish to compare and contrast these designs, please do so in the comments section below.<\/div>\n<div><\/div>\n<div><strong>Route One: Protocol<\/strong><\/div>\n<div><a href=\"https:\/\/blog.mozilla.org\/opendesign\/route-one-protocol\/\"><img decoding=\"async\" loading=\"lazy\" class=\"alignleft size-full wp-image-460\" src=\"http:\/\/blog.mozilla.org\/opendesign\/files\/2016\/09\/Protocol_master_logo-2.gif\" alt=\"protocol_master_logo\" width=\"1920\" height=\"1080\" \/><\/a><\/div>\n<div><\/div>\n<div><strong>\u00a0<\/strong><\/div>\n<div><strong>Route 2: Burst<\/strong><\/div>\n<div><a href=\"https:\/\/blog.mozilla.org\/opendesign\/route-three-burst\/\"><img decoding=\"async\" loading=\"lazy\" class=\"alignleft size-full wp-image-421\" src=\"http:\/\/blog.mozilla.org\/opendesign\/files\/2016\/09\/Burst_rotating.gif\" alt=\"burst_rotating\" width=\"820\" height=\"586\" \/><\/a><\/div>\n<div><\/div>\n<div><strong>Route 3: Flame<\/strong><\/div>\n<div><a href=\"https:\/\/blog.mozilla.org\/opendesign\/round-two-flame\/\"><img decoding=\"async\" loading=\"lazy\" class=\"alignleft size-full wp-image-444\" src=\"http:\/\/blog.mozilla.org\/opendesign\/files\/2016\/09\/Flame_flicker.gif\" alt=\"flame_flicker\" width=\"1069\" height=\"1065\" \/><\/a><\/div>\n<div><\/div>\n<div><\/div>\n<div><strong>Route 4: Dino 2.0<\/strong><\/div>\n<div><a href=\"https:\/\/blog.mozilla.org\/opendesign\/route-four-dino-2-0\/\"><img decoding=\"async\" loading=\"lazy\" class=\"alignleft size-full wp-image-436\" src=\"http:\/\/blog.mozilla.org\/opendesign\/files\/2016\/09\/Dino_2.0_chomping1.gif\" alt=\"dino_2-0_chomping1\" width=\"1128\" height=\"1076\" \/><\/a>So there you have it: four final directions. Let us know what you think!<\/div>\n<div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Since posting the seven initial design directions for the Mozilla brand identity three weeks ago, we&#8217;ve continued to shape the work. Guided by where Mozilla is headed strategically, principles of &hellip; <a class=\"go\" href=\"https:\/\/blog.mozilla.org\/opendesign\/progress-in-the-making\/\">Read more<\/a><\/p>\n","protected":false},"author":1302,"featured_media":463,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"coauthors":[287279],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Progress in the making - Mozilla Open Design<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/blog.mozilla.org\/opendesign\/progress-in-the-making\/\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Tim Murray\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/blog.mozilla.org\/opendesign\/progress-in-the-making\/\",\"url\":\"https:\/\/blog.mozilla.org\/opendesign\/progress-in-the-making\/\",\"name\":\"Progress in the making - Mozilla Open Design\",\"isPartOf\":{\"@id\":\"https:\/\/blog.mozilla.org\/opendesign\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/blog.mozilla.org\/opendesign\/progress-in-the-making\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/blog.mozilla.org\/opendesign\/progress-in-the-making\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blog.mozilla.org\/opendesign\/files\/2016\/09\/jb_Mozilla-sept_final_four_all-up.jpg\",\"datePublished\":\"2016-09-16T00:05:31+00:00\",\"dateModified\":\"2016-09-16T13:00:25+00:00\",\"author\":{\"@id\":\"https:\/\/blog.mozilla.org\/opendesign\/#\/schema\/person\/70d26c3cc5645b525299dd11f03f31b6\"},\"breadcrumb\":{\"@id\":\"https:\/\/blog.mozilla.org\/opendesign\/progress-in-the-making\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/blog.mozilla.org\/opendesign\/progress-in-the-making\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/blog.mozilla.org\/opendesign\/progress-in-the-making\/#primaryimage\",\"url\":\"https:\/\/blog.mozilla.org\/opendesign\/files\/2016\/09\/jb_Mozilla-sept_final_four_all-up.jpg\",\"contentUrl\":\"https:\/\/blog.mozilla.org\/opendesign\/files\/2016\/09\/jb_Mozilla-sept_final_four_all-up.jpg\",\"width\":1500,\"height\":1061},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/blog.mozilla.org\/opendesign\/progress-in-the-making\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/blog.mozilla.org\/opendesign\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Progress in the making\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/blog.mozilla.org\/opendesign\/#website\",\"url\":\"https:\/\/blog.mozilla.org\/opendesign\/\",\"name\":\"Mozilla Open Design\",\"description\":\"branding without walls\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/blog.mozilla.org\/opendesign\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/blog.mozilla.org\/opendesign\/#\/schema\/person\/70d26c3cc5645b525299dd11f03f31b6\",\"name\":\"Tim Murray\",\"description\":\"I lead the multi-talented Creative Team at Mozilla. Specialties include swashbuckling, interpretive dance, finger puppetry, mud-wrestling and decoupage.\",\"url\":\"https:\/\/blog.mozilla.org\/opendesign\/author\/tmurraymozilla-com\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Progress in the making - Mozilla Open Design","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/blog.mozilla.org\/opendesign\/progress-in-the-making\/","twitter_misc":{"Written by":"Tim Murray","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/blog.mozilla.org\/opendesign\/progress-in-the-making\/","url":"https:\/\/blog.mozilla.org\/opendesign\/progress-in-the-making\/","name":"Progress in the making - Mozilla Open Design","isPartOf":{"@id":"https:\/\/blog.mozilla.org\/opendesign\/#website"},"primaryImageOfPage":{"@id":"https:\/\/blog.mozilla.org\/opendesign\/progress-in-the-making\/#primaryimage"},"image":{"@id":"https:\/\/blog.mozilla.org\/opendesign\/progress-in-the-making\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.mozilla.org\/opendesign\/files\/2016\/09\/jb_Mozilla-sept_final_four_all-up.jpg","datePublished":"2016-09-16T00:05:31+00:00","dateModified":"2016-09-16T13:00:25+00:00","author":{"@id":"https:\/\/blog.mozilla.org\/opendesign\/#\/schema\/person\/70d26c3cc5645b525299dd11f03f31b6"},"breadcrumb":{"@id":"https:\/\/blog.mozilla.org\/opendesign\/progress-in-the-making\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/blog.mozilla.org\/opendesign\/progress-in-the-making\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/blog.mozilla.org\/opendesign\/progress-in-the-making\/#primaryimage","url":"https:\/\/blog.mozilla.org\/opendesign\/files\/2016\/09\/jb_Mozilla-sept_final_four_all-up.jpg","contentUrl":"https:\/\/blog.mozilla.org\/opendesign\/files\/2016\/09\/jb_Mozilla-sept_final_four_all-up.jpg","width":1500,"height":1061},{"@type":"BreadcrumbList","@id":"https:\/\/blog.mozilla.org\/opendesign\/progress-in-the-making\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/blog.mozilla.org\/opendesign\/"},{"@type":"ListItem","position":2,"name":"Progress in the making"}]},{"@type":"WebSite","@id":"https:\/\/blog.mozilla.org\/opendesign\/#website","url":"https:\/\/blog.mozilla.org\/opendesign\/","name":"Mozilla Open Design","description":"branding without walls","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/blog.mozilla.org\/opendesign\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/blog.mozilla.org\/opendesign\/#\/schema\/person\/70d26c3cc5645b525299dd11f03f31b6","name":"Tim Murray","description":"I lead the multi-talented Creative Team at Mozilla. Specialties include swashbuckling, interpretive dance, finger puppetry, mud-wrestling and decoupage.","url":"https:\/\/blog.mozilla.org\/opendesign\/author\/tmurraymozilla-com\/"}]}},"_links":{"self":[{"href":"https:\/\/blog.mozilla.org\/opendesign\/wp-json\/wp\/v2\/posts\/405"}],"collection":[{"href":"https:\/\/blog.mozilla.org\/opendesign\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.mozilla.org\/opendesign\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.mozilla.org\/opendesign\/wp-json\/wp\/v2\/users\/1302"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.mozilla.org\/opendesign\/wp-json\/wp\/v2\/comments?post=405"}],"version-history":[{"count":0,"href":"https:\/\/blog.mozilla.org\/opendesign\/wp-json\/wp\/v2\/posts\/405\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.mozilla.org\/opendesign\/wp-json\/wp\/v2\/media\/463"}],"wp:attachment":[{"href":"https:\/\/blog.mozilla.org\/opendesign\/wp-json\/wp\/v2\/media?parent=405"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.mozilla.org\/opendesign\/wp-json\/wp\/v2\/categories?post=405"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.mozilla.org\/opendesign\/wp-json\/wp\/v2\/tags?post=405"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/blog.mozilla.org\/opendesign\/wp-json\/wp\/v2\/coauthors?post=405"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}