The 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.
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.
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.
A 10% reduction in bounce rate means potential clients are sticking around for longer.
It is a very exciting time to work alongside NPD.
They have recently opened a new office in London to expand their client base, and are continuing to launch fantastic new products, including a COVID-19 testing kit.
I’ve been updating the site and making regular improvements on a monthly basis as the business grows.
What Nathan said
Paul did a superb job with our new website and we are really happy with the results. We are already recommending Paul's services to our existing clients and contacts and will be using his services on a regular basis to make updates to the site.Nathan Partington, Design Director at NPD