A good website design should fulfil its intended function by conveying its message as well as engaging the visitor. Clean layout, consistency, colours, typography, imagery, simplicity and functionality contribute to good design.
When designing a website there are key factors that need to be taken into consideration. Well-designed websites build trust and guide visitors to act. Creating a great user experience involves making sure your website design is optimised for usability and looks good.
Some of the factors that we take into consideration are discussed below.
Having a simple clear intention on all pages will help the user interact with what you have to offer.
The type of questions we ask before designing a layout are:
- What is the purpose of your website?
- What information are you imparting?
- Checking how similar websites in the same genre have used in their layout and overall design. Users will often associate a particular style to a product or service, and this can be used to quickly familiarise them with what you are providing.
There are many different purposes that websites may have but they all have the same core purposes.
- Describing Your Expertise
- Building Your Businesses Reputation
- Generating Leads
- Sales and After Care Provision
Simplicity is the best way to consider the user experience and usability. Here are some ways to achieve a clear design.
Colour communicates messages and evokes user responses. Finding a colour palette that fits your brand will allow you to influence your customer’s behaviour towards your brand. It is best to keep the colour selection limited to about four colours. Complementary colours work very well. Pleasing colour combinations increase customer engagement and make the user feel good. We can help you to select swatch colours for your business using this excellent Adobe Colour Wheel tool.
Typography has an important role to play on your website. It commands attention and works as the visual interpretation of your brand. Typefaces should be legible (larger than a point size of eight) and using a maximum of two different fonts on the website. The font colour should also have a good contrast ratio with a high accessibility rating; we also check this when building the website.
Imagery includes every visual aspect - still photography, illustration, video and all forms of graphics. All imagery should be expressive and capture the spirit of the company and symbolise your brand personality. Most of the initial information we consume on websites is visual and as a first impression. It is therefore particularly important to use high quality images to form an impression of professionalism and credibility.
Visual hierarchy is the arrangement of elements in order of importance. This is done using factors such as size, colour, imagery, contrast, typographically, whitespace, texture and style. One of the important functions of visual hierarchy is to establish a focal point; this shows visitors where the most important information is.
Navigation is the way finding system used on websites where visitors find what they are looking for. Website navigation is key to retaining visitors, if the websites navigation is confusing visitors will give up and go to another website for their information. Navigation should be simple, intuitive and consistent across the website.
An effective web design has both great design and great content.
The website needs to provide good quality information, and this must be compiled and checked before building. Compelling language can also attract and influence visitors and convert them into customers. It also improves search engine rankings!
CSS Grid Based Layout
Grids help to structure your design and keep your content organised. The grid helps to align elements on the page and keep it clean. The grid-based layout arranges content into a clean rigid grid structure with columns, sections that line up and feel balanced and impose order and results in anaesthetically pleasing website.
A grid-based layout is also essential for defining the layout of your website across different devices and screen sizes. It orders the way in which the website will adapt responsively.
Waiting for a website to load will lose visitors. Almost half of web visitors expect a site to load in two seconds or less and they will often leave a site that is not loaded within three seconds. Optimising image sizes and using clear code with fewer dependencies speeds up website load times.
We can use fast Webflow hosting with all our new websites which is extremely fast, scalable and will work well across most of the globe.
More people are using their phones or other devices to browse the web. It is important to build your website with a responsive layout where it can adjust to different sized screens such as desktop, laptop, tablet and of course the smart phone.
We have all the skills to make you an excellent website designed to a high standard. Please get in touch to find out more. We implement results driven web design.