{"id":401,"date":"2017-07-11T16:33:09","date_gmt":"2017-07-11T16:33:09","guid":{"rendered":"https:\/\/www.embl.org\/about\/info\/communications\/?p=401"},"modified":"2020-04-27T17:21:38","modified_gmt":"2020-04-27T17:21:38","slug":"mapping-brand-structure-to-support-communication","status":"publish","type":"post","link":"https:\/\/www.embl.org\/about\/info\/communications\/blog\/2017\/07\/mapping-brand-structure-to-support-communication\/","title":{"rendered":"Mapping brand structure to support communication"},"content":{"rendered":"\n<p>During EMBL\u2019s 43 years it has grown in size, scope and geography. Today EMBL has six sites, many activity areas and focuses on five related but distinct missions.<\/p>\n\n\n\n<p>There is a very strong unifying concept at the core of EMBL. However, during those years of growth a solid conceptual view of how websites, brochures and newsletter relate to each other has not yet been forged and adapted holistically.<\/p>\n\n\n\n<p>Today, products vary in look, format and feel \u2014 some of that is for very practical reasons and some reasons are largely attributable to entropy.<\/p>\n\n\n\n<!--more-->\n\n\n\n<p><img decoding=\"async\" src=\"http:\/\/i.imgur.com\/kXBkECE.png\"><br><em>Map: A synthetic town generated with <\/em><a href=\"https:\/\/watabou.itch.io\/medieval-fantasy-city-generator\"><em>https:\/\/watabou.itch.io\/medieval-fantasy-city-generator<\/em><\/a><\/p>\n\n\n\n<p>Consider this fictitious medieval town. The town has grown organically and we can surmise some a mix of ideas are in place:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Very good:<\/strong> the castle is likely atop some sort of elevated hill;<\/li><li><strong>So-so:<\/strong> the castle\u2019s north-west wall looks rather too lengthy and straight given the rounding of the other walls; and<\/li><li><strong>Rather poor:<\/strong> the street grid (or, rather, lack of a grid) has become a constraint which now governs how each area functions, rather than the neighborhood function governing the street grid.<\/li><\/ul>\n\n\n\n<p>I\u2019ll draw parallels in how EMBL has grown over the last 43 years:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Very good:<\/strong> Clear rules about the logo and (technically) no variations are allowed;<\/li><li><strong>So-so:<\/strong> The logo rule is the rule, except when the rule is applied to the EMBL-EBI logo, or a social media logo, or used on glass; and<\/li><li><strong>Rather poor:<\/strong> the EMBL.org landing page uses the geographic location of each site as the primary navigation facet and does not allow navigation to discover the people, teams, or activities available at EMBL. The geography is often a singular crutch for all user interaction with EMBL.<\/li><\/ul>\n\n\n\n<p>The mission here: holistically map out shared connections within EMBL and document the design system that supports reason for EMBL. We want to capture the use cases that serve the EMBL organisation and the users of EMBL.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Discovery<\/h2>\n\n\n\n<p>When the Corporate Design Sprint team met on the week of the 26th of June, we began by revisiting the EMBL brand map.<\/p>\n\n\n\n<figure class=\"vf-figure wp-block-image is-style-default\"><img decoding=\"async\" class=\"vf-figure__image\" src=\"http:\/\/i.imgur.com\/lxKi1Or.png\" alt=\"\"\/><\/figure>\n\n\n\n<p>After a day of off-again-on-again thinking and discussion we had a brand map that captures how EMBL perceives itself, not what EMBL is trying to achieve.<\/p>\n\n\n\n<p>So on day two we made a \u2014 what I will call \u2014 <em>structure map<\/em>:<\/p>\n\n\n\n<figure class=\"vf-figure wp-block-image is-style-default\"><img decoding=\"async\" class=\"vf-figure__image\" src=\"http:\/\/i.imgur.com\/3WFVWmL.png\" alt=\"\"\/><\/figure>\n\n\n\n<p>In this structure map EMBL is moved to the perimeter (top) of the system. Unlike a brand map, we care about what components make EMBL what it is &#8212; both to itself and its users.<\/p>\n\n\n\n<p>With the &#8216;structure map&#8217; we see EMBL\u2019s intent more clearly:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>What<\/strong>: The magenta stickies about the activities EMBL provides and facilitates<\/li><li><strong>Where<\/strong>: The yellow stickies of the six EMBL sites<\/li><li><strong>Who<\/strong>: The people, groups, teams and services that make up EMBL<\/li><\/ul>\n\n\n\n<figure class=\"vf-figure wp-block-image is-style-default\"><img decoding=\"async\" class=\"vf-figure__image\" src=\"http:\/\/i.imgur.com\/AgAHRRk.png\" alt=\"\"\/><\/figure>\n\n\n\n<p><em>Structure map: Apologies to your retina, but I was trying to be consistent with the sticky colouring \u2014 and I think a slight bit of reader keeps you at attention.<\/em><\/p>\n\n\n\n<p>We can see a first look at the shared truths of the pan-EMBL structure \u2014 the model isn\u2019t finished, but we\u2019re a lot closer (we still need to account for how these relate to each other and how importance varies across user types) but this is a defensible look at the structure EMBL uses to achieve its mission.<\/p>\n\n\n\n<p>We\u2019ll revisit this thought about relationships in our information architecture \u2014 but for now we\u2019ve achieved much towards distilling EMBL\u2019s secret ingredients. We\u2019ll use these extractions at the core of the EMBL Design Language: who, what and where.<\/p>\n\n\n\n<p>These three Ws might not be explicitly put in every layout and web page, but they\u2019re points of consideration, and every template needs to be able to accommodate them.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>During EMBL\u2019s 43 years it has grown in size, scope and geography. Today EMBL has six sites, many activity areas and focuses on five related but distinct missions. There is a very strong unifying concept at the core of EMBL. However, during those years of growth a solid conceptual view of how&hellip;<\/p>\n","protected":false},"author":5,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[468,458,475,469,479,460],"embl_taxonomy":[],"class_list":["post-401","post","type-post","status-publish","format-standard","hentry","category-general","tag-brand","tag-design","tag-information-architecture","tag-strategy","tag-structure","tag-websites"],"acf":[],"embl_taxonomy_terms":[],"featured_image_src":"https:\/\/www.embl.org\/about\/info\/communications\/wp-includes\/images\/media\/default.svg","_links":{"self":[{"href":"https:\/\/www.embl.org\/about\/info\/communications\/wp-json\/wp\/v2\/posts\/401","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.embl.org\/about\/info\/communications\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.embl.org\/about\/info\/communications\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.embl.org\/about\/info\/communications\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/www.embl.org\/about\/info\/communications\/wp-json\/wp\/v2\/comments?post=401"}],"version-history":[{"count":1,"href":"https:\/\/www.embl.org\/about\/info\/communications\/wp-json\/wp\/v2\/posts\/401\/revisions"}],"predecessor-version":[{"id":402,"href":"https:\/\/www.embl.org\/about\/info\/communications\/wp-json\/wp\/v2\/posts\/401\/revisions\/402"}],"wp:attachment":[{"href":"https:\/\/www.embl.org\/about\/info\/communications\/wp-json\/wp\/v2\/media?parent=401"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.embl.org\/about\/info\/communications\/wp-json\/wp\/v2\/categories?post=401"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.embl.org\/about\/info\/communications\/wp-json\/wp\/v2\/tags?post=401"},{"taxonomy":"embl_taxonomy","embeddable":true,"href":"https:\/\/www.embl.org\/about\/info\/communications\/wp-json\/wp\/v2\/embl_taxonomy?post=401"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}