Designing the page layouts for your website

By Haydn Rowe

Successful websites understand that visitors have a primary purpose when viewing a page – to get information.

They also understand that visitors have different requirements …

Some people will arrive at your website to investigate your products and services, some to buy now, others to research the credibility of your company, and some looking for free information offers.

Your visitors could fall into one of many categories and a successful page layout will cater for the needs of all the types of visitors that might be attracted to your site by offering all options so they can find their way easily to the content that they want.

That’s why seemingly ‘busy’ sites with many links and options on the landing page can be the most successful, and why a ‘clean’ website is unlikely to deliver the best results for your business – as discussed in our post on the clean website paradox.

Every website will need a layout tailored to suit the needs of the types of visitor they are targeting, however by beginning with a template of a successful layout you will be more likely to end up with a website that delivers the results you want.

Here are some example page layouts that work really well for most websites.

Home Page Layout


home page layout

Real World Example


NPG Home page layout

Landing Page Layout


landing page layout

Real World Example


landing page example

Initial Working Design


initial design

Final Design


page design


It is of course important to remember that you should use a combination of images and text to direct the traffic around your website as different visitors respond differently to each medium.

Leave a Reply

Your email address will not be published. Required fields are marked *