What should you include in your new website?
We all visit many websites to make purchases, view or research things, or just to browse for fun, and we all come across really good websites, as well as some which can be pretty frustrating. They might be slow to load, hard to read, or make it almost impossible to find what you’re looking for.
There will be readers of this page who intend building their own websites using WordPress or Wix, and some who want to commission experienced freelance web designers or web design agencies to build their websites.
Principles of good website design
Regardless of which direction you want to take, it would be worth having a concise list of things you should take into account. So we have put together the following website design checklist to help you understand some of the key principles of good website design.
Your website disigned around YOUR customer
Putting the customer first is crucial. That doesn’t just mean you as one of our potential customers, but we need to build websites for YOUR customers.
- What do they want?
- What do they expect?
- What do they need?
Can your website provide these answers, which for the owners of most websites means
Will my website help to turn visitors into potential customers?
For more insight into how to view your website from your customer's perspective, take a look at what user experience testing is all about.
So with your potential customer in mind, let's start with your domain name.
Choosing Your Domain Name
Do you need a domain name which represents your business name, or one which represents what you do?
Why am I even asking this question? Well imagine you run a plastering company in Brighton, and you use your initials (BJT) in your business name: BTJ Plastering. On the back of your van is the address of your new website, www.bjtplastering.co.uk
How easy will it be for someone you pass in the street to remember your web address so they can look you up when they get home? Would www.brightonplastering.co.uk be easier for that potential customer to remember? Probably, so maybe in this case a website address that represents what you do and where you do it would work better.
So it’s worth giving some thought to the domain name which would work best for you, provided that it hasn’t already been taken. But a word of caution... if another company has already registered www.brightonplastering.com and you intend to use www.brightonplastering.co.uk then you won’t want potential customers to visit your competitor’s website accidentally!
So give it some thought. Ask friends and family for their feedback or suggestions, and then search for availability before you set your heart firmly on a domain name.
Checking the Availability of a Domain Name
If you're not sure how to check the availability of a domain name, call or mail with some ideas and we'll be happy to check for you at no charge.
Choose Colours and Fonts for Your Brand
It makes a lot of sense to use your company’s branding and colour scheme on your website, but depending on what those colours are, consideration should be given how and where to use them.
Tasteful use of colours which compliment and contrast instead of being loud
in your face can have a big impact on how easy or difficult visitors to your website find the experience.
The options are endless, but it’s important enough to get right, so try a few ideas out, if you can.
Brand and Logo
Companies place varying amounts of importance on logos. Some are incredibly specific about font style, weight, colours, space around text and images, etc., whilst other companies (usually smaller businesses) are less specific.
But whatever the case, make sure that your logo displays clearly, with no distortion, blurring or pixilation. In many cases the type of image file you use will be important, such as if the logo needs to be displayed with a transparent background as opposed to a solid colour. So the appropriate selection of JPEG, GIF or PNG file may be an important choice to make.
It is also commonplace on websites that the logo provides a link directly back to the homepage of the website. So make sure that this is the case, and also make sure that any pages in sub folders have the correct path back to the homepage in the root folder, otherwise the user will encounter a missing page.
A good website should be attractive
Attractive is subjective, but if the design looks cluttered with too many things all trying to grab your attention at once, or if the content uses a small font size and a lack of contrast makes it hard to read, then you might not keep that visitor on your site for very long.
Your website should be intuitive
You don’t want to confuse, overwhelm or frustrate the user. Some sound advice I came across many years ago at a Nielsen Norman UX (User Experience) Conference was
Don't make them have to think and that is just a relevant today as it was then.
A website should be able to load quickly
Speed is important. If a user needs to wait for more than a few seconds for a page to load, they’re likely to get tired of waiting and leave. Viewing websites on a mobile phone using data in a poorly served area is one particular case where a fast loading website will win over a website which is slow to load.
Image optimisation for your website
Images are important. Even on an informational website the use of an image here and there can break up what may otherwise be an overwhelmingly heavy page. But if images are needed to sell products or showcase your work, then it goes without saying that you need them.
So many websites are slow to load because of the images used. Many images… photos… are far larger than they need to be, and the mistake many people make is to take photos with their phones and upload them to their website without optimising them.
Before you glaze over with the mention of image optimisation, let’s just say that, with the right tools, an original photo of several megabytes in size can be reduce to 5-10% of its file size very easily.
Furthermore, when your website is being viewed on a mobile phone compared to a desktop or laptop, the image used for mobile can be reduce even further. In fact it is our strong recommendation that you do differentiate between images used for mobile and those for desktop.
It is also preferable to use original images on your website instead of images sourced from stock photo libraries. That might not always be possible, but where you can, use your own unique photos on your website.
Mobile Friendly Web Design
Your website needs to work on a wide range of platforms. Website layouts need to be flexible, which in design terms is referred to as
With the continued growth in the use of mobile devices to engage with websites, a website needs to be designed to be mobile friendly, so that the page adapts to correctly display on a mobile phone, but without the additional loads which many websites and web design packages force mobiles to download.
Feel free to check out a separate article on why mobile friendly websites are so important.
The illustration above shows how we design pages to work on a range of screen sizes, devices and orientation. We cut no corners where optimising web pages is concerned, and in some cases we produce up to seven versions of a background image for a single page, so we can be sure each screen variation has an optimal image from both a styling and data size perspective.
In other words they look better and load quicker.
Your website needs to be relevant
Whether a visitor reaches your site because they have seen your web address on an advert, business card, etc., or they have used a search engine and found your website in the search results, when they arrive at your website are they going to find what they’re looking for?
Does the content on your website match what the customer is looking for, and also for the location or area which matters to them?
Your website needs to be found
Visitors will reach your site through a number of means, but one of the most common ways of them coming is via a search engine.
There are many considerations to be aware of when it comes to being successful with search engines, so take a look at our page about search engine optimisation for a more comprehensive overview on SEO.
Get in Touch
If you would like to discuss anything further, feel free to reach us by email or phone as follows: