Web Design Blog : Toolkit Websites

Web Design Blog

Website of the Week: Hartswood WoodWorking

This week's website of the week goes to Hartswood Woodworking. Hartswood Woodworking design, create and install bespoke furniture and kitchens to the highest standards of craftsmanship.

Hartswood already had a website with us, but purchased a redesign, in order to revamp and modernise the design.

This is how the website looked before:


 Redesign Project Manager, Natasha, was given the following brief:

- To redesign the website, with a complete new design.
- Add new images
- Incorporate the company social media accounts
- To make the website responsive (mobile-friendly)
- To remove the flash animation from the website, as this is no longer supported on mobile devices.
- A new logo design to modernise the old one

Natasha started by creating some new logo designs for the client to consider before settling on the final design.
Once the logo design was completed, Natasha started work on a new design layout. The new website design uses a fresh white background, which looks very professional. The home page is laid out so that you have a large slide show of images at the top to showcase the work done, links to relevant pages which is great for easy navigation and a form call to action for people to fill out.

It's important that people can find the information they are looking for easily on a web page. Whether that means using clear navigation at the top as this website does, and/or supplying thumbnails to click on further down the page for different categories or options.


The website features social media icons so that people can visit the pages, as well as a Social Media bar meaning that they can view the latest Tweets and Facebook statuses from the page itself without leaving. Being active on Social Media can help you with search engine rankings. The more content you update and share, the better. It also shows Google that you are keen to interact and engage with your target audience.

The website makes use of a gallery page for people to take a look through the images, as well as a detailed service page and testimonials.

The font used is easy to read, and very clean looking. Google fonts like these make a change from the standard web safe fonts like Arial or Times New Roman. The use of the accent colour of blue, makes the titles stand out and is in keeping with the new branding.



The website also passes Google's mobile-friendly test with flying colours, meaning that the website is responsive to the device it's being viewed on. This is a must when it comes to people viewing the website on the go!

You can test your own website to see if it's mobile-friendly, using the Google Test.