Components of a website

Greater than the sum of its parts.

Great content aside, a solid layout is the foundation of any website. Add in an appropriate font pairing to create a solid hierarchy of information and a splash of colour to add some visual interest, and your website will start to shine.

Key Ingredients

Building a website can be a bit like following a recipe, by combining several ingredients together to create something beautiful. Listed individually, they are fairly obvious, but like any winning dish when combined with thought and care they can become something greater than the sum of their parts.

Layout example

Pixel perfect layout

Many modern websites are full of beautiful visuals, eye catching interactions and great looking animation. It is however crucial to start with a good page layout as this will give your website a solid foundation on which to build.

A clean, easy to follow navigation will make your site visitors immediately comfortable. Clear, well laid out pages which give your content plenty of room to breathe will encourage them to delve deeper into what your site has to offer.

For the typography geeks

Choosing the right fonts is an important consideration for your website. Used effectively they can indicate a natural hierarchy within a website's content. This will quickly draw your site's visitors to the most relevant content and help to increase the number of conversions or sales.

A well paired primary and secondary font work well together, to create something pleasing to the eye and also to aid with hierarchy of information. A strong accent font can also be used to draw attention to any prominent calls to action.

Typography example

Add a splash of colour

It goes without saying that colour plays an important role in the design of any website. Colour schemes are often created using a colour wheel as a reference, but a great way to find a good colour scheme is to look for examples in nature.

Tools like Adobe Illustrator make it easy to sample colours from a photograph and incorporate them in a website. Or if your business already has a logo and some branding, that is an obvious place to start.

Pixel perfect layout

Many modern websites are full of beautiful visuals, eye catching interactions and great looking animation. It is however crucial to start with a good page layout as this will give your website a solid foundation on which to build.

Layout example

A clean, easy to follow navigation will make your site visitors immediately comfortable. Clear, well laid out pages which give your content plenty of room to breathe will encourage them to delve deeper into what your site has to offer.

For the typography geeks

Choosing the right fonts is an important consideration for your website. Used effectively they can indicate a natural hierarchy within a website's content. This will quickly draw your site's visitors to the most relevant content and help to increase the number of conversions or sales.

Typography example

A well paired primary and secondary font work well together, plus a strong accent font to draw attention to prominent calls to action.

Add a splash of colour

It goes without saying that colour plays an important role in the design of any website. Colour schemes are often created using a colour wheel as a reference, but a great way to find a good colour scheme is to look for examples in nature.

Tools like Adobe Illustrator make it easy to sample colours from a photograph and incorporate them in a website. Or if your business already has a logo and some branding, that is an obvious place to start.

Key Ingredients

Building a website can be a bit like following a recipe, by combining several ingredients together to create something beautiful. Listed individually, they are fairly obvious, but like any winning dish when combined with thought and care they can become something greater than the sum of their parts.

Pixel perfect layout

Many modern websites are full of beautiful visuals, eye catching interactions and great looking animation. It is however crucial to start with a good page layout as this will give your website a solid foundation on which to build.

A clean, easy to follow navigation will make your site visitors immediately comfortable. Clear, well laid out pages which give your content plenty of room to breathe will encourage them to delve deeper into what your site has to offer.

For the typography geeks

Choosing the right fonts is an important consideration for your website. Used effectively they can indicate a natural hierarchy within a website's content. This will quickly draw your site's visitors to the most relevant content and help to increase the number of conversions or sales.

A well paired primary and secondary font work well together, to create something pleasing to the eye and also to aid with hierarchy of information. A strong accent font can also be used to draw attention to any prominent calls to action.

Add a splash of colour

It goes without saying that colour plays an important role in the design of any website. Colour schemes are often created using a colour wheel as a reference, but a great way to find a good colour scheme is to look for examples in nature.

Tools like Adobe Illustrator make it easy to sample colours from a photograph and incorporate them in a website. Or if your business already has a logo and some branding, that is an obvious place to start.

Pixel perfect layout

Many modern websites are full of beautiful visuals, eye catching interactions and great looking animation. It is however crucial to start with a good page layout as this will give your website a solid foundation on which to build.

Layout example

A clean, easy to follow navigation will make your site visitors immediately comfortable. Clear, well laid out pages which give your content plenty of room to breathe will encourage them to delve deeper into what your site has to offer.

For the typography geeks

Choosing the right fonts is an important consideration for your website. Used effectively they can indicate a natural hierarchy within a website's content. This will quickly draw your site's visitors to the most relevant content and help to increase the number of conversions or sales.

Typography example

A well paired primary and secondary font work well together, plus a strong accent font to draw attention to prominent calls to action.

Add a splash of colour

It goes without saying that colour plays an important role in the design of any website. Colour schemes are often created using a colour wheel as a reference, but a great way to find a good colour scheme is to look for examples in nature.

Tools like Adobe Illustrator make it easy to sample colours from a photograph and incorporate them in a website. Or if your business already has a logo and some branding, that is an obvious place to start.

Ready to discuss a project?

What would make your website perfect?

CONTACT ME