{"id":154,"date":"2016-08-17T09:53:12","date_gmt":"2016-08-17T16:53:12","guid":{"rendered":"https:\/\/blog.mozilla.org\/opendesign\/?p=154"},"modified":"2016-08-18T10:24:24","modified_gmt":"2016-08-18T17:24:24","slug":"design-route-e-wireframe-world","status":"publish","type":"post","link":"https:\/\/blog.mozilla.org\/opendesign\/design-route-e-wireframe-world\/","title":{"rendered":"Design Route E: Wireframe World"},"content":{"rendered":"<div class=\"page\" title=\"Page 41\">\n<div class=\"section\">\n<div class=\"layoutArea\">\n<div class=\"column\">\n<p>Is there a way to hint at the enormity of the internet, yet place Mozilla within that digital ecosystem? This route developed out of experiments with 3D grids and the realisation that a simple \u2018M\u2019 could form the heart of an entire system.<\/p>\n<\/div>\n<p>This design direction also flows from the narrative theme &#8220;With you from the start.&#8221;<\/p>\n<div class=\"page\" title=\"Page 33\">\n<div class=\"section\">\n<div class=\"layoutArea\">\n<div class=\"column\">\n<p><strong>With you from the start. <\/strong><\/p>\n<p>Mozilla was, is, and always will be on the side of those who want a better, freer, more open Internet. In the early days, we were among those helping to embed principles of openness and accessibility into the web\u2019s DNA. Now those principles matter more than ever. We need an Internet that works wonders for the many, not just the few. We need to stand by the founding ideals of the Internet, and carry them forward into new products, platforms, conversations, and great ideas. We\u2019ve been with you from the start. And we\u2019re just getting started.<\/p>\n<p><strong>Click the image below to see an animation of how a user might interact with Wireframe World to create unending patterns: <\/strong><\/p>\n<p><a href=\"https:\/\/vimeo.com\/album\/4096166\/video\/178883970\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-183 size-full\" src=\"http:\/\/blog.mozilla.org\/opendesign\/files\/2016\/08\/jb_Mozilla_E_wireframe_1-1.jpg\" alt=\"jb_Mozilla_design_pres_edit_3.key\" width=\"1500\" height=\"1061\" srcset=\"https:\/\/blog.mozilla.org\/opendesign\/files\/2016\/08\/jb_Mozilla_E_wireframe_1-1.jpg 1500w, https:\/\/blog.mozilla.org\/opendesign\/files\/2016\/08\/jb_Mozilla_E_wireframe_1-1-300x212.jpg 300w, https:\/\/blog.mozilla.org\/opendesign\/files\/2016\/08\/jb_Mozilla_E_wireframe_1-1-600x424.jpg 600w, https:\/\/blog.mozilla.org\/opendesign\/files\/2016\/08\/jb_Mozilla_E_wireframe_1-1-1000x707.jpg 1000w\" sizes=\"(max-width: 1500px) 100vw, 1500px\" \/><\/a><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-184 size-full\" src=\"http:\/\/blog.mozilla.org\/opendesign\/files\/2016\/08\/jb_Mozilla_E_wireframe_2.jpg\" alt=\"jb_Mozilla_design_pres_edit_3.key\" width=\"1500\" height=\"1061\" srcset=\"https:\/\/blog.mozilla.org\/opendesign\/files\/2016\/08\/jb_Mozilla_E_wireframe_2.jpg 1500w, https:\/\/blog.mozilla.org\/opendesign\/files\/2016\/08\/jb_Mozilla_E_wireframe_2-300x212.jpg 300w, https:\/\/blog.mozilla.org\/opendesign\/files\/2016\/08\/jb_Mozilla_E_wireframe_2-600x424.jpg 600w, https:\/\/blog.mozilla.org\/opendesign\/files\/2016\/08\/jb_Mozilla_E_wireframe_2-1000x707.jpg 1000w\" sizes=\"(max-width: 1500px) 100vw, 1500px\" \/><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-185 size-full\" src=\"http:\/\/blog.mozilla.org\/opendesign\/files\/2016\/08\/jb_Mozilla_E_wireframe_3.jpg\" alt=\"jb_Mozilla_design_pres_edit_3.key\" width=\"1500\" height=\"1061\" srcset=\"https:\/\/blog.mozilla.org\/opendesign\/files\/2016\/08\/jb_Mozilla_E_wireframe_3.jpg 1500w, https:\/\/blog.mozilla.org\/opendesign\/files\/2016\/08\/jb_Mozilla_E_wireframe_3-300x212.jpg 300w, https:\/\/blog.mozilla.org\/opendesign\/files\/2016\/08\/jb_Mozilla_E_wireframe_3-600x424.jpg 600w, https:\/\/blog.mozilla.org\/opendesign\/files\/2016\/08\/jb_Mozilla_E_wireframe_3-1000x707.jpg 1000w\" sizes=\"(max-width: 1500px) 100vw, 1500px\" \/><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-186 size-full\" src=\"http:\/\/blog.mozilla.org\/opendesign\/files\/2016\/08\/jb_Mozilla_E_wireframe_4.jpg\" alt=\"jb_Mozilla_design_pres_edit_3.key\" width=\"1500\" height=\"1061\" srcset=\"https:\/\/blog.mozilla.org\/opendesign\/files\/2016\/08\/jb_Mozilla_E_wireframe_4.jpg 1500w, https:\/\/blog.mozilla.org\/opendesign\/files\/2016\/08\/jb_Mozilla_E_wireframe_4-300x212.jpg 300w, https:\/\/blog.mozilla.org\/opendesign\/files\/2016\/08\/jb_Mozilla_E_wireframe_4-600x424.jpg 600w, https:\/\/blog.mozilla.org\/opendesign\/files\/2016\/08\/jb_Mozilla_E_wireframe_4-1000x707.jpg 1000w\" sizes=\"(max-width: 1500px) 100vw, 1500px\" \/><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-187 size-full\" src=\"http:\/\/blog.mozilla.org\/opendesign\/files\/2016\/08\/jb_Mozilla_E_wireframe_5.jpg\" alt=\"jb_Mozilla_design_pres_edit_3.key\" width=\"1500\" height=\"1061\" srcset=\"https:\/\/blog.mozilla.org\/opendesign\/files\/2016\/08\/jb_Mozilla_E_wireframe_5.jpg 1500w, https:\/\/blog.mozilla.org\/opendesign\/files\/2016\/08\/jb_Mozilla_E_wireframe_5-300x212.jpg 300w, https:\/\/blog.mozilla.org\/opendesign\/files\/2016\/08\/jb_Mozilla_E_wireframe_5-600x424.jpg 600w, https:\/\/blog.mozilla.org\/opendesign\/files\/2016\/08\/jb_Mozilla_E_wireframe_5-1000x707.jpg 1000w\" sizes=\"(max-width: 1500px) 100vw, 1500px\" \/><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-188 size-full\" src=\"http:\/\/blog.mozilla.org\/opendesign\/files\/2016\/08\/jb_Mozilla_E_wireframe_6.jpg\" alt=\"jb_Mozilla_design_pres_edit_3.key\" width=\"1500\" height=\"1061\" srcset=\"https:\/\/blog.mozilla.org\/opendesign\/files\/2016\/08\/jb_Mozilla_E_wireframe_6.jpg 1500w, https:\/\/blog.mozilla.org\/opendesign\/files\/2016\/08\/jb_Mozilla_E_wireframe_6-300x212.jpg 300w, https:\/\/blog.mozilla.org\/opendesign\/files\/2016\/08\/jb_Mozilla_E_wireframe_6-600x424.jpg 600w, https:\/\/blog.mozilla.org\/opendesign\/files\/2016\/08\/jb_Mozilla_E_wireframe_6-1000x707.jpg 1000w\" sizes=\"(max-width: 1500px) 100vw, 1500px\" \/><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Is there a way to hint at the enormity of the internet, yet place Mozilla within that digital ecosystem? This route developed out of experiments with 3D grids and the &hellip; <a class=\"go\" href=\"https:\/\/blog.mozilla.org\/opendesign\/design-route-e-wireframe-world\/\">Read more<\/a><\/p>\n","protected":false},"author":1302,"featured_media":155,"comment_status":"open","ping_status":"open","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>Design Route E: Wireframe World - 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\/design-route-e-wireframe-world\/\" \/>\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=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/blog.mozilla.org\/opendesign\/design-route-e-wireframe-world\/\",\"url\":\"https:\/\/blog.mozilla.org\/opendesign\/design-route-e-wireframe-world\/\",\"name\":\"Design Route E: Wireframe World - Mozilla Open Design\",\"isPartOf\":{\"@id\":\"https:\/\/blog.mozilla.org\/opendesign\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/blog.mozilla.org\/opendesign\/design-route-e-wireframe-world\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/blog.mozilla.org\/opendesign\/design-route-e-wireframe-world\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blog.mozilla.org\/opendesign\/files\/2016\/08\/jb_Mozilla_E_wireframe_1.jpg\",\"datePublished\":\"2016-08-17T16:53:12+00:00\",\"dateModified\":\"2016-08-18T17:24:24+00:00\",\"author\":{\"@id\":\"https:\/\/blog.mozilla.org\/opendesign\/#\/schema\/person\/70d26c3cc5645b525299dd11f03f31b6\"},\"breadcrumb\":{\"@id\":\"https:\/\/blog.mozilla.org\/opendesign\/design-route-e-wireframe-world\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/blog.mozilla.org\/opendesign\/design-route-e-wireframe-world\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/blog.mozilla.org\/opendesign\/design-route-e-wireframe-world\/#primaryimage\",\"url\":\"https:\/\/blog.mozilla.org\/opendesign\/files\/2016\/08\/jb_Mozilla_E_wireframe_1.jpg\",\"contentUrl\":\"https:\/\/blog.mozilla.org\/opendesign\/files\/2016\/08\/jb_Mozilla_E_wireframe_1.jpg\",\"width\":1500,\"height\":1061},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/blog.mozilla.org\/opendesign\/design-route-e-wireframe-world\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/blog.mozilla.org\/opendesign\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Design Route E: Wireframe World\"}]},{\"@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":"Design Route E: Wireframe World - 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\/design-route-e-wireframe-world\/","twitter_misc":{"Written by":"Tim Murray","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/blog.mozilla.org\/opendesign\/design-route-e-wireframe-world\/","url":"https:\/\/blog.mozilla.org\/opendesign\/design-route-e-wireframe-world\/","name":"Design Route E: Wireframe World - Mozilla Open Design","isPartOf":{"@id":"https:\/\/blog.mozilla.org\/opendesign\/#website"},"primaryImageOfPage":{"@id":"https:\/\/blog.mozilla.org\/opendesign\/design-route-e-wireframe-world\/#primaryimage"},"image":{"@id":"https:\/\/blog.mozilla.org\/opendesign\/design-route-e-wireframe-world\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.mozilla.org\/opendesign\/files\/2016\/08\/jb_Mozilla_E_wireframe_1.jpg","datePublished":"2016-08-17T16:53:12+00:00","dateModified":"2016-08-18T17:24:24+00:00","author":{"@id":"https:\/\/blog.mozilla.org\/opendesign\/#\/schema\/person\/70d26c3cc5645b525299dd11f03f31b6"},"breadcrumb":{"@id":"https:\/\/blog.mozilla.org\/opendesign\/design-route-e-wireframe-world\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/blog.mozilla.org\/opendesign\/design-route-e-wireframe-world\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/blog.mozilla.org\/opendesign\/design-route-e-wireframe-world\/#primaryimage","url":"https:\/\/blog.mozilla.org\/opendesign\/files\/2016\/08\/jb_Mozilla_E_wireframe_1.jpg","contentUrl":"https:\/\/blog.mozilla.org\/opendesign\/files\/2016\/08\/jb_Mozilla_E_wireframe_1.jpg","width":1500,"height":1061},{"@type":"BreadcrumbList","@id":"https:\/\/blog.mozilla.org\/opendesign\/design-route-e-wireframe-world\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/blog.mozilla.org\/opendesign\/"},{"@type":"ListItem","position":2,"name":"Design Route E: Wireframe World"}]},{"@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\/154"}],"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=154"}],"version-history":[{"count":0,"href":"https:\/\/blog.mozilla.org\/opendesign\/wp-json\/wp\/v2\/posts\/154\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.mozilla.org\/opendesign\/wp-json\/wp\/v2\/media\/155"}],"wp:attachment":[{"href":"https:\/\/blog.mozilla.org\/opendesign\/wp-json\/wp\/v2\/media?parent=154"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.mozilla.org\/opendesign\/wp-json\/wp\/v2\/categories?post=154"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.mozilla.org\/opendesign\/wp-json\/wp\/v2\/tags?post=154"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/blog.mozilla.org\/opendesign\/wp-json\/wp\/v2\/coauthors?post=154"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}