{"id":150,"date":"2017-04-17T19:34:36","date_gmt":"2017-04-17T18:34:36","guid":{"rendered":"http:\/\/generic.wordpress.soton.ac.uk\/britizen\/?p=150"},"modified":"2017-05-04T11:50:26","modified_gmt":"2017-05-04T10:50:26","slug":"creating-a-logo","status":"publish","type":"post","link":"https:\/\/generic.wordpress.soton.ac.uk\/britizen\/2017\/04\/17\/creating-a-logo\/","title":{"rendered":"Creating a Logo"},"content":{"rendered":"<p>An important aspect to take into account for the success of the social network is branding. This includes the creation of a logo that appeals users whilst transmits the values of the project at a glance.<\/p>\n<p>When creating a logo, we need to think about the target audience. For Britizen our target is the whole population of Britain! This is a wide range of people, which makes it difficult to design specifically for one kind of person and ideology. Going for an abstract design would help users recognize the brand easily, but we should also make sure that it is concrete enough so users directly relate it to a social network that protects the British national values.<\/p>\n<p>Besides, this project will be supported by the British government and also has serious connotations, so the logo should stay somehow serious and friendly at the same time, transmitting a young and lighthearted image that appeals public to use the application.<\/p>\n<p>So, what do all British people have in common? The flag of the country: The Union Jack or Union Flag [1]. This way it was decided that the logo and the site itself should include the colours of the British flag in order to remind instantly of the nation.<\/p>\n<p>Taking all these things into account, three different logos were proposed:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-151 aligncenter\" src=\"http:\/\/generic.wordpress.soton.ac.uk\/britizen\/wp-content\/uploads\/sites\/195\/2017\/04\/LogosNubered-172x300.jpg\" alt=\"LogosNubered\" width=\"295\" height=\"515\" srcset=\"https:\/\/generic.wordpress.soton.ac.uk\/britizen\/wp-content\/uploads\/sites\/195\/2017\/04\/LogosNubered-172x300.jpg 172w, https:\/\/generic.wordpress.soton.ac.uk\/britizen\/wp-content\/uploads\/sites\/195\/2017\/04\/LogosNubered-768x1337.jpg 768w, https:\/\/generic.wordpress.soton.ac.uk\/britizen\/wp-content\/uploads\/sites\/195\/2017\/04\/LogosNubered-588x1024.jpg 588w, https:\/\/generic.wordpress.soton.ac.uk\/britizen\/wp-content\/uploads\/sites\/195\/2017\/04\/LogosNubered.jpg 1389w\" sizes=\"auto, (max-width: 295px) 100vw, 295px\" \/><\/p>\n<p style=\"text-align: center\"><em>Logo options for Britizen<\/em><\/p>\n<p>Logo <strong>1<\/strong> transmits instantly and unmistakably the idea of an application related to Britain. On the other hand it is more conservative and obvious, and a bit more complex than the other options.<\/p>\n<p>Logo <strong>2 <\/strong>has a abstract design playing with new shapes for the letter B. While it looks abstract, modern and young, it may be difficult to associate it with the purpose of the social network.<\/p>\n<p>Logo <strong>3<\/strong> is halfway between Logo 1 and 2. It is not as abstract as Logo 2 and is easy to associate it to the British flag, but it may not be serious and concrete enough.<\/p>\n<p>A greyscale test was run in order to analyze how the logos would look in grayscale documents, having the following results:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-153 aligncenter\" src=\"http:\/\/generic.wordpress.soton.ac.uk\/britizen\/wp-content\/uploads\/sites\/195\/2017\/04\/logosGrayscale-176x300.jpg\" alt=\"logosGrayscale\" width=\"149\" height=\"254\" srcset=\"https:\/\/generic.wordpress.soton.ac.uk\/britizen\/wp-content\/uploads\/sites\/195\/2017\/04\/logosGrayscale-176x300.jpg 176w, https:\/\/generic.wordpress.soton.ac.uk\/britizen\/wp-content\/uploads\/sites\/195\/2017\/04\/logosGrayscale-768x1312.jpg 768w, https:\/\/generic.wordpress.soton.ac.uk\/britizen\/wp-content\/uploads\/sites\/195\/2017\/04\/logosGrayscale-600x1024.jpg 600w, https:\/\/generic.wordpress.soton.ac.uk\/britizen\/wp-content\/uploads\/sites\/195\/2017\/04\/logosGrayscale.jpg 1338w\" sizes=\"auto, (max-width: 149px) 100vw, 149px\" \/><\/p>\n<p style=\"text-align: center\"><em>Greyscale test of the logos<\/em><\/p>\n<p>We appreciate that Logos 2 and 3 are less easy to recognize due to the loss of hues.<\/p>\n<p>After these evaluation, it was decided that the option that would fit Britizen the best is <strong>Logo 1<\/strong>.<\/p>\n<p>Looking at the development of a future smartphone App, a pilot icon was designed using the chosen logo. Only the &#8220;B&#8221; will be included over a white background with a slight gradient in order to make it simple and easy to recognize.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-152 aligncenter\" src=\"http:\/\/generic.wordpress.soton.ac.uk\/britizen\/wp-content\/uploads\/sites\/195\/2017\/04\/BritizenAppLogo-300x300.jpg\" alt=\"BritizenAppLogo\" width=\"186\" height=\"186\" srcset=\"https:\/\/generic.wordpress.soton.ac.uk\/britizen\/wp-content\/uploads\/sites\/195\/2017\/04\/BritizenAppLogo-300x300.jpg 300w, https:\/\/generic.wordpress.soton.ac.uk\/britizen\/wp-content\/uploads\/sites\/195\/2017\/04\/BritizenAppLogo-150x150.jpg 150w, https:\/\/generic.wordpress.soton.ac.uk\/britizen\/wp-content\/uploads\/sites\/195\/2017\/04\/BritizenAppLogo-768x768.jpg 768w, https:\/\/generic.wordpress.soton.ac.uk\/britizen\/wp-content\/uploads\/sites\/195\/2017\/04\/BritizenAppLogo.jpg 1024w\" sizes=\"auto, (max-width: 186px) 100vw, 186px\" \/><\/p>\n<p style=\"text-align: center\"><em>Pilot icon for the Britizen App<\/em><\/p>\n<p>&nbsp;<\/p>\n<p><strong>References<\/strong><\/p>\n<ol>\n<li>The Flag Institute. 2017. <em>The Union Jack or The Union Flag? &#8211; The Flag Institute<\/em>. [ONLINE] Available at: <u><a href=\"https:\/\/www.flaginstitute.org\/wp\/british-flags\/the-union-jack-or-the-union-flag\/\">https:\/\/www.flaginstitute.org\/wp\/british-flags\/the-union-jack-or-the-union-flag\/<\/a><\/u>. [Accessed 17 April 2017].<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>An important aspect to take into account for the success of the social network is branding. This includes the creation of a logo that appeals users whilst transmits the values of the project at a glance. When creating a logo, we need to think about the target audience. For Britizen our target is the whole &hellip; <a href=\"https:\/\/generic.wordpress.soton.ac.uk\/britizen\/2017\/04\/17\/creating-a-logo\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">Creating a Logo<\/span> <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":2310,"featured_media":228,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[10],"tags":[60,31,59],"class_list":["post-150","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-page-design","tag-branding","tag-design","tag-logo"],"jetpack_featured_media_url":"https:\/\/generic.wordpress.soton.ac.uk\/britizen\/wp-content\/uploads\/sites\/195\/2017\/04\/pequeBritizenAppLogo-copia.jpg","_links":{"self":[{"href":"https:\/\/generic.wordpress.soton.ac.uk\/britizen\/wp-json\/wp\/v2\/posts\/150","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/generic.wordpress.soton.ac.uk\/britizen\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/generic.wordpress.soton.ac.uk\/britizen\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/generic.wordpress.soton.ac.uk\/britizen\/wp-json\/wp\/v2\/users\/2310"}],"replies":[{"embeddable":true,"href":"https:\/\/generic.wordpress.soton.ac.uk\/britizen\/wp-json\/wp\/v2\/comments?post=150"}],"version-history":[{"count":3,"href":"https:\/\/generic.wordpress.soton.ac.uk\/britizen\/wp-json\/wp\/v2\/posts\/150\/revisions"}],"predecessor-version":[{"id":156,"href":"https:\/\/generic.wordpress.soton.ac.uk\/britizen\/wp-json\/wp\/v2\/posts\/150\/revisions\/156"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/generic.wordpress.soton.ac.uk\/britizen\/wp-json\/wp\/v2\/media\/228"}],"wp:attachment":[{"href":"https:\/\/generic.wordpress.soton.ac.uk\/britizen\/wp-json\/wp\/v2\/media?parent=150"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/generic.wordpress.soton.ac.uk\/britizen\/wp-json\/wp\/v2\/categories?post=150"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/generic.wordpress.soton.ac.uk\/britizen\/wp-json\/wp\/v2\/tags?post=150"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}