{"id":40116,"date":"2016-10-21T05:09:55","date_gmt":"2016-10-21T12:09:55","guid":{"rendered":"https:\/\/creativemarket.com\/blog\/?p=40116"},"modified":"2024-04-12T02:57:07","modified_gmt":"2024-04-12T09:57:07","slug":"logo-placement-web-design","status":"publish","type":"post","link":"https:\/\/creativemarket.com\/blog\/logo-placement-web-design","title":{"rendered":"Where Should You Place Your Logo on Your Homepage? Science Gives the Answer"},"content":{"rendered":"<p>Ever wondered how designers decide (if they spend time thinking about it at all) on placement of a brand&acirc;&euro;&trade;s logo on the homepage of a website? The <a href=\"https:\/\/creativemarket.com\/blog\/beautiful-examples-of-logo-design\">logo<\/a> usually serves as a way to help you find yourself back to the homepage in an instant, no matter on what webpage of the site you find yourself after some navigation.\nYou&acirc;&euro;&trade;ve probably seen the logo in three places on a page: on the left, in the center, and on the right (which would be really unorthodox).\nToday, I&acirc;&euro;&trade;m going to focus on left-aligned logos versus centered logos and how this seemingly &acirc;&euro;&oelig;small&acirc;&euro; change in placement can have a massive impact on the site&acirc;&euro;&trade;s user experience.\n<h2><span class=\"ez-toc-section\" id=\"Left-aligned_or_CenteredaE%E2%80%9DWhat_Does_the_Research_Say\"><\/span>Left-aligned or Centered&acirc;&euro;&rdquo;What Does the Research Say?<span class=\"ez-toc-section-end\"><\/span><\/h2><p>\nIf we just go by perception, you&acirc;&euro;&trade;ll probably find an equal number of people who believe a logo on the left side of a page is just as helpful to <a href=\"https:\/\/creativemarket.com\/blog\/4-tips-to-creating-an-incredible-ux\">UX<\/a> as one in the center. That&acirc;&euro;&trade;s why we&acirc;&euro;&trade;re going to settle this once and for all by turning to the research.\nFor an answer on this, we turn to UX and design experts at the Nielsen Norman Group. In a recent study, they concluded without a shadow of a doubt that <a href=\"https:\/\/www.nngroup.com\/articles\/centered-logos\/\">centered logos hurt site navigation<\/a>. Not that they impede navigation a bit&acirc;&euro;&brvbar;or suggest to designers that they should reconsider logo placement&acirc;&euro;&brvbar;but that they all-out degraded usability and navigation!\nThe study author recommends that all logos on a site should lean left.\nThis may come as a surprise to some, as placing anything in the center of a page&acirc;&euro;&rdquo;you&acirc;&euro;&trade;d think, anyway&acirc;&euro;&rdquo;would make it easier to see. After all, it&acirc;&euro;&trade;s right there, in the middle, staring you in the face.\nHowever, consider two, contrary reasons:\n1) We consistently read from <em>left<\/em> to right (at least in the west and parts of Asia)\n2) Traditionally, logos have always been positioned on the left-hand side of pages\nTaking these into consideration, it&acirc;&euro;&trade;s no surprise that the study found that participants had much less success getting back to the homepage in just one click if the logo was in the center of a page.\n<\/p><h2><span class=\"ez-toc-section\" id=\"What_This_Means_for_Design\"><\/span>What This Means for Design<span class=\"ez-toc-section-end\"><\/span><\/h2><p>\nDesigners should be placing logos on the left-hand side of a page. This goes for all pages. If you don&acirc;&euro;&trade;t, <a href=\"https:\/\/creativemarket.com\/blog\/8-web-design-mistakes-to-avoid\">users will have serious problems<\/a> getting back to the homepage and essentially finding their way back to the starting point of the site.\nThat makes for horrendous UX. The rule of thumb in web design is to always design with the user&acirc;&euro;&trade;s sensibilities in mind before anything else, so even something as seemingly insignificant as a logo can have serious repercussions on how the design of a site impacts usability.\nAnd when users have a hard time finding their way around a site, <a href=\"https:\/\/speckyboy.com\/awful-website-navigation-mistakes-you-should-avoid\/\">bad things usually happen<\/a>, such as:\n<\/p><ul>\n \t<li>Users getting frustrated<\/li>\n \t<li>Users leaving your site<\/li>\n \t<li>Your site suffering a higher bounce rate<\/li>\n \t<li>Worse SEO rankings<\/li>\n<\/ul><p>\nSo remember to design with a left-aligned logo, and your site&acirc;&euro;&trade;s design will provide much better UX, which results in more conversions and revenue, too.\n<\/p><h2><span class=\"ez-toc-section\" id=\"Examples_of_Sites_That_Do_It_Right_With_Left-Aligned_Logos\"><\/span>Examples of Sites That Do It Right With Left-Aligned Logos<span class=\"ez-toc-section-end\"><\/span><\/h2><p>\nNow that I&acirc;&euro;&trade;ve talked about the absolute importance of left-leaning logos, we can&acirc;&euro;&trade;t be remiss and fail to spotlight sites that do it right. In no particular order, here are sites that nail it when it comes to correct logo placement:\n<\/p><ul>\n \t<li><strong><a href=\"http:\/\/www.toysrus.com\/shop\/index.jsp?categoryId=2255956\">Toys R Us<\/a><\/strong> &acirc;&euro;&ldquo; This famous retailer of toys features a logo that&acirc;&euro;&trade;s very much left of center on the homepage and other pages.\n<img loading=\"lazy\" decoding=\"async\" class=\"wp-image-40119 size-full\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/10\/11235517\/Screen-Shot-2016-10-06-at-11.39.29-PM.jpg.webp\" alt=\"toys-r-us-logo-homepage.jpg\" width=\"681\" height=\"553\"><\/li>\n \t<li><strong><a href=\"https:\/\/www.facebook.com\/\">Facebook<\/a><\/strong> &acirc;&euro;&ldquo; Everyone&acirc;&euro;&trade;s favorite social network positions its own logo clearly to the left of the midway point on its homepage.\n<img loading=\"lazy\" decoding=\"async\" class=\"wp-image-40121 size-full\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/10\/11235522\/Screen-Shot-2016-10-06-at-11.41.33-PM.jpg.webp\" alt=\"facebook-logo-homepage.jpg\" width=\"680\" height=\"600\"><\/li>\n \t<li><strong><a href=\"http:\/\/www.infiniti.com\/ca\/\">Infiniti<\/a><\/strong> &acirc;&euro;&ldquo; Nissan&acirc;&euro;&trade;s luxury vehicle division places its logo way to the very left of the page, in a very striking fashion.\n<img loading=\"lazy\" decoding=\"async\" class=\"wp-image-40122 size-full\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/10\/11235528\/Screen-Shot-2016-10-06-at-11.42.57-PM.jpg.webp\" alt=\"infiniti-logo-homepage.jpg\" width=\"680\" height=\"655\"><\/li>\n \t<li><strong><a href=\"https:\/\/www.walmart.com\/\">Walmart<\/a><\/strong> &acirc;&euro;&ldquo; Retail giant Walmart&acirc;&euro;&trade;s logo is comfortably placed on the left-hand side of the homepage.\n<img loading=\"lazy\" decoding=\"async\" class=\"wp-image-40124 size-full\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/10\/11235533\/Screen-Shot-2016-10-06-at-11.44.11-PM.jpg.webp\" alt=\"walmart-logo-homepage.jpg\" width=\"680\" height=\"678\"><\/li>\n \t<li><strong><a href=\"https:\/\/www.verizonwireless.com\/\">Verizon Wireless<\/a><\/strong> &acirc;&euro;&ldquo; Telecom company Verizon Wireless also features its logo to the left of center on its homepage.\n<img loading=\"lazy\" decoding=\"async\" class=\"wp-image-40125 size-full\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/10\/11235541\/Screen-Shot-2016-10-06-at-11.44.59-PM.jpg.webp\" alt=\"verizon-wireless-logo-homepage.jpg\" width=\"681\" height=\"523\"><\/li>\n<\/ul><h2><span class=\"ez-toc-section\" id=\"Buy_Logo_Bundles_on_Creative_Market\"><\/span>Buy Logo Bundles on Creative Market<span class=\"ez-toc-section-end\"><\/span><\/h2><p>\nOur Creative Market marketplace is home to many talented designers who sell all kinds of <a href=\"https:\/\/creativemarket.com\/search\/logo\">logo bundles, fonts, templates<\/a> and more. If this UX study&acirc;&euro;&trade;s discovery that logos work best on the left side of a page has inspired you at all, you may want to browse our selections.\nIn the meantime, check out these talented designers and their logo products:\n<\/p><ul>\n \t<li><strong><a href=\"https:\/\/creativemarket.com\/design_district\">Design District<\/a><\/strong> &acirc;&euro;&ldquo; A great shop that sells everything from logo bundles and kits to vintage logos and branding mockups.<\/li>\n \t<li><strong><a href=\"https:\/\/creativemarket.com\/LogoLabs\">LogoLabs<\/a><\/strong> &acirc;&euro;&ldquo; This fine shop sells individual logos that you can use for your own branding, as well as logo textures. A complete logo shop.<\/li>\n \t<li><strong><a href=\"https:\/\/creativemarket.com\/AgataCreate\">AgataCreate<\/a><\/strong> &acirc;&euro;&ldquo; Agata features numerous logos, logo mockups, and typography logos in her fine shop.<\/li>\n \t<li><strong><a href=\"https:\/\/creativemarket.com\/TSVcreative\">TSV Creative<\/a><\/strong> &acirc;&euro;&ldquo; This shop features a medley of logo designs along with various scripts and illustrations.<\/li>\n \t<li><strong><a href=\"https:\/\/creativemarket.com\/Zeppelin_Graphics\">Zeppelin Graphics<\/a><\/strong> &acirc;&euro;&ldquo; Featuring logo creation kits and logo bundles galore, Zeppelin Graphics is a fine shop.<\/li>\n<\/ul><hr><p><strong>Products Seen In This Post:<\/strong><\/p><p>    <figure id=\"card-728841-487236944\" class=\"product-card half no-pinit\" data-product-id=\"728841\" data-index=\"0\" data-width=\"half\" data-pin_it=\"no-pinit\" data-module=\"Product Embed\" data-block-id=\"487236944\"><\/figure>\n    \n    <figure id=\"card-381448-2086220970\" class=\"product-card half no-pinit\" data-product-id=\"381448\" data-index=\"0\" data-width=\"half\" data-pin_it=\"no-pinit\" data-module=\"Product Embed\" data-block-id=\"2086220970\"><\/figure>\n    \n<\/p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ever wondered how designers decide (if they spend time thinking about it at all) on placement of a brand&acirc;&euro;&trade;s logo on the homepage of a website? The logo usually serves as a way to help you find yourself back to the homepage in an instant, no matter on what webpage of the site you find [&hellip;]<\/p>\n","protected":false},"author":144,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[1659,59],"tags":[51,305,719],"topics":[],"class_list":["post-40116","post","type-post","status-publish","format-standard","hentry","category-trend-reports","category-design-trends","tag-logo","tag-web-design","tag-ux"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v28.6 (Yoast SEO v28.6) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Where Should You Place Your Logo on Your Homepage? Science Gives the Answer - Creative Market Blog<\/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:\/\/creativemarket.com\/blog\/logo-placement-web-design\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Where Should You Place Your Logo on Your Homepage? Science Gives the Answer\" \/>\n<meta property=\"og:description\" content=\"Ever wondered how designers decide (if they spend time thinking about it at all) on placement of a brand&acirc;&euro;&trade;s logo on the homepage of a\" \/>\n<meta property=\"og:url\" content=\"https:\/\/creativemarket.com\/blog\/logo-placement-web-design\" \/>\n<meta property=\"og:site_name\" content=\"Creative Market Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/crtvmrkt\" \/>\n<meta property=\"article:published_time\" content=\"2016-10-21T12:09:55+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-04-12T09:57:07+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/10\/11235517\/Screen-Shot-2016-10-06-at-11.39.29-PM.jpg.webp\" \/>\n<meta name=\"author\" content=\"Marc Schenker\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@creativemarket\" \/>\n<meta name=\"twitter:site\" content=\"@creativemarket\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Marc Schenker\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/logo-placement-web-design\",\"url\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/logo-placement-web-design\",\"name\":\"Where Should You Place Your Logo on Your Homepage? Science Gives the Answer - Creative Market Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/logo-placement-web-design#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/logo-placement-web-design#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/d3ui957tjb5bqd.cloudfront.net\\\/uploads\\\/2016\\\/10\\\/11235517\\\/Screen-Shot-2016-10-06-at-11.39.29-PM.jpg.webp\",\"datePublished\":\"2016-10-21T12:09:55+00:00\",\"dateModified\":\"2024-04-12T09:57:07+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/#\\\/schema\\\/person\\\/b1e20fb9aeef6b45762dbab55e31c7c8\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/logo-placement-web-design#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/creativemarket.com\\\/blog\\\/logo-placement-web-design\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/logo-placement-web-design#primaryimage\",\"url\":\"https:\\\/\\\/d3ui957tjb5bqd.cloudfront.net\\\/uploads\\\/2016\\\/10\\\/11235517\\\/Screen-Shot-2016-10-06-at-11.39.29-PM.jpg.webp\",\"contentUrl\":\"https:\\\/\\\/d3ui957tjb5bqd.cloudfront.net\\\/uploads\\\/2016\\\/10\\\/11235517\\\/Screen-Shot-2016-10-06-at-11.39.29-PM.jpg.webp\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/logo-placement-web-design#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Where Should You Place Your Logo on Your Homepage? Science Gives the Answer\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/\",\"name\":\"Creative Market Blog\",\"description\":\"Creative Market Blog\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Where Should You Place Your Logo on Your Homepage? Science Gives the Answer - Creative Market Blog","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:\/\/creativemarket.com\/blog\/logo-placement-web-design","og_locale":"en_US","og_type":"article","og_title":"Where Should You Place Your Logo on Your Homepage? Science Gives the Answer","og_description":"Ever wondered how designers decide (if they spend time thinking about it at all) on placement of a brand&acirc;&euro;&trade;s logo on the homepage of a","og_url":"https:\/\/creativemarket.com\/blog\/logo-placement-web-design","og_site_name":"Creative Market Blog","article_publisher":"https:\/\/www.facebook.com\/crtvmrkt","article_published_time":"2016-10-21T12:09:55+00:00","article_modified_time":"2024-04-12T09:57:07+00:00","og_image":[{"url":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/10\/11235517\/Screen-Shot-2016-10-06-at-11.39.29-PM.jpg.webp","type":"","width":"","height":""}],"author":"Marc Schenker","twitter_card":"summary_large_image","twitter_creator":"@creativemarket","twitter_site":"@creativemarket","twitter_misc":{"Written by":"Marc Schenker","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/creativemarket.com\/blog\/logo-placement-web-design","url":"https:\/\/creativemarket.com\/blog\/logo-placement-web-design","name":"Where Should You Place Your Logo on Your Homepage? Science Gives the Answer - Creative Market Blog","isPartOf":{"@id":"https:\/\/creativemarket.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/creativemarket.com\/blog\/logo-placement-web-design#primaryimage"},"image":{"@id":"https:\/\/creativemarket.com\/blog\/logo-placement-web-design#primaryimage"},"thumbnailUrl":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/10\/11235517\/Screen-Shot-2016-10-06-at-11.39.29-PM.jpg.webp","datePublished":"2016-10-21T12:09:55+00:00","dateModified":"2024-04-12T09:57:07+00:00","author":{"@id":"https:\/\/creativemarket.com\/blog\/#\/schema\/person\/b1e20fb9aeef6b45762dbab55e31c7c8"},"breadcrumb":{"@id":"https:\/\/creativemarket.com\/blog\/logo-placement-web-design#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/creativemarket.com\/blog\/logo-placement-web-design"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/creativemarket.com\/blog\/logo-placement-web-design#primaryimage","url":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/10\/11235517\/Screen-Shot-2016-10-06-at-11.39.29-PM.jpg.webp","contentUrl":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/10\/11235517\/Screen-Shot-2016-10-06-at-11.39.29-PM.jpg.webp"},{"@type":"BreadcrumbList","@id":"https:\/\/creativemarket.com\/blog\/logo-placement-web-design#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/creativemarket.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Where Should You Place Your Logo on Your Homepage? Science Gives the Answer"}]},{"@type":"WebSite","@id":"https:\/\/creativemarket.com\/blog\/#website","url":"https:\/\/creativemarket.com\/blog\/","name":"Creative Market Blog","description":"Creative Market Blog","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/creativemarket.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/posts\/40116","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/users\/144"}],"replies":[{"embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/comments?post=40116"}],"version-history":[{"count":0,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/posts\/40116\/revisions"}],"wp:attachment":[{"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/media?parent=40116"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/categories?post=40116"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/tags?post=40116"},{"taxonomy":"topics","embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/topics?post=40116"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}