Using logos in web design
Posted: Wed Feb 19, 2025 8:40 am
You can't start a web design without a logo
This statement seems obvious but it is not. As a web design agency with more than 20 years of experience, we still have well-known clients who ask us to start a web design without having a fully defined logo. This is a huge procedural error. Without a logo we cannot know what we want to communicate, or how, and much less have the fonts or colours that we should use in the design of the website to obtain a coherent image as a result. We will end up, without a doubt, with a totally disconnected design, where the logo will be on one side and the web design on the other, generating noise and frustration for the user of our website.
Logo position on a web page
Any web designer always has a hard time following rigid conventions, but when it comes to logo positioning on a website, the logo should always be in the top left corner . It's that clear! The reasons for being able to make such a statement are the following:
The logo is the first thing a user sees when they arrive at our website. If the logo is the most important thing on a website, it is logical that it is the first thing they see. If we focus on the European and American public, we all read starting from the top and from left to right, in an F shape.
We use it as a navigation tool . Every user knows that clicking on the logo canada telegram data takes us back to the home page of our website. This convention has even allowed us to remove the home link from menus on websites. If we were very strict about website usability, we would have to exclude such a link from the home page, as it makes no sense for a page to link to itself.
When we move the logo from the top left of the screen to any other part, we generate confusion in the user. This confusion is exponential depending on the size of the screen. On small screens, placing the logo in the center is not so problematic since it does not escape much from the customer's attention area when accessing a web page, which is why the logo in the center works reasonably well in responsive web design on mobile phones or tablets.
If we take it to the extreme by placing the logo in the top right corner, it will confuse and stress the customer and we will lose brand recall and recognition.
The data supports it
Nielsen Norman Group , the company of the father of usability and genius Jacob Nielsen , conducted an experiment with real users in 2016 and got very interesting results. The study showed that users who accessed a website with the logo located in the top left corner were 89% more likely to remember the website's brand than those who accessed the same website with the logo located in the top right corner of their screen. The same study also showed that logos located in the center of the screen were used 6 times less to access the main page than in cases where the logo was located on the left, negatively affecting the navigability of the website.
This statement seems obvious but it is not. As a web design agency with more than 20 years of experience, we still have well-known clients who ask us to start a web design without having a fully defined logo. This is a huge procedural error. Without a logo we cannot know what we want to communicate, or how, and much less have the fonts or colours that we should use in the design of the website to obtain a coherent image as a result. We will end up, without a doubt, with a totally disconnected design, where the logo will be on one side and the web design on the other, generating noise and frustration for the user of our website.
Logo position on a web page
Any web designer always has a hard time following rigid conventions, but when it comes to logo positioning on a website, the logo should always be in the top left corner . It's that clear! The reasons for being able to make such a statement are the following:
The logo is the first thing a user sees when they arrive at our website. If the logo is the most important thing on a website, it is logical that it is the first thing they see. If we focus on the European and American public, we all read starting from the top and from left to right, in an F shape.
We use it as a navigation tool . Every user knows that clicking on the logo canada telegram data takes us back to the home page of our website. This convention has even allowed us to remove the home link from menus on websites. If we were very strict about website usability, we would have to exclude such a link from the home page, as it makes no sense for a page to link to itself.
When we move the logo from the top left of the screen to any other part, we generate confusion in the user. This confusion is exponential depending on the size of the screen. On small screens, placing the logo in the center is not so problematic since it does not escape much from the customer's attention area when accessing a web page, which is why the logo in the center works reasonably well in responsive web design on mobile phones or tablets.
If we take it to the extreme by placing the logo in the top right corner, it will confuse and stress the customer and we will lose brand recall and recognition.
The data supports it
Nielsen Norman Group , the company of the father of usability and genius Jacob Nielsen , conducted an experiment with real users in 2016 and got very interesting results. The study showed that users who accessed a website with the logo located in the top left corner were 89% more likely to remember the website's brand than those who accessed the same website with the logo located in the top right corner of their screen. The same study also showed that logos located in the center of the screen were used 6 times less to access the main page than in cases where the logo was located on the left, negatively affecting the navigability of the website.