Layouts and Structures

On this page I will be explaining the importance of the way a website is layout and structured.

First of all you want to be able to make sure that the website isn’t cluttered, with either lots of information in one place, or with far too many pictures.

Usually websites have their main pages full of the main and simply information, this is to make sure that the person that is visiting the website can find what they need straight away without any issues. It is also done to make sure it doesn’t “scare” off the potential visitor.

A fine example of this would be,

Website example.png

As you can see from the image above, the layout of this website is confusing and gives little detail. It seems very old and out dated website and is very hard on the eyes. There is no easy way to navigate through the website and is cluttered with Gifs and pictures all over the front page.

The layout of this website makes it an eye sore, there is so much going on you don’t know where to look first. The Gifs and pictures distract you from the main content of the page. As a new visitor this would make you feel like the hotel that they are trying to advertise is very unprofessional and outdated itself. I am sure most people that go onto this page at more than likely not going to want to visit this hotel and more likely to close the webpage all together.

This is just but a fine example of why structure and layout are very important when making a website. It is the first thing a user sees about your business, it leaves the first impression.

You also want to make sure there is a structure to your website to make it easy for the user to move around each page without feeling lost or not being able to find what they want.



This is a good example of a well designed website, as you can see it is clean easy to use. There is a navigation bar at the top so that the user can find what they are looking for easily.

I tried to keep this in mind when designing my website, making it simplistic with a navigation bar and a search bar at the top of the website for ease of access for the user.



Reference – bad website example – well structured website


Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s