Skip to content
 

Results

Load time reduced by 4 seconds

Google PageSpeed Insights score increased from 27% to 95% for mobile.

Traffic has doubled

The site has seen an overall 113% increase in website sessions.

Improved search performance

A faster, cleaner code base has lead to a 25% increase in organic search traffic.

Improved engagement

A 10% reduction in bounce rate means potential clients are sticking around for longer.

Paul did a superb job with our new website and we are really happy with the results.

Nathan Partington, Design Director at NPD Nathan Partington, Design Director at North Product Design.

Design Process

I worked closely with Nathan and Alex from NPD who provided a wealth of product photography, 3D renders and concept sketches to work with.

We worked through my usual design process of producing rough wireframe layouts first, then refining designs before moving onto the building phase. We continually revised the designs through the build.

A comparison between the early wireframe layouts and the full designs. As the grid concept developed, we explored the idea of making the layouts flexible to add squares in different widths and heights. We continued to revise the designs further throughout the build too, for example the introduction text is centered on the live site.

The site is built around a bespoke grid-based page builder using WordPress and Advanced Custom Fields.

The flexible page builder allows the site admin to quickly construct new pages from different content blocks including images, videos and testimonials, as well as specifying the number of columns and rows each block takes up.

The page builder is created specifically for this particular design, meaning the codebase is minimal and clean and there is no need for loading any unnecessary assets. This improves the load speed of the site, which is good for users and search engines alike.

The grid format also adapts well across devices, meaning it looks great on phones as well as wider screens.

Want to improve your business website?

Let's work together
 

Get The Most From Your Website!

Recieve helpful website advice and articles (plus dog photos) into your inbox once per month with the PJWD newsletter.

Get the PJWD Newsletter