{"id":278,"date":"2015-07-28T02:00:35","date_gmt":"2015-07-28T00:00:35","guid":{"rendered":"https:\/\/www.saskialund.de\/?p=278"},"modified":"2020-07-27T10:20:47","modified_gmt":"2020-07-27T08:20:47","slug":"can-you-make-the-logo-bigger","status":"publish","type":"post","link":"https:\/\/isla-stud.io\/en\/ratgeber\/kann-man-das-logo-groesser-machen\/","title":{"rendered":"Can the logo be made larger?"},"content":{"rendered":"<p>Inwardly, I shake myself every time I am asked this question. But I remain patient and explain why the size of the logo on a website should be reduced to a minimum and why an oversized logo can even be annoying or out of place.<\/p>\n\n\n\n<p>Today I would also like to explain this rather interesting topic to you.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">If the logo were bigger...<\/h2>\n\n\n\n<p>The following graphics clearly show where the \u201cproblem\u201d actually lies.<\/p>\n\n\n\n<figure class=\"wp-block-gallery columns-2 is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\"><ul class=\"blocks-gallery-grid\"><li class=\"blocks-gallery-item\"><figure><img decoding=\"async\" width=\"750\" height=\"375\" src=\"https:\/\/www.saskialund.de\/wp-content\/uploads\/2015\/07\/bigger-logo-mercedes.jpg\" alt=\"\" data-id=\"284\" data-full-url=\"https:\/\/www.saskialund.de\/wp-content\/uploads\/2015\/07\/bigger-logo-mercedes.jpg\" data-link=\"https:\/\/www.saskialund.de\/bigger-logo-mercedes\/\" class=\"wp-image-284\" srcset=\"https:\/\/www.saskialund.de\/wp-content\/uploads\/2015\/07\/bigger-logo-mercedes.jpg 750w, https:\/\/www.saskialund.de\/wp-content\/uploads\/2015\/07\/bigger-logo-mercedes-480x240.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 750px, 100vw\" data-no-translation=\"\" data-no-auto-translation=\"\" \/><figcaption class=\"blocks-gallery-item__caption\">Somehow overloaded...<\/figcaption><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><img decoding=\"async\" width=\"750\" height=\"375\" src=\"https:\/\/www.saskialund.de\/wp-content\/uploads\/2015\/07\/bigger-logo-rayban.jpg\" alt=\"\" data-id=\"283\" data-full-url=\"https:\/\/www.saskialund.de\/wp-content\/uploads\/2015\/07\/bigger-logo-rayban.jpg\" data-link=\"https:\/\/www.saskialund.de\/bigger-logo-rayban\/\" class=\"wp-image-283\" srcset=\"https:\/\/www.saskialund.de\/wp-content\/uploads\/2015\/07\/bigger-logo-rayban.jpg 750w, https:\/\/www.saskialund.de\/wp-content\/uploads\/2015\/07\/bigger-logo-rayban-480x240.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 750px, 100vw\" data-no-translation=\"\" data-no-auto-translation=\"\" \/><figcaption class=\"blocks-gallery-item__caption\">No more insight...<\/figcaption><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><img decoding=\"async\" width=\"842\" height=\"701\" src=\"https:\/\/www.saskialund.de\/wp-content\/uploads\/2015\/07\/bigger-logo-mockup.png\" alt=\"\" data-id=\"282\" data-full-url=\"https:\/\/www.saskialund.de\/wp-content\/uploads\/2015\/07\/bigger-logo-mockup.png\" data-link=\"https:\/\/www.saskialund.de\/bigger-logo-mockup\/\" class=\"wp-image-282\" srcset=\"https:\/\/www.saskialund.de\/wp-content\/uploads\/2015\/07\/bigger-logo-mockup.png 842w, https:\/\/www.saskialund.de\/wp-content\/uploads\/2015\/07\/bigger-logo-mockup-480x400.png 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 842px, 100vw\" data-no-translation=\"\" data-no-auto-translation=\"\" \/><figcaption class=\"blocks-gallery-item__caption\">Space wasted on a website...<\/figcaption><\/figure><\/li><\/ul><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">What's so bad about making the logo bigger?<\/h2>\n\n\n\n<p>In the picture examples above, I have already somewhat exaggerated the problem. But you can see what it's all about, can't you? Basically, there's nothing wrong with opting for a giant logo. There are various examples where prominent logos look very good:<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" width=\"570\" height=\"400\" src=\"https:\/\/www.saskialund.de\/wp-content\/uploads\/nike-air-max-2014-volt-black-medium-mint-electric-green-2-1.jpg\" alt=\"nike-air-max-2014-volt-black-medium-mint-electric-green-2 (1)\" class=\"wp-image-420\" data-no-translation=\"\" data-no-auto-translation=\"\"\/><\/figure><\/div>\n\n\n\n<p>but on the web? Hmm...<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Why you don't need to make your logo bigger<\/h2>\n\n\n\n<p>Please don't get me wrong: of course I appreciate and need your opinions and ideas regarding your web design wishes! Nevertheless, you should bear the following points in mind:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Your site visitors are not blind<\/strong> - For this reason alone, your logo should not be given an oversized section on what is actually very valuable, limited screen space. And this is just to indicate which page you are on. Take a closer look at the logo layout on the websites of the brands mentioned above: <a href=\"https:\/\/www.mercedes-benz.de\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Mercedes Benz<\/a>, <a href=\"https:\/\/www.ray-ban.com\/germany\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Ray Ban<\/a>, <a href=\"https:\/\/www.nike.com\/de\/de_de\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Nike<\/a>. Compared to the navigation and the product presentation, the logo display is absolutely secondary.<\/li><li><strong>Your logo has no real benefit for the visitor.<\/strong> - The limited space on the homepage is far too valuable to waste it on something so useless for the visitor. You want to keep the visitor from \u201cclicking away\u201d and \u201cgoogling on\u201d!<\/li><li><strong>Your website is not about YOU<\/strong> - This is difficult for many companies to swallow at first. Your website is not made for you, but for your customers and potential new customers. Creating a consistent look and feel is good and should be encouraged wherever possible. But to achieve consistency, it is not necessary to overwhelm your site visitors\/prospects\/customers\/new customers with your logo.<\/li><li><strong>A giant logo can push other more important page elements out of the precious field of vision<\/strong> - Wouldn't you prefer to take advantage of the brief moment of 100% attention of your site visitor and draw their attention to your chic products and services?<\/li><li><strong>Large logos can disrupt your website<\/strong> - This is basically a kind of summary of all the points mentioned so far:<br>Large logos distract from the added value and benefits of your website. Unless you want to sell the logo instead of your products.<br>Learn to understand what the actual purpose of a website is: Information provision, customer service, product presentation, etc.<\/li><\/ul>\n\n\n\n<p>I hope I was able to give you an understanding of the advantages and productively sensible reasons for a less prominent logo on your website. Let me know what you think about this topic.<\/p>\n\n\n\n<p>Best regards<br>Saskia Lund<\/p>","protected":false},"excerpt":{"rendered":"<p>No matter how big or small a company is, they almost all have the desire for a \u201cbigger logo\u201d on their website in common.<\/p>\n<p>Sooner or later, the question \u201cCan the logo be made bigger?\u201d is raised during the wireframing process.<\/p>","protected":false},"author":1,"featured_media":770,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"categories":[13],"tags":[4,14,8,15,16,17,18],"dipi_cpt_category":[],"class_list":["post-278","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ratgeber","tag-basisdesign","tag-bigger-logo","tag-front-end","tag-geht-das-auch-groesser","tag-logo","tag-tipps","tag-webdesign"],"acf":[],"_links":{"self":[{"href":"https:\/\/isla-stud.io\/en\/wp-json\/wp\/v2\/posts\/278","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/isla-stud.io\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/isla-stud.io\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/isla-stud.io\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/isla-stud.io\/en\/wp-json\/wp\/v2\/comments?post=278"}],"version-history":[{"count":0,"href":"https:\/\/isla-stud.io\/en\/wp-json\/wp\/v2\/posts\/278\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/isla-stud.io\/en\/wp-json\/wp\/v2\/media\/770"}],"wp:attachment":[{"href":"https:\/\/isla-stud.io\/en\/wp-json\/wp\/v2\/media?parent=278"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/isla-stud.io\/en\/wp-json\/wp\/v2\/categories?post=278"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/isla-stud.io\/en\/wp-json\/wp\/v2\/tags?post=278"},{"taxonomy":"dipi_cpt_category","embeddable":true,"href":"https:\/\/isla-stud.io\/en\/wp-json\/wp\/v2\/dipi_cpt_category?post=278"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}